<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>웹상위노출 | 서치웨이브 SEO·GEO 최적화</title><link>https://acmerental.co.kr/</link><description>Recent content on 웹상위노출 | 서치웨이브 SEO·GEO 최적화</description><generator>Hugo</generator><language>ko</language><lastBuildDate>Wed, 28 Oct 2026 16:58:00 +0900</lastBuildDate><atom:link href="https://acmerental.co.kr/index.xml" rel="self" type="application/rss+xml"/><item><title>GEO 마케팅이란: 생성형 AI 검색 시대의 GEO 대응 기본</title><link>https://acmerental.co.kr/posts/post_001</link><pubDate>Sat, 10 Oct 2026 00:00:00 +0000</pubDate><guid>https://acmerental.co.kr/posts/post_001</guid><description>&lt;p&gt;GEO 마케팅은 생성형 AI 검색 최적화(Generative Engine Optimization)를 마케팅 쪽에서 부르는 이름입니다. 결론부터 적으면, GEO는 SEO를 대신하는 새 기술이 아니라 SEO 위에 얹는 문서 정리 방식에 가깝습니다.&lt;/p&gt;&#10;&lt;h2 id="geo가-겨냥하는-화면"&gt;GEO가 겨냥하는 화면&lt;/h2&gt;&#10;&lt;p&gt;대상은 두 종류입니다. 구글 검색결과 위쪽의 AI 개요와, 대화형 AI 서비스가 답변 아래에 붙이는 출처 목록입니다. 두 화면 모두 웹 문서를 근거로 문장을 만들고, 그중 일부 문서를 링크로 보여 줍니다.&lt;/p&gt;&#10;&lt;h2 id="seo와-겹치는-부분"&gt;SEO와 겹치는 부분&lt;/h2&gt;&#10;&lt;p&gt;구글 서치 센트럴의 ‘AI 기능과 웹사이트’ 문서는 AI 기능에 노출되기 위한 별도 요건이 없다고 안내합니다. 색인되어 있고 검색결과에 스니펫이 나갈 수 있는 페이지라면 후보가 된다는 뜻입니다. 그래서 GEO 작업도 다음 순서로 시작합니다.&lt;/p&gt;</description></item><item><title>네이버 카페 마케팅과 웹사이트 상위노출, 검색 의도부터 다릅니다</title><link>https://acmerental.co.kr/posts/post_002</link><pubDate>Sat, 24 Oct 2026 00:00:00 +0000</pubDate><guid>https://acmerental.co.kr/posts/post_002</guid><description>&lt;p&gt;네이버 카페 마케팅은 커뮤니티 게시글로 노출을 얻는 방식입니다. 상담에서 이 방식과 웹사이트 상위노출을 같은 일로 보시는 경우가 있어, 차이를 기준별로 나눠 적습니다.&lt;/p&gt;&#10;&lt;h2 id="비교-기준-4가지"&gt;비교 기준 4가지&lt;/h2&gt;&#10;&lt;table&gt;&#10;&#9;&lt;thead&gt;&#10;&#9;&#9;&#9;&lt;tr&gt;&#10;&#9;&#9;&#9;&#9;&#9;&lt;th&gt;기준&lt;/th&gt;&#10;&#9;&#9;&#9;&#9;&#9;&lt;th&gt;카페 게시글&lt;/th&gt;&#10;&#9;&#9;&#9;&#9;&#9;&lt;th&gt;자체 웹사이트&lt;/th&gt;&#10;&#9;&#9;&#9;&lt;/tr&gt;&#10;&#9;&lt;/thead&gt;&#10;&#9;&lt;tbody&gt;&#10;&#9;&#9;&#9;&lt;tr&gt;&#10;&#9;&#9;&#9;&#9;&#9;&lt;td&gt;노출 위치&lt;/td&gt;&#10;&#9;&#9;&#9;&#9;&#9;&lt;td&gt;카페·커뮤니티 영역&lt;/td&gt;&#10;&#9;&#9;&#9;&#9;&#9;&lt;td&gt;웹문서·사이트 영역&lt;/td&gt;&#10;&#9;&#9;&#9;&lt;/tr&gt;&#10;&#9;&#9;&#9;&lt;tr&gt;&#10;&#9;&#9;&#9;&#9;&#9;&lt;td&gt;잘 맞는 검색 의도&lt;/td&gt;&#10;&#9;&#9;&#9;&#9;&#9;&lt;td&gt;후기·경험을 찾는 검색&lt;/td&gt;&#10;&#9;&#9;&#9;&#9;&#9;&lt;td&gt;업체·정보를 찾는 검색&lt;/td&gt;&#10;&#9;&#9;&#9;&lt;/tr&gt;&#10;&#9;&#9;&#9;&lt;tr&gt;&#10;&#9;&#9;&#9;&#9;&#9;&lt;td&gt;결과가 쌓이는 곳&lt;/td&gt;&#10;&#9;&#9;&#9;&#9;&#9;&lt;td&gt;카페 운영자의 공간&lt;/td&gt;&#10;&#9;&#9;&#9;&#9;&#9;&lt;td&gt;내 도메인&lt;/td&gt;&#10;&#9;&#9;&#9;&lt;/tr&gt;&#10;&#9;&#9;&#9;&lt;tr&gt;&#10;&#9;&#9;&#9;&#9;&#9;&lt;td&gt;측정 지표&lt;/td&gt;&#10;&#9;&#9;&#9;&#9;&#9;&lt;td&gt;게시글 조회수&lt;/td&gt;&#10;&#9;&#9;&#9;&#9;&#9;&lt;td&gt;유입 검색어·클릭수(서치어드바이저·서치 콘솔)&lt;/td&gt;&#10;&#9;&#9;&#9;&lt;/tr&gt;&#10;&#9;&lt;/tbody&gt;&#10;&lt;/table&gt;&#10;&lt;h2 id="검색-의도가-먼저입니다"&gt;검색 의도가 먼저입니다&lt;/h2&gt;&#10;&lt;p&gt;같은 단어로 검색해도 사람마다 찾는 것이 다릅니다. ‘비교’, ‘후기’가 붙은 검색은 경험담을 원하고, 업체명이나 서비스명이 붙은 검색은 공식 정보를 원하죠. 검색결과 첫 화면에 어떤 형태의 문서가 많이 보이는지 확인하면 그 검색어의 의도를 대략 알 수 있습니다.&lt;/p&gt;</description></item><item><title>웹사이트 최적화 기술 점검: 색인·코어 웹 바이탈 체크리스트</title><link>https://acmerental.co.kr/posts/post_003</link><pubDate>Sun, 27 Sep 2026 00:00:00 +0000</pubDate><guid>https://acmerental.co.kr/posts/post_003</guid><description>&lt;p&gt;웹사이트 최적화라는 말은 범위가 넓습니다. 이 글은 그중 기술 점검만 다룹니다. 글을 고치기 전에 검색엔진이 사이트를 제대로 읽는지부터 확인해야 하기 때문입니다.&lt;/p&gt;&#10;&lt;h2 id="수집색인-5항목"&gt;수집·색인 (5항목)&lt;/h2&gt;&#10;&lt;ol&gt;&#10;&lt;li&gt;robots.txt가 중요한 경로를 막고 있지 않은가&lt;/li&gt;&#10;&lt;li&gt;sitemap.xml이 실제 페이지 주소와 1:1로 맞는가&lt;/li&gt;&#10;&lt;li&gt;페이지마다 canonical이 자기 자신 또는 올바른 원본을 가리키는가&lt;/li&gt;&#10;&lt;li&gt;서치 콘솔 페이지 색인 보고서의 ‘제외’ 사유 중 늘어난 항목이 있는가&lt;/li&gt;&#10;&lt;li&gt;내부 링크 중 404로 끝나는 링크가 있는가&lt;/li&gt;&#10;&lt;/ol&gt;&#10;&lt;h2 id="표시속도-4항목"&gt;표시·속도 (4항목)&lt;/h2&gt;&#10;&lt;ol start="6"&gt;&#10;&lt;li&gt;LCP 2.5초 이하인가&lt;/li&gt;&#10;&lt;li&gt;INP 200밀리초 이하인가&lt;/li&gt;&#10;&lt;li&gt;CLS 0.1 이하인가&lt;/li&gt;&#10;&lt;li&gt;첫 화면 이미지에 가로·세로 크기가 지정되어 있는가&lt;/li&gt;&#10;&lt;/ol&gt;&#10;&lt;p&gt;세 수치는 구글이 공개한 코어 웹 바이탈 기준입니다. 측정 도구 점수보다 서치 콘솔의 실제 사용자 데이터를 우선해서 보세요.&lt;/p&gt;</description></item><item><title>네이버 상위노출 준비: 서치어드바이저 등록과 웹마스터 가이드</title><link>https://acmerental.co.kr/posts/post_004</link><pubDate>Fri, 09 Oct 2026 00:00:00 +0000</pubDate><guid>https://acmerental.co.kr/posts/post_004</guid><description>&lt;p&gt;웹사이트로 네이버 상위노출을 노린다면 첫 작업은 네이버 서치어드바이저 등록입니다. 등록하지 않아도 수집될 수는 있지만, 수집 상태를 확인할 방법이 없어집니다.&lt;/p&gt;&#10;&lt;h2 id="등록-5단계"&gt;등록 5단계&lt;/h2&gt;&#10;&lt;ol&gt;&#10;&lt;li&gt;서치어드바이저 로그인 후 사이트 주소 입력 (https와 www 유무까지 실제 주소와 같게)&lt;/li&gt;&#10;&lt;li&gt;소유 확인: HTML 파일 업로드 또는 메타 태그 추가&lt;/li&gt;&#10;&lt;li&gt;sitemap.xml 제출&lt;/li&gt;&#10;&lt;li&gt;robots.txt에서 네이버 수집 로봇(Yeti)을 막고 있지 않은지 확인&lt;/li&gt;&#10;&lt;li&gt;주요 페이지 수집 요청&lt;/li&gt;&#10;&lt;/ol&gt;&#10;&lt;p&gt;소유 확인 메타 태그는 사이트의 모든 페이지가 아니라 홈 &lt;code&gt;&amp;lt;head&amp;gt;&lt;/code&gt;에만 있으면 됩니다.&lt;/p&gt;&#10;&lt;h2 id="웹마스터-가이드에서-먼저-볼-항목"&gt;웹마스터 가이드에서 먼저 볼 항목&lt;/h2&gt;&#10;&lt;p&gt;네이버 서치어드바이저의 웹마스터 가이드는 분량이 많습니다. 처음에는 다음 세 가지만 확인해도 충분합니다.&lt;/p&gt;</description></item><item><title>AI노출을 위한 구조화 데이터(JSON-LD)와 질문형 문단</title><link>https://acmerental.co.kr/posts/post_005</link><pubDate>Wed, 14 Oct 2026 00:00:00 +0000</pubDate><guid>https://acmerental.co.kr/posts/post_005</guid><description>&lt;p&gt;AI노출이란 AI 개요나 대화형 AI 답변에 내 페이지가 출처로 표시되는 것을 가리킵니다. 이를 위해 따로 신청하는 절차는 없습니다. 대신 문서가 무엇을 다루는지 기계가 읽기 쉽게 만드는 두 가지 방법이 있습니다.&lt;/p&gt;&#10;&lt;h2 id="1-구조화-데이터json-ld"&gt;1. 구조화 데이터(JSON-LD)&lt;/h2&gt;&#10;&lt;p&gt;구조화 데이터는 페이지 내용을 정해진 형식으로 한 번 더 적어 두는 코드입니다. 구글은 JSON-LD 형식을 권장합니다. 서비스 사이트라면 다음 5가지 타입이 기본입니다.&lt;/p&gt;&#10;&lt;table&gt;&#10;&#9;&lt;thead&gt;&#10;&#9;&#9;&#9;&lt;tr&gt;&#10;&#9;&#9;&#9;&#9;&#9;&lt;th&gt;타입&lt;/th&gt;&#10;&#9;&#9;&#9;&#9;&#9;&lt;th&gt;쓰는 페이지&lt;/th&gt;&#10;&#9;&#9;&#9;&lt;/tr&gt;&#10;&#9;&lt;/thead&gt;&#10;&#9;&lt;tbody&gt;&#10;&#9;&#9;&#9;&lt;tr&gt;&#10;&#9;&#9;&#9;&#9;&#9;&lt;td&gt;Organization&lt;/td&gt;&#10;&#9;&#9;&#9;&#9;&#9;&lt;td&gt;홈 (상호, 주소, 연락처)&lt;/td&gt;&#10;&#9;&#9;&#9;&lt;/tr&gt;&#10;&#9;&#9;&#9;&lt;tr&gt;&#10;&#9;&#9;&#9;&#9;&#9;&lt;td&gt;WebPage + BreadcrumbList&lt;/td&gt;&#10;&#9;&#9;&#9;&#9;&#9;&lt;td&gt;모든 하위 페이지&lt;/td&gt;&#10;&#9;&#9;&#9;&lt;/tr&gt;&#10;&#9;&#9;&#9;&lt;tr&gt;&#10;&#9;&#9;&#9;&#9;&#9;&lt;td&gt;FAQPage&lt;/td&gt;&#10;&#9;&#9;&#9;&#9;&#9;&lt;td&gt;질문과 답이 화면에 있는 페이지&lt;/td&gt;&#10;&#9;&#9;&#9;&lt;/tr&gt;&#10;&#9;&#9;&#9;&lt;tr&gt;&#10;&#9;&#9;&#9;&#9;&#9;&lt;td&gt;Article&lt;/td&gt;&#10;&#9;&#9;&#9;&#9;&#9;&lt;td&gt;블로그 글&lt;/td&gt;&#10;&#9;&#9;&#9;&lt;/tr&gt;&#10;&#9;&lt;/tbody&gt;&#10;&lt;/table&gt;&#10;&lt;p&gt;지켜야 할 원칙은 하나입니다. 화면에 없는 내용을 구조화 데이터에만 넣지 않습니다. 화면과 다른 FAQ, 받은 적 없는 별점을 넣으면 구글 스팸 정책 위반이 될 수 있습니다.&lt;/p&gt;</description></item><item><title>구글 상위노출 보고서: 서치 콘솔과 평균 게재순위 읽는 법</title><link>https://acmerental.co.kr/posts/post_006</link><pubDate>Thu, 15 Oct 2026 00:00:00 +0000</pubDate><guid>https://acmerental.co.kr/posts/post_006</guid><description>&lt;p&gt;구글 상위노출이 실제로 일어났는지는 구글 서치 콘솔의 실적 보고서에서 숫자로 확인합니다. 지표는 네 가지뿐이지만, 하나씩 따로 보면 잘못 읽기 쉽습니다.&lt;/p&gt;&#10;&lt;h2 id="네-지표의-뜻"&gt;네 지표의 뜻&lt;/h2&gt;&#10;&lt;table&gt;&#10;&#9;&lt;thead&gt;&#10;&#9;&#9;&#9;&lt;tr&gt;&#10;&#9;&#9;&#9;&#9;&#9;&lt;th&gt;지표&lt;/th&gt;&#10;&#9;&#9;&#9;&#9;&#9;&lt;th&gt;의미&lt;/th&gt;&#10;&#9;&#9;&#9;&lt;/tr&gt;&#10;&#9;&lt;/thead&gt;&#10;&#9;&lt;tbody&gt;&#10;&#9;&#9;&#9;&lt;tr&gt;&#10;&#9;&#9;&#9;&#9;&#9;&lt;td&gt;노출수&lt;/td&gt;&#10;&#9;&#9;&#9;&#9;&#9;&lt;td&gt;검색결과에 내 페이지가 표시된 횟수&lt;/td&gt;&#10;&#9;&#9;&#9;&lt;/tr&gt;&#10;&#9;&#9;&#9;&lt;tr&gt;&#10;&#9;&#9;&#9;&#9;&#9;&lt;td&gt;클릭수&lt;/td&gt;&#10;&#9;&#9;&#9;&#9;&#9;&lt;td&gt;그 결과를 눌러 들어온 횟수&lt;/td&gt;&#10;&#9;&#9;&#9;&lt;/tr&gt;&#10;&#9;&#9;&#9;&lt;tr&gt;&#10;&#9;&#9;&#9;&#9;&#9;&lt;td&gt;클릭률(CTR)&lt;/td&gt;&#10;&#9;&#9;&#9;&#9;&#9;&lt;td&gt;클릭수 ÷ 노출수&lt;/td&gt;&#10;&#9;&#9;&#9;&lt;/tr&gt;&#10;&#9;&#9;&#9;&lt;tr&gt;&#10;&#9;&#9;&#9;&#9;&#9;&lt;td&gt;평균 게재순위&lt;/td&gt;&#10;&#9;&#9;&#9;&#9;&#9;&lt;td&gt;표시될 때의 평균 위치&lt;/td&gt;&#10;&#9;&#9;&#9;&lt;/tr&gt;&#10;&#9;&lt;/tbody&gt;&#10;&lt;/table&gt;&#10;&lt;h2 id="흔한-오해-3가지"&gt;흔한 오해 3가지&lt;/h2&gt;&#10;&lt;p&gt;&lt;strong&gt;1. 평균 게재순위가 내려가면 실패다.&lt;/strong&gt;&#10;새 검색어로 노출되기 시작하면 낮은 순위의 노출이 섞여 평균이 나빠 보입니다. 노출수가 같이 늘었다면 오히려 범위가 넓어진 신호일 수 있습니다. 노출수와 함께 읽으세요.&lt;/p&gt;</description></item><item><title>유튜브 SEO 점검 기준과 판단 요령</title><link>https://acmerental.co.kr/posts/%EC%9C%A0%ED%8A%9C%EB%B8%8C_seo</link><pubDate>Wed, 28 Oct 2026 16:58:00 +0900</pubDate><guid>https://acmerental.co.kr/posts/%EC%9C%A0%ED%8A%9C%EB%B8%8C_seo</guid><description>&lt;h2 id="확인-목록-머리말"&gt;확인 목록 머리말&lt;/h2&gt;&#10;&lt;p&gt;유튜브 검색과 추천에서 영상이 더 잘 발견되도록 제목, 설명, 챕터, 썸네일, 자막 등을 다듬는 작업을 말한다. 점검 관련 글을 훑다 보면 유튜브 SEO 대신 YouTube SEO, 유튜브 검색 최적화라는 이름으로 적힌 점검 글도 보인다. 여기 모은 체크 항목은 &lt;a href="/."&gt;웹상위노출&lt;/a&gt;을 다루는 실무자가 로컬·이커머스·AI 검색 용어 묶음에 든 유튜브 SEO를 놓치지 않도록 확인할 자리와 할 일을 모은 것이다.&lt;sup id="fnref:1"&gt;&lt;a href="#fn:1" class="footnote-ref" role="doc-noteref"&gt;1&lt;/a&gt;&lt;/sup&gt;&lt;/p&gt;&#10;&lt;h2 id="점검이-강조되는-배경"&gt;점검이 강조되는 배경&lt;/h2&gt;&#10;&lt;p&gt;사용법이나 제품 사용기를 영상으로 찾는 사람이 늘면서 유튜브 자체가 큰 검색 창구가 되었고, 구글 검색 결과에도 동영상이 함께 나타나며 관심이 커졌다.&lt;/p&gt;</description></item><item><title>가정 상황으로 읽는 구글 디스커버</title><link>https://acmerental.co.kr/posts/%EA%B5%AC%EA%B8%80_%EB%94%94%EC%8A%A4%EC%BB%A4%EB%B2%84</link><pubDate>Wed, 28 Oct 2026 13:21:00 +0900</pubDate><guid>https://acmerental.co.kr/posts/%EA%B5%AC%EA%B8%80_%EB%94%94%EC%8A%A4%EC%BB%A4%EB%B2%84</guid><description>&lt;h2 id="장면-들머리"&gt;장면 들머리&lt;/h2&gt;&#10;&lt;p&gt;사용자가 검색어를 입력하지 않아도 관심사에 맞는 기사와 글을 구글 앱 등 모바일 화면에 카드 형태로 추천해 보여 주는 피드다. 다른 사례 모음에서는 Google Discover, 구글 앱 추천 피드라는 표기를 쓰는 자료도 있다. 이 시나리오 노트는 &lt;a href="/."&gt;웹상위노출&lt;/a&gt;을 신경 쓰는 담당자가 로컬·이커머스·AI 검색 용어 갈래 안에 있는 구글 디스커버를 예로 든 상황 속에서 보도록 정리한 것이다.&lt;sup id="fnref:1"&gt;&lt;a href="#fn:1" class="footnote-ref" role="doc-noteref"&gt;1&lt;/a&gt;&lt;/sup&gt;&lt;/p&gt;&#10;&lt;h2 id="꾸며-본-관찰-장면"&gt;꾸며 본 관찰 장면&lt;/h2&gt;&#10;&lt;p&gt;이 장면은 실제 고객 이야기가 아니라 가정한 장면이라 실제와 다를 수 있다. 예를 들어 캠핑 관련 글을 자주 읽던 사용자의 구글 앱 화면에 새로 올라온 겨울 캠핑 장비 기사가 추천되었다면, 그 경로가 이 피드다. 이 가상 장면은 구글 디스커버를 현장의 언어로 옮겨 본 것이다.&lt;/p&gt;</description></item><item><title>국제 SEO를 점검할 때 보는 목록</title><link>https://acmerental.co.kr/posts/%EA%B5%AD%EC%A0%9C_seo</link><pubDate>Wed, 28 Oct 2026 10:00:00 +0900</pubDate><guid>https://acmerental.co.kr/posts/%EA%B5%AD%EC%A0%9C_seo</guid><description>&lt;h2 id="검토-개요"&gt;검토 개요&lt;/h2&gt;&#10;&lt;p&gt;여러 나라나 언어권 사용자를 대상으로 하는 사이트가 각 지역 검색 결과에 알맞은 언어와 국가 버전으로 노출되도록 구조와 신호를 정비하는 작업이다. 업계 체크리스트를 보다 보면 국제 SEO 대신 International SEO, 다국가 다국어 SEO라는 표기를 쓴 문서도 함께 찾게 된다. 이 목록은 &lt;a href="/."&gt;웹상위노출&lt;/a&gt;을 다루는 실무자가 로컬·이커머스·AI 검색 용어 중 하나인 국제 SEO를 놓치지 않도록 확인할 자리와 할 일을 모은 것이다.&lt;sup id="fnref:1"&gt;&lt;a href="#fn:1" class="footnote-ref" role="doc-noteref"&gt;1&lt;/a&gt;&lt;/sup&gt;&lt;/p&gt;&#10;&lt;h2 id="확인-작업이-따로-필요한-이유"&gt;확인 작업이 따로 필요한 이유&lt;/h2&gt;&#10;&lt;p&gt;해외 판매와 다국어 서비스가 늘면서 같은 내용의 여러 언어 버전이 서로 경쟁하거나 엉뚱한 나라 사용자에게 노출되는 문제가 생겨 별도 분야로 다뤄지게 되었다.&lt;/p&gt;</description></item><item><title>보이스 서치의 뜻과 작동 방식 메모</title><link>https://acmerental.co.kr/posts/%EB%B3%B4%EC%9D%B4%EC%8A%A4_%EC%84%9C%EC%B9%98</link><pubDate>Tue, 27 Oct 2026 17:02:00 +0900</pubDate><guid>https://acmerental.co.kr/posts/%EB%B3%B4%EC%9D%B4%EC%8A%A4_%EC%84%9C%EC%B9%98</guid><description>&lt;h2 id="노트-요지"&gt;노트 요지&lt;/h2&gt;&#10;&lt;p&gt;키보드 대신 말로 검색어를 입력하는 방식과, 그런 음성 질문에 콘텐츠가 답으로 쓰이도록 다듬는 최적화를 함께 가리키는 말이다. 보이스 서치는 여러 자료에서 Voice Search, 음성 검색이라는 다른 이름이 붙기도 한다. 이번 노트는 &lt;a href="/."&gt;웹상위노출&lt;/a&gt;을 놓고 본 로컬·이커머스·AI 검색 용어 중 한 갈래로 보이스 서치를 다루며 등장 배경부터 오해까지 한 문서에 모은다.&lt;sup id="fnref:1"&gt;&lt;a href="#fn:1" class="footnote-ref" role="doc-noteref"&gt;1&lt;/a&gt;&lt;/sup&gt;&lt;/p&gt;&#10;&lt;h2 id="관심-경위"&gt;관심 경위&lt;/h2&gt;&#10;&lt;p&gt;스마트폰 음성 비서와 인공지능 스피커가 보급되면서 운전 중이나 손이 바쁠 때 말로 묻는 검색이 늘었고, 이에 맞춘 콘텐츠 작성이 논의되었다.&lt;/p&gt;</description></item><item><title>쿼리 팬아웃, 물음으로 풀어 본 동향</title><link>https://acmerental.co.kr/posts/%EC%BF%BC%EB%A6%AC_%ED%8C%AC%EC%95%84%EC%9B%83</link><pubDate>Tue, 27 Oct 2026 13:38:00 +0900</pubDate><guid>https://acmerental.co.kr/posts/%EC%BF%BC%EB%A6%AC_%ED%8C%AC%EC%95%84%EC%9B%83</guid><description>&lt;h2 id="질의-읽는-법"&gt;질의 읽는 법&lt;/h2&gt;&#10;&lt;p&gt;문답으로 들어가기 앞서 쿼리 팬아웃이 어떤 말인지 먼저 밝히면 이렇다. AI 검색이 사용자의 질문을 여러 하위 질문으로 나눈 뒤 각각을 동시에 검색하고, 그 결과를 모아 하나의 답으로 정리하는 기법이다. 이 문답 노트는 &lt;a href="/."&gt;웹상위노출&lt;/a&gt;을 계획하는 운영자가 로컬·이커머스·AI 검색 용어 중 하나인 쿼리 팬아웃을 두고 생기는 의문을 질의응답으로 푼 것이다.&lt;sup id="fnref:1"&gt;&lt;a href="#fn:1" class="footnote-ref" role="doc-noteref"&gt;1&lt;/a&gt;&lt;/sup&gt;&lt;/p&gt;&#10;&lt;h2 id="현장에서-듣는-문답"&gt;현장에서 듣는 문답&lt;/h2&gt;&#10;&lt;blockquote&gt;&#10;&lt;p&gt;맡고 있는 사이트 기준으로 이 개념을 무엇을 보고 판단하나?&lt;/p&gt;&#10;&lt;/blockquote&gt;&#10;&lt;p&gt;하위 질문 목록은 사용자에게 보이지 않아 직접 측정하기 어렵고, 대표 질문을 여러 방식으로 바꿔 검색해 보며 자기 콘텐츠가 어떤 세부 주제에서 인용되는지 추정하는 정도가 현실적이다.&lt;/p&gt;</description></item><item><title>가상 사례로 보는 패시지 랭킹</title><link>https://acmerental.co.kr/posts/%ED%8C%A8%EC%8B%9C%EC%A7%80_%EB%9E%AD%ED%82%B9</link><pubDate>Tue, 27 Oct 2026 10:03:00 +0900</pubDate><guid>https://acmerental.co.kr/posts/%ED%8C%A8%EC%8B%9C%EC%A7%80_%EB%9E%AD%ED%82%B9</guid><description>&lt;h2 id="시나리오-들머리"&gt;시나리오 들머리&lt;/h2&gt;&#10;&lt;p&gt;긴 페이지 안의 특정 문단이 질문에 잘 맞는 답을 담고 있을 때 그 문단을 근거로 페이지 순위를 평가하는 구글 검색의 방식이다. 운영 사례를 다룬 문서에서는 Passage Ranking, 구절 순위라는 이름으로 같은 개념을 가리킨다. 이번 가상 사례는 &lt;a href="/."&gt;웹상위노출&lt;/a&gt;을 신경 쓰는 담당자가 로컬·이커머스·AI 검색 용어 갈래에 속한 패시지 랭킹을 예시 장면으로 정리해 보도록 엮은 것이다.&lt;sup id="fnref:1"&gt;&lt;a href="#fn:1" class="footnote-ref" role="doc-noteref"&gt;1&lt;/a&gt;&lt;/sup&gt;&lt;/p&gt;&#10;&lt;h2 id="그려-본-사례"&gt;그려 본 사례&lt;/h2&gt;&#10;&lt;p&gt;아래 사례는 실존 업체 이야기가 아니라 가상으로 그려 본 장면이다. 예를 들어 집수리 전반을 다룬 긴 글 중간에 실리콘 곰팡이 제거법 문단이 있다면, 그 문단 덕분에 해당 세부 질문에 글이 노출될 수 있다. 이 가정 사례는 패시지 랭킹을 현장의 언어로 옮겨 본 것이다.&lt;/p&gt;</description></item><item><title>짝 개념과 함께 보는 브랜드 멘션</title><link>https://acmerental.co.kr/posts/%EB%B8%8C%EB%9E%9C%EB%93%9C_%EB%A9%98%EC%85%98</link><pubDate>Mon, 26 Oct 2026 17:39:00 +0900</pubDate><guid>https://acmerental.co.kr/posts/%EB%B8%8C%EB%9E%9C%EB%93%9C_%EB%A9%98%EC%85%98</guid><description>&lt;h2 id="낱말-노트-간추림"&gt;낱말 노트 간추림&lt;/h2&gt;&#10;&lt;p&gt;짝 개념을 꺼내기 전에 브랜드 멘션의 뜻풀이부터 두면 아래와 같다. 다른 웹사이트, 뉴스, 커뮤니티 글 등에서 링크 없이 브랜드나 업체 이름이 언급되는 것을 말하며, AI 답변 노출과 관련해 중요성이 자주 거론된다. 같은 뜻으로 자료와 매체에 따라 Brand Mention, 브랜드 언급이라는 표기를 곁들이기도 한다.&lt;sup id="fnref:1"&gt;&lt;a href="#fn:1" class="footnote-ref" role="doc-noteref"&gt;1&lt;/a&gt;&lt;/sup&gt; 여기 적는 풀이는 &lt;a href="/."&gt;웹상위노출&lt;/a&gt;을 공부할 때 마주치는 로컬·이커머스·AI 검색 용어 가운데 이 낱말을 가까운 개념과 견주어 정리한 것이다.&lt;/p&gt;&#10;&lt;h2 id="이-개념이-나온-계기"&gt;이 개념이 나온 계기&lt;/h2&gt;&#10;&lt;p&gt;링크가 검색 순위의 대표 신호로 여겨져 왔지만, 생성형 AI가 웹 텍스트 전반을 바탕으로 답을 만들면서 링크 없는 언급도 브랜드 인지의 재료가 된다는 관점이 퍼졌다.&lt;/p&gt;</description></item><item><title>AI 크롤러 가정 시나리오와 짚을 점</title><link>https://acmerental.co.kr/posts/ai_%ED%81%AC%EB%A1%A4%EB%9F%AC</link><pubDate>Mon, 26 Oct 2026 14:05:00 +0900</pubDate><guid>https://acmerental.co.kr/posts/ai_%ED%81%AC%EB%A1%A4%EB%9F%AC</guid><description>&lt;h2 id="사례-메모-첫-정리"&gt;사례 메모 첫 정리&lt;/h2&gt;&#10;&lt;p&gt;AI 기업이 모델 학습이나 AI 검색 답변에 쓸 웹 문서를 모으기 위해 운영하는 수집 봇을 통틀어 부르는 말로, 회사마다 이름과 용도가 다르다. 관련 자료를 찾아보면 GPTBot, ClaudeBot, Google-Extended라는 다른 표기를 붙이기도 한다. 이 예시 문서는 &lt;a href="/."&gt;웹상위노출&lt;/a&gt;을 다루는 관리자가 로컬·이커머스·AI 검색 용어 갈래 안에 있는 AI 크롤러를 장면 하나를 통해 짚도록 모은 것이다.&lt;sup id="fnref:1"&gt;&lt;a href="#fn:1" class="footnote-ref" role="doc-noteref"&gt;1&lt;/a&gt;&lt;/sup&gt;&lt;/p&gt;&#10;&lt;h2 id="가상의-사례"&gt;가상의 사례&lt;/h2&gt;&#10;&lt;p&gt;이 예는 확인된 사례가 아니라 설명을 위해 세운 가정이다. 예를 들어 학습용 수집은 막고 AI 검색 노출은 원하는 사이트라면, 회사별로 학습용 봇과 검색용 봇이 나뉘어 있는지 공식 문서에서 확인한 뒤 규칙을 따로 정해야 한다. 위에 든 상황은 AI 크롤러를 화면 위의 일로 바꿔 본 것이다.&lt;/p&gt;</description></item><item><title>llms.txt 진단 목록과 흔한 실수</title><link>https://acmerental.co.kr/posts/llms_txt</link><pubDate>Mon, 26 Oct 2026 10:18:00 +0900</pubDate><guid>https://acmerental.co.kr/posts/llms_txt</guid><description>&lt;h2 id="살핌-목적"&gt;살핌 목적&lt;/h2&gt;&#10;&lt;p&gt;대형 언어 모델과 AI 도구가 사이트의 핵심 내용을 쉽게 파악하도록 사이트 루트에 두는 마크다운 형식의 안내 파일로, 공식 표준이 아닌 제안 단계의 규격이다. 점검 방법을 찾아 읽다 보면 llms.txt 대신 llms.txt 파일, LLMs txt 제안 규격이라는 표기로 쓰인 문서도 섞여 나온다. 이 진단 목록은 &lt;a href="/."&gt;웹상위노출&lt;/a&gt;을 고민하는 운영자가 로컬·이커머스·AI 검색 용어 중 하나인 llms.txt를 점검할 때 볼 자리와 조심할 점을 묶은 것이다.&lt;sup id="fnref:1"&gt;&lt;a href="#fn:1" class="footnote-ref" role="doc-noteref"&gt;1&lt;/a&gt;&lt;/sup&gt;&lt;/p&gt;&#10;&lt;h2 id="진단이-필요해진-배경"&gt;진단이 필요해진 배경&lt;/h2&gt;&#10;&lt;p&gt;AI 도구가 복잡한 웹페이지에서 필요한 내용만 뽑아내기 어렵다는 문제의식에서 민간 개발자 쪽이 제안했고, 일부 기술 문서 사이트와 개발 도구 업체를 중심으로 쓰이기 시작했다.&lt;/p&gt;</description></item><item><title>제로 클릭 검색 용어 풀이, 비슷한 말과 견주어 보기</title><link>https://acmerental.co.kr/posts/%EC%A0%9C%EB%A1%9C_%ED%81%B4%EB%A6%AD_%EA%B2%80%EC%83%89</link><pubDate>Sun, 25 Oct 2026 17:24:00 +0900</pubDate><guid>https://acmerental.co.kr/posts/%EC%A0%9C%EB%A1%9C_%ED%81%B4%EB%A6%AD_%EA%B2%80%EC%83%89</guid><description>&lt;h2 id="말뜻-첫-정리"&gt;말뜻 첫 정리&lt;/h2&gt;&#10;&lt;p&gt;구분 기준을 세우기 전에 제로 클릭 검색의 뜻풀이부터 두면 아래와 같다. 사용자가 검색 결과 화면에서 원하는 답을 얻고 어떤 웹사이트도 클릭하지 않은 채 검색을 끝내는 현상을 가리킨다. 이 낱말은 업계 대화에서 Zero-click Search, 무클릭 검색이라는 다른 이름으로 소개된다.&lt;sup id="fnref:1"&gt;&lt;a href="#fn:1" class="footnote-ref" role="doc-noteref"&gt;1&lt;/a&gt;&lt;/sup&gt; 이번 용어 정리는 &lt;a href="/."&gt;웹상위노출&lt;/a&gt;을 살필 때 자주 등장하는 로컬·이커머스·AI 검색 용어 분류 안에서 제로 클릭 검색을 짝 개념과 구분해 적은 것이다.&lt;/p&gt;&#10;&lt;h2 id="이-말이-퍼진-경위"&gt;이 말이 퍼진 경위&lt;/h2&gt;&#10;&lt;p&gt;추천 스니펫, 지식 패널, 날씨나 환율 같은 즉답 상자에 이어 AI 요약까지 결과 화면에서 답을 주는 기능이 늘면서 업계의 주요 관심사가 되었다.&lt;/p&gt;</description></item><item><title>관찰 노트로 엮은 AI 모드</title><link>https://acmerental.co.kr/posts/ai_%EB%AA%A8%EB%93%9C</link><pubDate>Sun, 25 Oct 2026 14:00:00 +0900</pubDate><guid>https://acmerental.co.kr/posts/ai_%EB%AA%A8%EB%93%9C</guid><description>&lt;h2 id="기록-머리말"&gt;기록 머리말&lt;/h2&gt;&#10;&lt;p&gt;구글 검색 안에서 생성형 AI와 대화하듯 질문을 이어 가며 답과 참고 링크를 받는 검색 방식으로, 일반 결과와 구분된 별도 화면으로 제공된다. AI 모드는 검색 동향 기사에서 AI Mode, 구글 AI 모드라는 이름으로 함께 적힌다. 아래 정리는 &lt;a href="/."&gt;웹상위노출&lt;/a&gt;을 중심에 둔 로컬·이커머스·AI 검색 용어 묶음의 한 항목으로 AI 모드를 적어 두고 확인 방법과 흔한 착각을 덧붙인다.&lt;sup id="fnref:1"&gt;&lt;a href="#fn:1" class="footnote-ref" role="doc-noteref"&gt;1&lt;/a&gt;&lt;/sup&gt;&lt;/p&gt;&#10;&lt;h2 id="등장-경위"&gt;등장 경위&lt;/h2&gt;&#10;&lt;p&gt;길고 복잡한 질문과 후속 질문을 검색으로 처리하려는 수요에 맞춰 구글이 내놓은 기능이며, 국가와 언어별로 단계적으로 제공 범위를 넓혀 왔다.&lt;/p&gt;</description></item><item><title>AI 오버뷰란 무엇인가에 대한 문답</title><link>https://acmerental.co.kr/posts/ai_%EC%98%A4%EB%B2%84%EB%B7%B0</link><pubDate>Sun, 25 Oct 2026 10:07:00 +0900</pubDate><guid>https://acmerental.co.kr/posts/ai_%EC%98%A4%EB%B2%84%EB%B7%B0</guid><description>&lt;h2 id="질문-모음-범위"&gt;질문 모음 범위&lt;/h2&gt;&#10;&lt;p&gt;문답을 시작하며 AI 오버뷰가 어떤 말인지 먼저 밝히면 이렇다. 구글 검색 결과 상단에 생성형 AI가 만든 요약 답변과 참고 링크를 함께 보여 주는 기능으로, 한국어 화면에서는 AI 개요라는 이름으로 표시된다. 이번 질의응답은 &lt;a href="/."&gt;웹상위노출&lt;/a&gt;을 챙기는 실무자가 로컬·이커머스·AI 검색 용어 가운데 한 갈래인 AI 오버뷰를 두고 생길 법한 궁금증을 문답으로 엮은 것이다.&lt;sup id="fnref:1"&gt;&lt;a href="#fn:1" class="footnote-ref" role="doc-noteref"&gt;1&lt;/a&gt;&lt;/sup&gt;&lt;/p&gt;&#10;&lt;h2 id="거듭-나오는-궁금증"&gt;거듭 나오는 궁금증&lt;/h2&gt;&#10;&lt;blockquote&gt;&#10;&lt;p&gt;이 항목을 점검할 때 빠지기 쉬운 함정은 무엇인가?&lt;/p&gt;&#10;&lt;/blockquote&gt;&#10;&lt;p&gt;요약이 틀린 내용을 담는 사례도 보고되어 왔으므로, 자기 업종에 관한 요약에서 잘못된 정보가 보이면 결과 화면의 피드백 기능으로 알리는 것이 좋다.&lt;/p&gt;</description></item><item><title>LLMO·AIO 동향 노트, 뜻과 화면 변화</title><link>https://acmerental.co.kr/posts/llmo_aio</link><pubDate>Sat, 24 Oct 2026 17:34:00 +0900</pubDate><guid>https://acmerental.co.kr/posts/llmo_aio</guid><description>&lt;h2 id="항목-윤곽"&gt;항목 윤곽&lt;/h2&gt;&#10;&lt;p&gt;ChatGPT, Gemini, Claude 같은 대형 언어 모델 기반 서비스의 답변에 브랜드나 콘텐츠가 노출되도록 하는 활동을 부르는 업계 용어로, 쓰는 사람마다 범위가 조금씩 다르다. LLMO·AIO는 업계 문서마다 LLM Optimization, AI Optimization이라는 다른 표기로도 보인다. 여기 모은 정리는 &lt;a href="/."&gt;웹상위노출&lt;/a&gt;을 이야기하는 로컬·이커머스·AI 검색 용어 가운데 한 자리로 LLMO·AIO를 간추리되 확인 경로와 실무 행동을 빠뜨리지 않는다.&lt;sup id="fnref:1"&gt;&lt;a href="#fn:1" class="footnote-ref" role="doc-noteref"&gt;1&lt;/a&gt;&lt;/sup&gt;&lt;/p&gt;&#10;&lt;h2 id="도입-계기"&gt;도입 계기&lt;/h2&gt;&#10;&lt;p&gt;생성형 AI 챗봇으로 정보를 찾는 사람이 늘자 마케팅 업계에서 비슷한 이름이 여럿 생겼고, 그중 AIO는 구글 &lt;a href="/posts/ai_%EC%98%A4%EB%B2%84%EB%B7%B0"&gt;AI 오버뷰&lt;/a&gt;의 약칭과 겹쳐 헷갈리기도 한다.&lt;/p&gt;</description></item><item><title>AEO를 손보기 전 확인할 것들</title><link>https://acmerental.co.kr/posts/aeo</link><pubDate>Sat, 24 Oct 2026 13:22:00 +0900</pubDate><guid>https://acmerental.co.kr/posts/aeo</guid><description>&lt;h2 id="살핌-들머리"&gt;살핌 들머리&lt;/h2&gt;&#10;&lt;p&gt;검색엔진이나 음성 비서가 질문에 대한 답을 바로 보여 줄 때 자기 콘텐츠가 그 답으로 쓰이도록 최적화하는 일을 가리키는 업계 용어다. 업계 체크리스트를 보다 보면 AEO 대신 Answer Engine Optimization, 답변 엔진 최적화라는 이름으로 소개된 글도 있다. 이 목록은 &lt;a href="/."&gt;웹상위노출&lt;/a&gt;을 살피는 운영자가 로컬·이커머스·AI 검색 용어 목록에 오른 AEO를 빠짐없이 살피도록 체크 항목으로 정리한 것이다.&lt;sup id="fnref:1"&gt;&lt;a href="#fn:1" class="footnote-ref" role="doc-noteref"&gt;1&lt;/a&gt;&lt;/sup&gt;&lt;/p&gt;&#10;&lt;h2 id="확인-작업이-요구되는-까닭"&gt;확인 작업이 요구되는 까닭&lt;/h2&gt;&#10;&lt;p&gt;검색 결과 위에 답을 요약해 보여 주는 추천 스니펫과 음성 비서가 널리 쓰이면서 생긴 말이며, 최근에는 AI 답변까지 포함하는 넓은 뜻으로 쓰이기도 한다.&lt;/p&gt;</description></item><item><title>GEO를 가상 장면에 대어 보기</title><link>https://acmerental.co.kr/posts/geo</link><pubDate>Sat, 24 Oct 2026 10:05:00 +0900</pubDate><guid>https://acmerental.co.kr/posts/geo</guid><description>&lt;h2 id="예시-노트-개요"&gt;예시 노트 개요&lt;/h2&gt;&#10;&lt;p&gt;생성형 AI가 만든 답변에 자기 콘텐츠나 브랜드가 인용되고 언급되도록 콘텐츠를 다듬는 일을 가리키는 업계 용어로, 아직 표준화된 정의는 없다. 사례 해설 기사에서는 Generative Engine Optimization, 생성형 엔진 최적화라는 표기로 정리된 글도 있다. 이 예시 노트는 &lt;a href="/."&gt;웹상위노출&lt;/a&gt;을 궁금해하는 운영자가 로컬·이커머스·AI 검색 용어 갈래 안에 있는 GEO를 예시 장면으로 정리해 보도록 엮은 것이다.&lt;sup id="fnref:1"&gt;&lt;a href="#fn:1" class="footnote-ref" role="doc-noteref"&gt;1&lt;/a&gt;&lt;/sup&gt;&lt;/p&gt;&#10;&lt;h2 id="가상의-운영-장면"&gt;가상의 운영 장면&lt;/h2&gt;&#10;&lt;p&gt;여기 든 상황은 조사한 자료가 아니라 예로 든 가상의 상황이다. 가령 방수 공사 업체라면 자주 받는 질문에 짧고 분명한 답을 단 안내 글을 만들어 두고, AI 답변에 그 글이 인용되는지 시간을 두고 관찰해 볼 수 있다. 이 시나리오는 GEO를 손에 잡히는 상황으로 옮겨 놓은 것이다.&lt;/p&gt;</description></item><item><title>상품 상세 최적화 질의응답 메모</title><link>https://acmerental.co.kr/posts/%EC%83%81%ED%92%88_%EC%83%81%EC%84%B8_%EC%B5%9C%EC%A0%81%ED%99%94</link><pubDate>Fri, 23 Oct 2026 17:01:00 +0900</pubDate><guid>https://acmerental.co.kr/posts/%EC%83%81%ED%92%88_%EC%83%81%EC%84%B8_%EC%B5%9C%EC%A0%81%ED%99%94</guid><description>&lt;h2 id="궁금증-범위"&gt;궁금증 범위&lt;/h2&gt;&#10;&lt;p&gt;문답으로 들어가기 앞서 상품 상세 최적화가 무엇을 뜻하는지부터 정리하면 이렇다. 쇼핑몰의 개별 상품 상세 페이지를 검색엔진과 구매자 모두가 이해하기 쉽게 다듬는 작업으로, 상품명, 설명, 이미지, 구조화 데이터 등을 함께 다룬다. 이 질문 노트는 &lt;a href="/."&gt;웹상위노출&lt;/a&gt;을 지켜보는 실무자가 로컬·이커머스·AI 검색 용어 묶음의 한 항목인 상품 상세 최적화를 두고 궁금해할 만한 점을 문답으로 모은 것이다.&lt;sup id="fnref:1"&gt;&lt;a href="#fn:1" class="footnote-ref" role="doc-noteref"&gt;1&lt;/a&gt;&lt;/sup&gt;&lt;/p&gt;&#10;&lt;h2 id="되풀이되는-질의응답"&gt;되풀이되는 질의응답&lt;/h2&gt;&#10;&lt;blockquote&gt;&#10;&lt;p&gt;강의 자료마다 부르는 말이 달라서 이 항목은 다른 이름으로 찾을 수 있나?&lt;/p&gt;&#10;&lt;/blockquote&gt;&#10;&lt;p&gt;다른 문답 노트를 보면 PDP SEO, Product Detail Page SEO라는 이름으로 정리된 답변도 있다.&lt;/p&gt;</description></item><item><title>카테고리 페이지 SEO와 이웃 용어의 차이</title><link>https://acmerental.co.kr/posts/%EC%B9%B4%ED%85%8C%EA%B3%A0%EB%A6%AC_%ED%8E%98%EC%9D%B4%EC%A7%80_seo</link><pubDate>Fri, 23 Oct 2026 14:04:00 +0900</pubDate><guid>https://acmerental.co.kr/posts/%EC%B9%B4%ED%85%8C%EA%B3%A0%EB%A6%AC_%ED%8E%98%EC%9D%B4%EC%A7%80_seo</guid><description>&lt;h2 id="낱말-노트-개요"&gt;낱말 노트 개요&lt;/h2&gt;&#10;&lt;p&gt;비교에 들어가기 앞서 카테고리 페이지 SEO의 뜻을 먼저 맞춰 두면 이렇다. 쇼핑몰이나 정보 사이트에서 여러 상품이나 글을 묶어 보여 주는 목록 페이지를 검색 결과에 잘 드러나도록 다듬는 작업이다. 같은 대상을 가리켜 업계 대화에서 Category Page SEO, 목록 페이지 최적화라는 이름으로 불리기도 한다.&lt;sup id="fnref:1"&gt;&lt;a href="#fn:1" class="footnote-ref" role="doc-noteref"&gt;1&lt;/a&gt;&lt;/sup&gt; 이 말뜻 노트는 &lt;a href="/."&gt;웹상위노출&lt;/a&gt;을 설명하는 자료에 흔히 나오는 로컬·이커머스·AI 검색 용어 묶음 안에서 이 낱말을 혼동되는 말과 견주어 적은 것이다.&lt;/p&gt;&#10;&lt;h2 id="표현이-쓰이게-된-사정"&gt;표현이 쓰이게 된 사정&lt;/h2&gt;&#10;&lt;p&gt;운동화처럼 폭넓은 검색어로 찾는 사람에게는 개별 상품보다 선택지를 모아 둔 목록 페이지가 더 알맞아, 목록 페이지가 주요 방문 입구로 다뤄지게 되었다.&lt;/p&gt;</description></item><item><title>무료 쇼핑 리스팅을 위한 운영 체크 항목</title><link>https://acmerental.co.kr/posts/%EB%AC%B4%EB%A3%8C_%EC%87%BC%ED%95%91_%EB%A6%AC%EC%8A%A4%ED%8C%85</link><pubDate>Fri, 23 Oct 2026 10:12:00 +0900</pubDate><guid>https://acmerental.co.kr/posts/%EB%AC%B4%EB%A3%8C_%EC%87%BC%ED%95%91_%EB%A6%AC%EC%8A%A4%ED%8C%85</guid><description>&lt;h2 id="체크-목록-첫머리"&gt;체크 목록 첫머리&lt;/h2&gt;&#10;&lt;p&gt;광고비 없이 구글 쇼핑 탭 등에 상품이 노출되도록 하는 기능으로, &lt;a href="/posts/%EB%A8%B8%EC%B2%9C%ED%8A%B8_%EC%84%BC%ED%84%B0"&gt;머천트 센터&lt;/a&gt;에 등록한 상품 데이터를 바탕으로 한다. 점검 자료를 찾다 보면 무료 쇼핑 리스팅 대신 Free Listings, 무료 제품 목록이라는 이름으로 적힌 점검 글도 보인다. 이 점검 메모는 &lt;a href="/."&gt;웹상위노출&lt;/a&gt;을 다루는 실무자가 로컬·이커머스·AI 검색 용어 중 하나인 무료 쇼핑 리스팅을 하나씩 짚을 수 있게 항목으로 나눈 것이다.&lt;sup id="fnref:1"&gt;&lt;a href="#fn:1" class="footnote-ref" role="doc-noteref"&gt;1&lt;/a&gt;&lt;/sup&gt;&lt;/p&gt;&#10;&lt;h2 id="점검이-요구되는-까닭"&gt;점검이 요구되는 까닭&lt;/h2&gt;&#10;&lt;p&gt;예전에는 구글 쇼핑 탭 노출이 유료 쇼핑 광고 중심이었는데, 구글이 판매자의 무료 노출을 허용하면서 소규모 판매자도 쇼핑 탭에 들어올 길이 열렸다.&lt;/p&gt;</description></item><item><title>머천트 센터 개념 노트와 확인 경로</title><link>https://acmerental.co.kr/posts/%EB%A8%B8%EC%B2%9C%ED%8A%B8_%EC%84%BC%ED%84%B0</link><pubDate>Thu, 22 Oct 2026 17:33:00 +0900</pubDate><guid>https://acmerental.co.kr/posts/%EB%A8%B8%EC%B2%9C%ED%8A%B8_%EC%84%BC%ED%84%B0</guid><description>&lt;h2 id="관찰-첫머리"&gt;관찰 첫머리&lt;/h2&gt;&#10;&lt;p&gt;판매자가 상품 정보를 구글에 제출해 쇼핑 탭, 쇼핑 광고, 무료 상품 노출 등에 쓰이게 하는 구글의 상품 데이터 관리 도구다. 머천트 센터는 필자마다 Google Merchant Center, 구글 머천트 센터라는 이름과 같은 대상을 가리킨다. 이 기록은 &lt;a href="/."&gt;웹상위노출&lt;/a&gt;을 정리하는 로컬·이커머스·AI 검색 용어 묶음에 넣어 머천트 센터를 풀어 쓰면서 이웃 개념과의 차이도 함께 적는다.&lt;sup id="fnref:1"&gt;&lt;a href="#fn:1" class="footnote-ref" role="doc-noteref"&gt;1&lt;/a&gt;&lt;/sup&gt;&lt;/p&gt;&#10;&lt;h2 id="주목-배경"&gt;주목 배경&lt;/h2&gt;&#10;&lt;p&gt;구글 쇼핑에서 수많은 판매처의 상품을 같은 형식으로 비교해 보여 주려면 정리된 상품 데이터가 필요했고, 이를 받는 창구로 이 도구가 운영되고 있다.&lt;/p&gt;</description></item><item><title>상품 스키마 질문 모음과 짧은 답</title><link>https://acmerental.co.kr/posts/%EC%83%81%ED%92%88_%EC%8A%A4%ED%82%A4%EB%A7%88</link><pubDate>Thu, 22 Oct 2026 13:22:00 +0900</pubDate><guid>https://acmerental.co.kr/posts/%EC%83%81%ED%92%88_%EC%8A%A4%ED%82%A4%EB%A7%88</guid><description>&lt;h2 id="질의-소개"&gt;질의 소개&lt;/h2&gt;&#10;&lt;p&gt;문답으로 들어가기 앞서 상품 스키마가 어떤 개념인지 짚으면 이렇다. 상품 페이지의 이름, 가격, 재고 상태, 별점 같은 정보를 schema.org의 Product 형식으로 표시해 검색엔진이 읽기 쉽게 만드는 구조화 데이터다. 이번 문답 정리는 &lt;a href="/."&gt;웹상위노출&lt;/a&gt;을 살피는 운영자가 로컬·이커머스·AI 검색 용어 중 하나인 상품 스키마를 둘러싼 질문을 모아 답을 단 것이다.&lt;sup id="fnref:1"&gt;&lt;a href="#fn:1" class="footnote-ref" role="doc-noteref"&gt;1&lt;/a&gt;&lt;/sup&gt;&lt;/p&gt;&#10;&lt;h2 id="처음에-묻는-문답-목록"&gt;처음에 묻는 문답 목록&lt;/h2&gt;&#10;&lt;blockquote&gt;&#10;&lt;p&gt;담당자들이 혼동하는 말이 있어서 상품 스키마와 무엇이 다른가?&lt;/p&gt;&#10;&lt;/blockquote&gt;&#10;&lt;p&gt;검색 결과에 보일 제목과 설명을 정하는 메타 태그와 달리, 이 마크업은 가격, 재고, 평점처럼 상품의 속성 값을 항목별로 구분해 기계가 읽게 한다는 점이 다르다.&lt;/p&gt;</description></item><item><title>리뷰 신호 뜻풀이와 헷갈리는 용어 정리</title><link>https://acmerental.co.kr/posts/%EB%A6%AC%EB%B7%B0_%EC%8B%A0%ED%98%B8</link><pubDate>Thu, 22 Oct 2026 10:00:00 +0900</pubDate><guid>https://acmerental.co.kr/posts/%EB%A6%AC%EB%B7%B0_%EC%8B%A0%ED%98%B8</guid><description>&lt;h2 id="말뜻-쓰임새"&gt;말뜻 쓰임새&lt;/h2&gt;&#10;&lt;p&gt;이름의 범위를 정하기 앞서 리뷰 신호의 뜻부터 적으면 다음과 같다. 업체나 상품에 달린 리뷰 수, 평점, 최신성, 답글 여부처럼 검색엔진과 사용자가 신뢰도를 판단할 때 참고하는 리뷰 관련 정보를 묶어 부르는 말이다. 같은 뜻으로 업계 대화에서 Review Signals, 리뷰 지표라는 표기가 함께 붙기도 한다.&lt;sup id="fnref:1"&gt;&lt;a href="#fn:1" class="footnote-ref" role="doc-noteref"&gt;1&lt;/a&gt;&lt;/sup&gt; 이번 개념 노트는 &lt;a href="/."&gt;웹상위노출&lt;/a&gt;을 살필 때 자주 등장하는 로컬·이커머스·AI 검색 용어 가운데 리뷰 신호를 헷갈리는 말과 경계를 그어 풀이한 것이다.&lt;/p&gt;&#10;&lt;h2 id="이-용어가-등장한-맥락"&gt;이 용어가 등장한 맥락&lt;/h2&gt;&#10;&lt;p&gt;이용자가 업체를 고를 때 다른 사람의 평가를 먼저 보는 경향이 강해지면서, 리뷰가 지역 검색과 쇼핑 검색 양쪽에서 중요한 판단 재료로 다뤄지게 되었다.&lt;/p&gt;</description></item><item><title>네이버 플레이스 사례 메모, 실제가 아닌 가정</title><link>https://acmerental.co.kr/posts/%EB%84%A4%EC%9D%B4%EB%B2%84_%ED%94%8C%EB%A0%88%EC%9D%B4%EC%8A%A4</link><pubDate>Wed, 21 Oct 2026 17:30:00 +0900</pubDate><guid>https://acmerental.co.kr/posts/%EB%84%A4%EC%9D%B4%EB%B2%84_%ED%94%8C%EB%A0%88%EC%9D%B4%EC%8A%A4</guid><description>&lt;h2 id="사례-노트-들머리"&gt;사례 노트 들머리&lt;/h2&gt;&#10;&lt;p&gt;네이버 검색과 네이버 지도에서 업체의 위치, 영업시간, 메뉴, 사진, 리뷰 같은 정보를 보여 주는 업체 정보 영역이다. 해설 자료나 업계 글에서는 Naver Place, 네이버 지도 업체 정보라는 다른 표기로 옮겨 적기도 한다. 아래 가상 사례는 &lt;a href="/."&gt;웹상위노출&lt;/a&gt;을 공부하는 담당자가 로컬·이커머스·AI 검색 용어 범위에 들어가는 네이버 플레이스를 장면으로 옮겨 보도록 엮은 것이다.&lt;sup id="fnref:1"&gt;&lt;a href="#fn:1" class="footnote-ref" role="doc-noteref"&gt;1&lt;/a&gt;&lt;/sup&gt;&lt;/p&gt;&#10;&lt;h2 id="가정한-상황"&gt;가정한 상황&lt;/h2&gt;&#10;&lt;p&gt;이 상황은 사실 기록이 아니라 가상으로 그려 본 장면이다. 예를 들어 새로 문을 연 미용실이라면 스마트플레이스에 정확한 주소와 영업시간, 시술 가격표 사진을 올려 두는 것이 첫 단계가 된다. 이번 장면은 이 개념을 손에 잡히는 상황으로 옮겨 놓은 것이다.&lt;/p&gt;</description></item><item><title>근접성, 이름이 가리키는 범위</title><link>https://acmerental.co.kr/posts/%EA%B7%BC%EC%A0%91%EC%84%B1</link><pubDate>Wed, 21 Oct 2026 13:31:00 +0900</pubDate><guid>https://acmerental.co.kr/posts/%EA%B7%BC%EC%A0%91%EC%84%B1</guid><description>&lt;h2 id="말뜻-요지"&gt;말뜻 요지&lt;/h2&gt;&#10;&lt;p&gt;비슷한 말과 견주기 전에 근접성의 첫 뜻풀이는 다음과 같다. 검색하는 사람의 위치나 검색어에 담긴 지역과 업체 사이의 거리를 뜻하며, 지역 검색 결과의 순서를 정하는 신호 가운데 하나다. 같은 개념을 두고 강의 자료에서 Proximity, 거리 신호라는 다른 이름이나 표기로도 적힌다.&lt;sup id="fnref:1"&gt;&lt;a href="#fn:1" class="footnote-ref" role="doc-noteref"&gt;1&lt;/a&gt;&lt;/sup&gt; 이 개념 풀이는 &lt;a href="/."&gt;웹상위노출&lt;/a&gt;을 다루는 글에서 자주 만나는 로컬·이커머스·AI 검색 용어 중에서 이 낱말을 비슷한 말과 나란히 놓고 정리한 것이다.&lt;/p&gt;&#10;&lt;h2 id="용어가-생긴-배경"&gt;용어가 생긴 배경&lt;/h2&gt;&#10;&lt;p&gt;근처에서 바로 이용할 업체를 찾는 검색에서는 가까운 곳을 먼저 보여 주는 편이 사용자에게 유용하기 때문에, 구글은 거리를 지역 순위 요소로 공식 안내하고 있다.&lt;/p&gt;</description></item><item><title>NAP 일관성 FAQ, 원리부터 오해까지</title><link>https://acmerental.co.kr/posts/nap_%EC%9D%BC%EA%B4%80%EC%84%B1</link><pubDate>Wed, 21 Oct 2026 10:01:00 +0900</pubDate><guid>https://acmerental.co.kr/posts/nap_%EC%9D%BC%EA%B4%80%EC%84%B1</guid><description>&lt;h2 id="질문-모음-범위"&gt;질문 모음 범위&lt;/h2&gt;&#10;&lt;p&gt;문답을 시작하며 NAP 일관성이 무엇인지부터 답하면 다음과 같다. 업체의 상호, 주소, 전화번호를 홈페이지, 지도 서비스, 업체 목록 사이트 등 모든 곳에서 같은 표기로 통일하는 일을 말한다. 아래 문답 목록은 &lt;a href="/."&gt;웹상위노출&lt;/a&gt;을 다루는 관리자가 로컬·이커머스·AI 검색 용어 목록의 한 자리인 NAP 일관성을 둘러싼 질문을 모아 답을 단 것이다.&lt;sup id="fnref:1"&gt;&lt;a href="#fn:1" class="footnote-ref" role="doc-noteref"&gt;1&lt;/a&gt;&lt;/sup&gt;&lt;/p&gt;&#10;&lt;h2 id="많이-묻는-질문-목록"&gt;많이 묻는 질문 목록&lt;/h2&gt;&#10;&lt;blockquote&gt;&#10;&lt;p&gt;막연한 설명 말고 구체적인 상황에 대면 이 항목은 어떤 모습인가?&lt;/p&gt;&#10;&lt;/blockquote&gt;&#10;&lt;p&gt;가령 사무실을 옮긴 세무사무소라면 지도 서비스와 함께 협회 명부나 예전에 등록한 업체 목록 사이트의 주소까지 고쳐야 한다.&lt;/p&gt;</description></item><item><title>로컬 팩이란 무엇인가, 검색 화면 변화로 보는 개념 정리</title><link>https://acmerental.co.kr/posts/%EB%A1%9C%EC%BB%AC_%ED%8C%A9</link><pubDate>Tue, 20 Oct 2026 17:09:00 +0900</pubDate><guid>https://acmerental.co.kr/posts/%EB%A1%9C%EC%BB%AC_%ED%8C%A9</guid><description>&lt;h2 id="관찰-안내"&gt;관찰 안내&lt;/h2&gt;&#10;&lt;p&gt;지역 의도가 있는 검색에서 결과 화면에 지도와 함께 보통 상위 3개 업체를 묶어 보여 주는 영역을 가리키는 업계 용어다. 로컬 팩은 필자마다 Local Pack, Map Pack, 지도 묶음이라는 표기를 함께 쓰기도 한다. 이 메모는 &lt;a href="/."&gt;웹상위노출&lt;/a&gt;을 주제로 한 로컬·이커머스·AI 검색 용어 묶음에 넣어 로컬 팩을 다루며 등장 배경부터 오해까지 한 문서에 모은다.&lt;sup id="fnref:1"&gt;&lt;a href="#fn:1" class="footnote-ref" role="doc-noteref"&gt;1&lt;/a&gt;&lt;/sup&gt;&lt;/p&gt;&#10;&lt;h2 id="확산-맥락"&gt;확산 맥락&lt;/h2&gt;&#10;&lt;p&gt;근처 업체를 찾는 검색에는 일반 웹 문서 목록보다 업체 위치와 연락처를 바로 보여 주는 편이 유용해지면서, 검색 결과 위쪽에 지도 묶음이 자리 잡게 되었다.&lt;/p&gt;</description></item><item><title>예로 풀어 쓴 구글 비즈니스 프로필 동향 노트</title><link>https://acmerental.co.kr/posts/%EA%B5%AC%EA%B8%80_%EB%B9%84%EC%A6%88%EB%8B%88%EC%8A%A4_%ED%94%84%EB%A1%9C%ED%95%84</link><pubDate>Tue, 20 Oct 2026 13:26:00 +0900</pubDate><guid>https://acmerental.co.kr/posts/%EA%B5%AC%EA%B8%80_%EB%B9%84%EC%A6%88%EB%8B%88%EC%8A%A4_%ED%94%84%EB%A1%9C%ED%95%84</guid><description>&lt;h2 id="가상-사례-범위"&gt;가상 사례 범위&lt;/h2&gt;&#10;&lt;p&gt;구글 검색과 구글 지도에 업체 이름, 주소, 영업시간, 사진, 리뷰 등을 보여 주는 무료 업체 정보 관리 서비스로, 예전 이름은 구글 마이 비즈니스였다. 관련 자료를 찾아보면 Google Business Profile (GBP), 구 구글 마이 비즈니스라는 표기를 쓰는 자료도 있다. 이 시나리오 노트는 &lt;a href="/."&gt;웹상위노출&lt;/a&gt;을 신경 쓰는 담당자가 로컬·이커머스·AI 검색 용어 갈래에 속한 구글 비즈니스 프로필을 가정한 장면에 대어 보도록 정리한 것이다.&lt;sup id="fnref:1"&gt;&lt;a href="#fn:1" class="footnote-ref" role="doc-noteref"&gt;1&lt;/a&gt;&lt;/sup&gt;&lt;/p&gt;&#10;&lt;h2 id="가상의-업무-장면"&gt;가상의 업무 장면&lt;/h2&gt;&#10;&lt;p&gt;이 장면은 실제 고객 이야기가 아니라 설명을 위해 세운 가정이다. 가령 휴무일이 바뀐 카페라면 프로필의 영업시간을 먼저 고쳐 두어야 헛걸음한 손님이 남기는 불만 리뷰를 줄일 수 있다. 위 예시는 구글 비즈니스 프로필이 업무 속 어느 자리에 끼어드는지 보여 준다.&lt;/p&gt;</description></item><item><title>로컬 SEO 상태 점검, 항목별 메모</title><link>https://acmerental.co.kr/posts/%EB%A1%9C%EC%BB%AC_seo</link><pubDate>Tue, 20 Oct 2026 10:06:00 +0900</pubDate><guid>https://acmerental.co.kr/posts/%EB%A1%9C%EC%BB%AC_seo</guid><description>&lt;h2 id="확인-목록-범위"&gt;확인 목록 범위&lt;/h2&gt;&#10;&lt;p&gt;지역 기반 검색 최적화로, 특정 지역에서 업체나 서비스를 찾는 검색에 지도 결과와 일반 결과 양쪽으로 잘 드러나도록 업체 정보와 웹사이트를 다듬는 작업이다. 관련 도움말을 찾아보면 로컬 SEO 대신 Local SEO, 지역 검색 최적화라는 다른 표기의 글도 같은 내용을 담고 있다. 여기 모은 체크 항목은 &lt;a href="/."&gt;웹상위노출&lt;/a&gt;을 챙기는 담당자가 로컬·이커머스·AI 검색 용어 목록에 오른 로컬 SEO를 점검 순서를 잡을 수 있게 항목화한 것이다.&lt;sup id="fnref:1"&gt;&lt;a href="#fn:1" class="footnote-ref" role="doc-noteref"&gt;1&lt;/a&gt;&lt;/sup&gt;&lt;/p&gt;&#10;&lt;h2 id="살핌이-요구되는-까닭"&gt;살핌이 요구되는 까닭&lt;/h2&gt;&#10;&lt;p&gt;스마트폰으로 근처 가게나 업체를 바로 찾는 검색이 늘면서 지역 의도가 담긴 결과 화면에 지도와 업체 목록이 함께 뜨게 되었고, 이에 맞춘 최적화가 따로 다뤄지기 시작했다.&lt;/p&gt;</description></item><item><title>GEO 최적화: 생성형 AI 검색 인용 대응</title><link>https://acmerental.co.kr/GEO%EC%B5%9C%EC%A0%81%ED%99%94</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://acmerental.co.kr/GEO%EC%B5%9C%EC%A0%81%ED%99%94</guid><description>&lt;style&gt;&#13;&#10;&#13;&#10;&#13;&#10;.lo-field {&#13;&#10; --lo-field-fill: var(--brand-fill, #f6f3ef);&#13;&#10; --lo-field-ink: var(--brand-copy, #0e1212);&#13;&#10; --lo-field-dim: rgba(18, 20, 17, 0.7);&#13;&#10; --lo-field-stroke: rgba(17, 20, 14, 0.16);&#13;&#10; --lo-field-accent: var(--brand-main, #ff6c1f);&#13;&#10; position: relative;&#13;&#10; box-sizing: border-box;&#13;&#10; padding: clamp(140px, 15vw, 200px) 20px clamp(62px, 7vw, 98px);&#13;&#10; background: var(--lo-field-fill);&#13;&#10; color: var(--lo-field-ink);&#13;&#10; font-family: var(--brand-type, 'Noto Sans KR', sans-serif);&#13;&#10; word-break: keep-all;&#13;&#10;}&#13;&#10;.lo-field[data-lo-field-tone="dark"] {&#13;&#10; --lo-field-fill: var(--brand-ink, #0b0f0c);&#13;&#10; --lo-field-ink: #f5efee;&#13;&#10; --lo-field-dim: rgba(242, 239, 234, 0.7);&#13;&#10; --lo-field-stroke: rgba(244, 244, 239, 0.18);&#13;&#10;}&#13;&#10;.lo-field__wrap {&#13;&#10; max-width: var(--brand-measure, 1312px);&#13;&#10; margin: 0 auto;&#13;&#10;}&#13;&#10;.lo-field__kicker {&#13;&#10; display: flex;&#13;&#10; align-items: center;&#13;&#10; gap: 12px;&#13;&#10; margin: 0 0 clamp(24px, 3vw, 36px);&#13;&#10; font-size: 14px;&#13;&#10; font-weight: 500;&#13;&#10; letter-spacing: 0.02em;&#13;&#10; color: var(--lo-field-dim);&#13;&#10;}&#13;&#10;.lo-field__dot {&#13;&#10; width: 6px;&#13;&#10; height: 7px;&#13;&#10; border-radius: 50%;&#13;&#10; background: var(--lo-field-accent);&#13;&#10; flex-shrink: 0;&#13;&#10;}&#13;&#10;.lo-field__head {&#13;&#10; max-width: 13.625em;&#13;&#10; margin: 0;&#13;&#10; font-family: var(--brand-type-top, var(--brand-type, 'Noto Sans KR', sans-serif));&#13;&#10; font-size: clamp(36px, 7vw, 114px);&#13;&#10; font-weight: 900;&#13;&#10; line-height: 1.05;&#13;&#10; letter-spacing: -0.045em;&#13;&#10;}&#13;&#10;.lo-field__hr {&#13;&#10; position: relative;&#13;&#10; height: 1px;&#13;&#10; margin: clamp(40px, 6vw, 80px) 0 clamp(28px, 3.4vw, 46px);&#13;&#10; background: var(--lo-field-stroke);&#13;&#10; overflow: hidden;&#13;&#10;}&#13;&#10;.lo-field__hr-level {&#13;&#10; position: absolute;&#13;&#10; left: 0;&#13;&#10; top: 0;&#13;&#10; width: clamp(80px, 16vw, 212px);&#13;&#10; height: 1px;&#13;&#10; background: var(--lo-field-accent);&#13;&#10; transform-origin: 0 50%;&#13;&#10; transition: transform 1.45s cubic-bezier(0.16, 1, 0.3, 1) 0.45s;&#13;&#10;}&#13;&#10;.lo-field__row {&#13;&#10; display: grid;&#13;&#10; grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr) minmax(0, 1fr);&#13;&#10; gap: clamp(26px, 4vw, 60px);&#13;&#10; align-items: start;&#13;&#10;}&#13;&#10;.lo-field__copy {&#13;&#10; max-width: 29.125em;&#13;&#10; margin: 0;&#13;&#10; font-size: clamp(18px, 1.3vw, 20px);&#13;&#10; font-weight: 300;&#13;&#10; line-height: 1.9;&#13;&#10; color: var(--lo-field-dim);&#13;&#10;}&#13;&#10;.lo-field__note {&#13;&#10; display: flex;&#13;&#10; flex-direction: column;&#13;&#10; gap: 9px;&#13;&#10; padding-top: 4px;&#13;&#10;}&#13;&#10;.lo-field__note-top {&#13;&#10; margin: 0;&#13;&#10; font-size: 12px;&#13;&#10; font-weight: 500;&#13;&#10; letter-spacing: 0.04em;&#13;&#10; color: var(--lo-field-dim);&#13;&#10;}&#13;&#10;.lo-field__note-copy {&#13;&#10; margin: 0;&#13;&#10; font-size: 18px;&#13;&#10; font-weight: 700;&#13;&#10; line-height: 1.5;&#13;&#10; letter-spacing: -0.01em;&#13;&#10;}&#13;&#10;[data-lo-field-in] {&#13;&#10; transition: opacity 1.1s cubic-bezier(0.16, 1, 0.3, 1), transform 0.95s cubic-bezier(0.16, 1, 0.3, 1);&#13;&#10;}&#13;&#10;[data-lo-field-show="0"] [data-lo-field-in] {&#13;&#10; opacity: 0;&#13;&#10; transform: translateY(26px);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;[data-lo-field-show="0"] .lo-field__hr-level {&#13;&#10; transform: scaleX(0);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;@media (max-width: 842px) {&#13;&#10; .lo-field__row {&#13;&#10; grid-template-columns: 1fr 1fr;&#13;&#10; }&#13;&#10; .lo-field__copy {&#13;&#10; grid-column: 1 / -1;&#13;&#10; }&#13;&#10;}&#13;&#10;@media (max-width: 494px) {&#13;&#10; .lo-field__row {&#13;&#10; grid-template-columns: 1fr;&#13;&#10; }&#13;&#10;}&#13;&#10;&#13;&#10;&#13;&#10;&#13;&#10;&#13;&#10;.lo-well {&#13;&#10; --lo-well-fill: var(--brand-fill, #f3f3f0);&#13;&#10; --lo-well-ink: var(--brand-copy, #0e0f14);&#13;&#10; --lo-well-dim: rgba(14, 15, 17, 0.7);&#13;&#10; --lo-well-stroke: rgba(14, 15, 15, 0.16);&#13;&#10; --lo-well-frame: rgba(15, 20, 20, 0.07);&#13;&#10; --lo-well-accent: var(--brand-main, #ff6c20);&#13;&#10; --lo-well-action-fill: #0e1113;&#13;&#10; --lo-well-action-ink: #fffffc;&#13;&#10; position: relative;&#13;&#10; box-sizing: border-box;&#13;&#10; padding: clamp(78px, 10vw, 140px) 20px clamp(96px, 12vw, 150px);&#13;&#10; background: var(--lo-well-fill);&#13;&#10; color: var(--lo-well-ink);&#13;&#10; font-family: var(--brand-type, 'Noto Sans KR', sans-serif);&#13;&#10; word-break: keep-all;&#13;&#10; overflow: hidden;&#13;&#10;}&#13;&#10;.lo-well[data-lo-well-tone="dark"] {&#13;&#10; --lo-well-fill: var(--brand-ink, #0d0d0e);&#13;&#10; --lo-well-ink: #f6f4ed;&#13;&#10; --lo-well-dim: rgba(245, 240, 238, 0.7);&#13;&#10; --lo-well-stroke: rgba(246, 242, 234, 0.2);&#13;&#10; --lo-well-frame: rgba(247, 245, 236, 0.08);&#13;&#10; --lo-well-action-fill: #f6f3eb;&#13;&#10; --lo-well-action-ink: #0f0f0c;&#13;&#10;}&#13;&#10;.lo-well__wrap {&#13;&#10; max-width: var(--brand-measure, 1196px);&#13;&#10; margin: 0 auto;&#13;&#10; display: grid;&#13;&#10; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);&#13;&#10; gap: clamp(48px, 7vw, 104px);&#13;&#10; align-items: center;&#13;&#10;}&#13;&#10;.lo-well__art {&#13;&#10; position: relative;&#13;&#10; margin: 0 0 0 clamp(0px, 2vw, 28px);&#13;&#10;}&#13;&#10;.lo-well__outline {&#13;&#10; position: absolute;&#13;&#10; inset: clamp(18px, 2.6vw, 36px) clamp(20px, 2.6vw, 34px) clamp(-34px, -2.6vw, -18px) clamp(-34px, -2.6vw, -18px);&#13;&#10; border: 1px solid var(--lo-well-stroke);&#13;&#10; border-radius: var(--brand-radius, 16px);&#13;&#10; pointer-events: none;&#13;&#10;}&#13;&#10;.lo-well__frame {&#13;&#10; position: relative;&#13;&#10; aspect-ratio: 4 / 5;&#13;&#10; max-height: 646px;&#13;&#10; border-radius: var(--brand-radius, 14px);&#13;&#10; background: var(--lo-well-frame);&#13;&#10; overflow: hidden;&#13;&#10;}&#13;&#10;.lo-well__media {&#13;&#10; display: block;&#13;&#10; width: 100%;&#13;&#10; height: 100%;&#13;&#10; object-fit: cover;&#13;&#10; transform-origin: 50% 60%;&#13;&#10; transition: transform 1.45s cubic-bezier(0.16, 1, 0.3, 1);&#13;&#10;}&#13;&#10;.lo-well__cap {&#13;&#10; position: absolute;&#13;&#10; right: clamp(-28px, -2vw, -12px);&#13;&#10; bottom: clamp(30px, 5vw, 68px);&#13;&#10; max-width: 254px;&#13;&#10; margin: 0;&#13;&#10; padding: 20px 24px 22px;&#13;&#10; border-radius: calc(var(--brand-radius, 14px) * 0.6);&#13;&#10; background: var(--lo-well-fill);&#13;&#10; border: 1px solid var(--lo-well-stroke);&#13;&#10;}&#13;&#10;.lo-well__cap-mark {&#13;&#10; display: block;&#13;&#10; width: 26px;&#13;&#10; height: 2px;&#13;&#10; margin-bottom: 14px;&#13;&#10; background: var(--lo-well-accent);&#13;&#10;}&#13;&#10;.lo-well__cap-top {&#13;&#10; display: block;&#13;&#10; font-size: 16px;&#13;&#10; font-weight: 700;&#13;&#10; letter-spacing: -0.01em;&#13;&#10;}&#13;&#10;.lo-well__cap-copy {&#13;&#10; display: block;&#13;&#10; margin-top: 6px;&#13;&#10; font-size: 14px;&#13;&#10; line-height: 1.6;&#13;&#10; color: var(--lo-well-dim);&#13;&#10;}&#13;&#10;.lo-well__main {&#13;&#10; max-width: 504px;&#13;&#10;}&#13;&#10;.lo-well__head {&#13;&#10; margin: 0;&#13;&#10; font-family: var(--brand-type-top, var(--brand-type, 'Noto Sans KR', sans-serif));&#13;&#10; font-size: clamp(30px, 3.5vw, 48px);&#13;&#10; font-weight: 800;&#13;&#10; line-height: 1.3;&#13;&#10; letter-spacing: -0.04em;&#13;&#10;}&#13;&#10;.lo-well__copy {&#13;&#10; margin: clamp(26px, 3vw, 40px) 0 0;&#13;&#10; font-size: clamp(16px, 1.15vw, 20px);&#13;&#10; font-weight: 400;&#13;&#10; line-height: 1.9;&#13;&#10; color: var(--lo-well-dim);&#13;&#10;}&#13;&#10;.lo-well__info {&#13;&#10; display: grid;&#13;&#10; grid-template-columns: 1fr 1fr;&#13;&#10; gap: 24px;&#13;&#10; margin: clamp(40px, 4vw, 58px) 0 0;&#13;&#10; padding-top: 24px;&#13;&#10; border-top: 1px solid var(--lo-well-stroke);&#13;&#10;}&#13;&#10;.lo-well__info-node {&#13;&#10; margin: 0;&#13;&#10;}&#13;&#10;.lo-well__info-term {&#13;&#10; font-size: 14px;&#13;&#10; font-weight: 400;&#13;&#10; color: var(--lo-well-dim);&#13;&#10;}&#13;&#10;.lo-well__info-copy {&#13;&#10; margin: 8px 0 0;&#13;&#10; font-size: 16px;&#13;&#10; font-weight: 700;&#13;&#10; letter-spacing: -0.01em;&#13;&#10;}&#13;&#10;.lo-well__cta {&#13;&#10; display: inline-flex;&#13;&#10; align-items: center;&#13;&#10; gap: 12px;&#13;&#10; margin-top: clamp(36px, 4vw, 54px);&#13;&#10; min-height: 54px;&#13;&#10; padding: 0 30px;&#13;&#10; border-radius: var(--brand-action-radius, 1068px);&#13;&#10; background: var(--lo-well-action-fill);&#13;&#10; color: var(--lo-well-action-ink);&#13;&#10; font-size: 16px;&#13;&#10; font-weight: 700;&#13;&#10; text-decoration: none;&#13;&#10; transition: transform 0.3s ease;&#13;&#10;}&#13;&#10;.lo-well__cta:hover {&#13;&#10; transform: translateY(-2px);&#13;&#10;}&#13;&#10;.lo-well__cta:focus-visible {&#13;&#10; outline: 2px solid var(--lo-well-ink);&#13;&#10; outline-offset: 3px;&#13;&#10;}&#13;&#10;.lo-well__arrow {&#13;&#10; position: relative;&#13;&#10; width: 16px;&#13;&#10; height: 1.5px;&#13;&#10; background: currentColor;&#13;&#10; transition: width 0.35s ease;&#13;&#10;}&#13;&#10;.lo-well__arrow::after {&#13;&#10; content: '';&#13;&#10; position: absolute;&#13;&#10; right: 0;&#13;&#10; top: -3px;&#13;&#10; width: 6px;&#13;&#10; height: 6px;&#13;&#10; border-top: 1.5px solid currentColor;&#13;&#10; border-right: 1.5px solid currentColor;&#13;&#10; transform: rotate(45deg);&#13;&#10;}&#13;&#10;.lo-well__cta:hover .lo-well__arrow {&#13;&#10; width: 20px;&#13;&#10;}&#13;&#10;.lo-well__outline,&#13;&#10;[data-lo-well-in] {&#13;&#10; transition: opacity 1.2s cubic-bezier(0.16, 1, 0.3, 1), transform 1.15s cubic-bezier(0.16, 1, 0.3, 1);&#13;&#10;}&#13;&#10;[data-lo-well-show="0"] [data-lo-well-in] {&#13;&#10; opacity: 0;&#13;&#10; transform: translateY(26px);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;[data-lo-well-show="0"] .lo-well__outline {&#13;&#10; opacity: 0;&#13;&#10; transform: translate(-16px, 16px);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;[data-lo-well-show="0"] .lo-well__media {&#13;&#10; transform: scale(1.08);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;@media (max-width: 858px) {&#13;&#10; .lo-well__wrap {&#13;&#10; grid-template-columns: 1fr;&#13;&#10; }&#13;&#10; .lo-well__art {&#13;&#10; max-width: 516px;&#13;&#10; margin: 0 clamp(14px, 4vw, 32px) 0 clamp(20px, 4vw, 36px);&#13;&#10; }&#13;&#10; .lo-well__main {&#13;&#10; max-width: 580px;&#13;&#10; }&#13;&#10;}&#13;&#10;@media (max-width: 578px) {&#13;&#10; .lo-well__cap {&#13;&#10; right: -8px;&#13;&#10; max-width: 234px;&#13;&#10; }&#13;&#10; .lo-well__info {&#13;&#10; grid-template-columns: 1fr;&#13;&#10; gap: 20px;&#13;&#10; }&#13;&#10;}&#13;&#10;&#13;&#10;&#13;&#10;&#13;&#10;&#13;&#10;.lo-wing {&#13;&#10; --lo-wing-fill: var(--brand-fill, #f8f5ee);&#13;&#10; --lo-wing-ink: var(--brand-copy, #141411);&#13;&#10; --lo-wing-dim: rgba(18, 20, 15, 0.7);&#13;&#10; --lo-wing-stroke: rgba(17, 14, 18, 0.15);&#13;&#10; --lo-wing-accent: var(--brand-main, #fc6a1c);&#13;&#10; position: relative;&#13;&#10; box-sizing: border-box;&#13;&#10; padding: clamp(72px, 10vw, 132px) 20px clamp(94px, 12vw, 148px);&#13;&#10; background: var(--lo-wing-fill);&#13;&#10; color: var(--lo-wing-ink);&#13;&#10; font-family: var(--brand-type, 'Noto Sans KR', sans-serif);&#13;&#10; word-break: keep-all;&#13;&#10;}&#13;&#10;.lo-wing[data-lo-wing-tone="dark"] {&#13;&#10; --lo-wing-fill: var(--brand-ink, #0e0911);&#13;&#10; --lo-wing-ink: #f3efee;&#13;&#10; --lo-wing-dim: rgba(241, 240, 235, 0.7);&#13;&#10; --lo-wing-stroke: rgba(245, 243, 239, 0.18);&#13;&#10;}&#13;&#10;.lo-wing__wrap {&#13;&#10; max-width: var(--brand-measure, 1184px);&#13;&#10; margin: 0 auto;&#13;&#10;}&#13;&#10;.lo-wing__top {&#13;&#10; display: grid;&#13;&#10; grid-template-columns: 1fr 1fr;&#13;&#10; gap: clamp(20px, 4vw, 70px);&#13;&#10; align-items: start;&#13;&#10; margin-bottom: clamp(42px, 5vw, 70px);&#13;&#10;}&#13;&#10;.lo-wing__head {&#13;&#10; margin: 0;&#13;&#10; font-family: var(--brand-type-top, var(--brand-type, 'Noto Sans KR', sans-serif));&#13;&#10; font-size: clamp(30px, 3.5vw, 44px);&#13;&#10; font-weight: 800;&#13;&#10; line-height: 1.2;&#13;&#10; letter-spacing: -0.04em;&#13;&#10;}&#13;&#10;.lo-wing__copy {&#13;&#10; margin: 0;&#13;&#10; padding-top: 8px;&#13;&#10; font-size: clamp(16px, 1.1vw, 16px);&#13;&#10; line-height: 1.85;&#13;&#10; color: var(--lo-wing-dim);&#13;&#10;}&#13;&#10;.lo-wing__grid {&#13;&#10; display: grid;&#13;&#10; grid-template-columns: repeat(4, 1fr);&#13;&#10; gap: 1px;&#13;&#10; border: 1px solid var(--lo-wing-stroke);&#13;&#10; border-radius: var(--brand-radius, 14px);&#13;&#10; background: var(--lo-wing-stroke);&#13;&#10; overflow: hidden;&#13;&#10;}&#13;&#10;.lo-wing__cell {&#13;&#10; display: flex;&#13;&#10; flex-direction: column;&#13;&#10; align-items: center;&#13;&#10; text-align: center;&#13;&#10; padding: clamp(34px, 4vw, 60px) clamp(18px, 2vw, 28px) clamp(32px, 3.6vw, 52px);&#13;&#10; background: var(--lo-wing-fill);&#13;&#10;}&#13;&#10;.lo-wing__mark {&#13;&#10; position: relative;&#13;&#10; display: flex;&#13;&#10; align-items: center;&#13;&#10; justify-content: center;&#13;&#10; width: 66px;&#13;&#10; height: 68px;&#13;&#10; margin-bottom: 28px;&#13;&#10; border: 1px solid var(--lo-wing-stroke);&#13;&#10; border-radius: 50%;&#13;&#10; font-size: 12px;&#13;&#10; font-weight: 500;&#13;&#10; letter-spacing: 0.04em;&#13;&#10; color: var(--lo-wing-dim);&#13;&#10; transition: border-color 0.4s ease;&#13;&#10;}&#13;&#10;.lo-wing__mark::after {&#13;&#10; content: '';&#13;&#10; position: absolute;&#13;&#10; top: 5px;&#13;&#10; right: 5px;&#13;&#10; width: 6px;&#13;&#10; height: 6px;&#13;&#10; border-radius: 50%;&#13;&#10; background: var(--lo-wing-accent);&#13;&#10; transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0.75s;&#13;&#10;}&#13;&#10;.lo-wing__cell:hover .lo-wing__mark {&#13;&#10; border-color: var(--lo-wing-ink);&#13;&#10;}&#13;&#10;.lo-wing__name {&#13;&#10; margin: 0 0 12px;&#13;&#10; font-family: var(--brand-type-top, var(--brand-type, 'Noto Sans KR', sans-serif));&#13;&#10; font-size: clamp(18px, 1.5vw, 20px);&#13;&#10; font-weight: 700;&#13;&#10; line-height: 1.35;&#13;&#10; letter-spacing: -0.025em;&#13;&#10;}&#13;&#10;.lo-wing__copy-2 {&#13;&#10; max-width: 17em;&#13;&#10; margin: 0;&#13;&#10; font-size: 16px;&#13;&#10; line-height: 1.7;&#13;&#10; color: var(--lo-wing-dim);&#13;&#10;}&#13;&#10;[data-lo-wing-in] {&#13;&#10; transition: opacity 1.1s cubic-bezier(0.16, 1, 0.3, 1), transform 1s cubic-bezier(0.16, 1, 0.3, 1);&#13;&#10;}&#13;&#10;[data-lo-wing-show="0"] [data-lo-wing-in] {&#13;&#10; opacity: 0;&#13;&#10; transform: translateY(30px);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;[data-lo-wing-show="0"] .lo-wing__mark::after {&#13;&#10; transform: scale(0);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;@media (max-width: 1046px) {&#13;&#10; .lo-wing__grid {&#13;&#10; grid-template-columns: repeat(2, 1fr);&#13;&#10; }&#13;&#10;}&#13;&#10;@media (max-width: 692px) {&#13;&#10; .lo-wing__top {&#13;&#10; grid-template-columns: 1fr;&#13;&#10; }&#13;&#10;}&#13;&#10;@media (max-width: 524px) {&#13;&#10; .lo-wing__grid {&#13;&#10; grid-template-columns: 1fr;&#13;&#10; }&#13;&#10;}&#13;&#10;&#13;&#10;&#13;&#10;&#13;&#10;&#13;&#10;.lo-chapter {&#13;&#10; --lo-chapter-fill: var(--brand-fill, #f6f2f1);&#13;&#10; --lo-chapter-ink: var(--brand-copy, #141012);&#13;&#10; --lo-chapter-dim: rgba(17, 15, 15, 0.7);&#13;&#10; --lo-chapter-stroke: rgba(20, 20, 20, 0.15);&#13;&#10; --lo-chapter-accent: var(--brand-main, #fd6c21);&#13;&#10; position: relative;&#13;&#10; box-sizing: border-box;&#13;&#10; padding: clamp(90px, 12.5vw, 172px) 22px clamp(62px, 8.5vw, 130px);&#13;&#10; background: var(--lo-chapter-fill);&#13;&#10; color: var(--lo-chapter-ink);&#13;&#10; font-family: var(--brand-type, 'Noto Sans KR', sans-serif);&#13;&#10; word-break: keep-all;&#13;&#10; overflow: hidden;&#13;&#10;}&#13;&#10;.lo-chapter[data-lo-chapter-tone="dark"] {&#13;&#10; --lo-chapter-fill: var(--brand-ink, #0b0b10);&#13;&#10; --lo-chapter-ink: #f6f4ea;&#13;&#10; --lo-chapter-dim: rgba(241, 243, 239, 0.7);&#13;&#10; --lo-chapter-stroke: rgba(245, 243, 235, 0.17);&#13;&#10;}&#13;&#10;.lo-chapter__wrap {&#13;&#10; max-width: var(--brand-measure, 1100px);&#13;&#10; margin: 0 auto;&#13;&#10;}&#13;&#10;.lo-chapter__top {&#13;&#10; display: flex;&#13;&#10; flex-wrap: wrap;&#13;&#10; justify-content: space-between;&#13;&#10; align-items: flex-end;&#13;&#10; gap: 26px clamp(32px, 6vw, 90px);&#13;&#10; margin-bottom: clamp(44px, 6vw, 76px);&#13;&#10;}&#13;&#10;.lo-chapter__head {&#13;&#10; margin: 0;&#13;&#10; max-width: 12.125em;&#13;&#10; font-family: var(--brand-type-top, var(--brand-type, 'Noto Sans KR', sans-serif));&#13;&#10; font-size: clamp(32px, 4.6vw, 60px);&#13;&#10; font-weight: 900;&#13;&#10; line-height: 1.1;&#13;&#10; letter-spacing: -0.045em;&#13;&#10;}&#13;&#10;.lo-chapter__copy {&#13;&#10; margin: 0;&#13;&#10; max-width: 26.375em;&#13;&#10; font-size: clamp(16px, 1.15vw, 16px);&#13;&#10; font-weight: 300;&#13;&#10; line-height: 1.9;&#13;&#10; color: var(--lo-chapter-dim);&#13;&#10;}&#13;&#10;.lo-chapter__ul {&#13;&#10; margin: 0;&#13;&#10; padding: 0;&#13;&#10; list-style: none;&#13;&#10; counter-reset: pr04c-mv;&#13;&#10;}&#13;&#10;.lo-chapter__row {&#13;&#10; position: relative;&#13;&#10; display: grid;&#13;&#10; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);&#13;&#10; gap: clamp(20px, 4vw, 64px);&#13;&#10; align-items: end;&#13;&#10; padding: clamp(28px, 3vw, 40px) 0 clamp(32px, 3.6vw, 48px);&#13;&#10; counter-increment: pr04c-mv;&#13;&#10;}&#13;&#10;.lo-chapter__hr {&#13;&#10; position: absolute;&#13;&#10; left: 0;&#13;&#10; right: 0;&#13;&#10; top: 0;&#13;&#10; height: 1px;&#13;&#10; background: var(--lo-chapter-stroke);&#13;&#10; overflow: hidden;&#13;&#10; transition-delay: inherit;&#13;&#10;}&#13;&#10;.lo-chapter__hr-level {&#13;&#10; position: absolute;&#13;&#10; left: 0;&#13;&#10; top: 0;&#13;&#10; width: 100%;&#13;&#10; height: 1px;&#13;&#10; background: var(--lo-chapter-accent);&#13;&#10; transform-origin: 0 50%;&#13;&#10; transform: scaleX(0.12);&#13;&#10; transition: transform 1.45s cubic-bezier(0.65, 0, 0.35, 1);&#13;&#10; transition-delay: inherit;&#13;&#10;}&#13;&#10;.lo-chapter__row:hover .lo-chapter__hr-level {&#13;&#10; transform: scaleX(1);&#13;&#10; transition-delay: 0s;&#13;&#10;}&#13;&#10;.lo-chapter__window {&#13;&#10; display: block;&#13;&#10; overflow: hidden;&#13;&#10; padding-bottom: 0.04em;&#13;&#10; transition-delay: inherit;&#13;&#10;}&#13;&#10;.lo-chapter__no {&#13;&#10; display: block;&#13;&#10; font-size: clamp(102px, 15vw, 230px);&#13;&#10; font-weight: 300;&#13;&#10; line-height: 0.8;&#13;&#10; letter-spacing: -0.07em;&#13;&#10; transition: transform 1.2s cubic-bezier(0.16, 1, 0.3, 1);&#13;&#10; transition-delay: inherit;&#13;&#10;}&#13;&#10;.lo-chapter__no::before {&#13;&#10; content: counter(pr04c-mv);&#13;&#10;}&#13;&#10;.lo-chapter__main {&#13;&#10; max-width: 26.625em;&#13;&#10; padding-bottom: 0.42em;&#13;&#10;}&#13;&#10;.lo-chapter__name {&#13;&#10; margin: 0 0 14px;&#13;&#10; font-size: clamp(22px, 2vw, 30px);&#13;&#10; font-weight: 800;&#13;&#10; line-height: 1.25;&#13;&#10; letter-spacing: -0.03em;&#13;&#10;}&#13;&#10;.lo-chapter__copy-2 {&#13;&#10; margin: 0;&#13;&#10; font-size: 16px;&#13;&#10; font-weight: 400;&#13;&#10; line-height: 1.85;&#13;&#10; color: var(--lo-chapter-dim);&#13;&#10;}&#13;&#10;[data-lo-chapter-in] {&#13;&#10; transition: opacity 0.9s cubic-bezier(0.16, 1, 0.3, 1), transform 0.95s cubic-bezier(0.16, 1, 0.3, 1);&#13;&#10;}&#13;&#10;[data-lo-chapter-show="0"] [data-lo-chapter-in] {&#13;&#10; opacity: 0;&#13;&#10; transform: translateY(20px);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;[data-lo-chapter-show="0"] .lo-chapter__no {&#13;&#10; transform: translateY(100%);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;[data-lo-chapter-show="0"] .lo-chapter__hr-level {&#13;&#10; transform: scaleX(0);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;@media (max-width: 744px) {&#13;&#10; .lo-chapter__row {&#13;&#10; grid-template-columns: auto minmax(0, 1fr);&#13;&#10; gap: 22px;&#13;&#10; align-items: start;&#13;&#10; }&#13;&#10; .lo-chapter__no {&#13;&#10; font-size: 68px;&#13;&#10; min-width: 0.87em;&#13;&#10; }&#13;&#10; .lo-chapter__main {&#13;&#10; padding: 6px 0 0;&#13;&#10; }&#13;&#10;}&#13;&#10;&#13;&#10;&#13;&#10;&#13;&#10;&#13;&#10;.lo-hub {&#13;&#10; --lo-hub-fill: var(--brand-fill, #f9f6ef);&#13;&#10; --lo-hub-ink: var(--brand-copy, #130f0f);&#13;&#10; --lo-hub-dim: rgba(14, 14, 19, 0.7);&#13;&#10; --lo-hub-stroke: rgba(19, 18, 15, 0.12);&#13;&#10; --lo-hub-accent: var(--brand-main, #fd6d1d);&#13;&#10; position: relative;&#13;&#10; box-sizing: border-box;&#13;&#10; padding: clamp(84px, 9vw, 120px) 20px clamp(80px, 10vw, 158px);&#13;&#10; background: var(--lo-hub-fill);&#13;&#10; color: var(--lo-hub-ink);&#13;&#10; font-family: var(--brand-type, 'Noto Sans KR', sans-serif);&#13;&#10; word-break: keep-all;&#13;&#10; overflow-wrap: anywhere;&#13;&#10;}&#13;&#10;.lo-hub[data-lo-hub-tone="dark"] {&#13;&#10; --lo-hub-fill: var(--brand-ink, #0f0e0d);&#13;&#10; --lo-hub-ink: #f6f3ef;&#13;&#10; --lo-hub-dim: rgba(244, 244, 234, 0.7);&#13;&#10; --lo-hub-stroke: rgba(244, 245, 238, 0.16);&#13;&#10;}&#13;&#10;.lo-hub__wrap {&#13;&#10; max-width: var(--brand-measure, 1094px);&#13;&#10; margin: 0 auto;&#13;&#10; display: grid;&#13;&#10; grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);&#13;&#10; gap: clamp(44px, 8vw, 130px);&#13;&#10; align-items: start;&#13;&#10;}&#13;&#10;.lo-hub__side {&#13;&#10; position: sticky;&#13;&#10; top: 130px;&#13;&#10;}&#13;&#10;.lo-hub__kicker {&#13;&#10; margin: 0 0 clamp(18px, 2vw, 30px);&#13;&#10; font-size: 12px;&#13;&#10; font-weight: 700;&#13;&#10; letter-spacing: 0.08em;&#13;&#10; color: var(--lo-hub-dim);&#13;&#10;}&#13;&#10;.lo-hub__head {&#13;&#10; margin: 0;&#13;&#10; font-family: var(--brand-type-top, var(--brand-type, 'Noto Sans KR', sans-serif));&#13;&#10; font-size: clamp(32px, 3.3vw, 48px);&#13;&#10; font-weight: 800;&#13;&#10; line-height: 1.25;&#13;&#10; letter-spacing: -0.04em;&#13;&#10;}&#13;&#10;.lo-hub__copy {&#13;&#10; max-width: 27.375em;&#13;&#10; margin: clamp(18px, 2.4vw, 34px) 0 0;&#13;&#10; font-size: clamp(16px, 1.1vw, 18px);&#13;&#10; line-height: 1.9;&#13;&#10; color: var(--lo-hub-dim);&#13;&#10;}&#13;&#10;.lo-hub__ul {&#13;&#10; margin: 0;&#13;&#10; padding: 0;&#13;&#10; list-style: none;&#13;&#10; border-top: 1px solid var(--lo-hub-stroke);&#13;&#10;}&#13;&#10;.lo-hub__row {&#13;&#10; display: grid;&#13;&#10; grid-template-columns: minmax(0, 1fr) auto;&#13;&#10; align-items: baseline;&#13;&#10; gap: 10px 26px;&#13;&#10; padding: clamp(26px, 2.6vw, 40px) 0 clamp(24px, 2.4vw, 36px);&#13;&#10; border-bottom: 1px solid var(--lo-hub-stroke);&#13;&#10;}&#13;&#10;.lo-hub__lab {&#13;&#10; margin: 0;&#13;&#10; font-size: clamp(16px, 1.2vw, 18px);&#13;&#10; font-weight: 500;&#13;&#10; line-height: 1.45;&#13;&#10;}&#13;&#10;.lo-hub__num {&#13;&#10; margin: 0;&#13;&#10; font-size: clamp(32px, 3.2vw, 46px);&#13;&#10; font-weight: 700;&#13;&#10; line-height: 1;&#13;&#10; letter-spacing: -0.04em;&#13;&#10; font-variant-numeric: tabular-nums;&#13;&#10; white-space: nowrap;&#13;&#10; text-align: right;&#13;&#10;}&#13;&#10;.lo-hub__track {&#13;&#10; grid-column: 1 / -1;&#13;&#10; position: relative;&#13;&#10; display: block;&#13;&#10; height: 6px;&#13;&#10; margin-top: 7px;&#13;&#10; background: var(--lo-hub-stroke);&#13;&#10; border-radius: 3px;&#13;&#10; overflow: hidden;&#13;&#10;}&#13;&#10;.lo-hub__level {&#13;&#10; position: absolute;&#13;&#10; inset: 0;&#13;&#10; display: block;&#13;&#10; background: var(--lo-hub-accent);&#13;&#10; border-radius: 3px;&#13;&#10; transform-origin: 0 50%;&#13;&#10; transform: scaleX(var(--lo-hub-p, 1));&#13;&#10; transition: transform 1.4s cubic-bezier(0.16, 1, 0.3, 1);&#13;&#10;}&#13;&#10;[data-lo-hub-in] {&#13;&#10; transition: opacity 0.95s cubic-bezier(0.16, 1, 0.3, 1), transform 1.05s cubic-bezier(0.16, 1, 0.3, 1);&#13;&#10;}&#13;&#10;[data-lo-hub-show="0"] [data-lo-hub-in] {&#13;&#10; opacity: 0;&#13;&#10; transform: translateY(26px);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;[data-lo-hub-show="0"] .lo-hub__level {&#13;&#10; transform: scaleX(0);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;@media (max-width: 896px) {&#13;&#10; .lo-hub__wrap {&#13;&#10; grid-template-columns: minmax(0, 1fr);&#13;&#10; }&#13;&#10; .lo-hub__side {&#13;&#10; position: static;&#13;&#10; }&#13;&#10;}&#13;&#10;@media (max-width: 524px) {&#13;&#10; .lo-hub__num {&#13;&#10; font-size: clamp(28px, 7.6vw, 38px);&#13;&#10; }&#13;&#10; .lo-hub__row {&#13;&#10; gap: 9px 16px;&#13;&#10; }&#13;&#10;}&#13;&#10;&#13;&#10;&#13;&#10;&#13;&#10;&#13;&#10;.lo-piece {&#13;&#10; --lo-piece-fill: var(--brand-fill, #f6f7ef);&#13;&#10; --lo-piece-ink: var(--brand-copy, #100e13);&#13;&#10; --lo-piece-dim: rgba(14, 19, 15, 0.7);&#13;&#10; --lo-piece-stroke: rgba(15, 14, 15, 0.16);&#13;&#10; --lo-piece-plane: rgba(18, 14, 15, 0.045);&#13;&#10; --lo-piece-accent: var(--brand-main, #ff6922);&#13;&#10; --lo-piece-action-fill: #0f1212;&#13;&#10; --lo-piece-action-ink: #ffffff;&#13;&#10; position: relative;&#13;&#10; box-sizing: border-box;&#13;&#10; padding: clamp(82px, 11.5vw, 150px) 20px clamp(88px, 10vw, 136px);&#13;&#10; background: var(--lo-piece-fill);&#13;&#10; color: var(--lo-piece-ink);&#13;&#10; font-family: var(--brand-type, 'Noto Sans KR', sans-serif);&#13;&#10; word-break: keep-all;&#13;&#10; overflow: hidden;&#13;&#10;}&#13;&#10;.lo-piece[data-lo-piece-tone="dark"] {&#13;&#10; --lo-piece-fill: var(--brand-ink, #0e0c0c);&#13;&#10; --lo-piece-ink: #f1f0ea;&#13;&#10; --lo-piece-dim: rgba(247, 243, 236, 0.7);&#13;&#10; --lo-piece-stroke: rgba(243, 242, 240, 0.18);&#13;&#10; --lo-piece-plane: rgba(246, 245, 235, 0.05);&#13;&#10; --lo-piece-action-fill: #f2efeb;&#13;&#10; --lo-piece-action-ink: #0d0f0f;&#13;&#10;}&#13;&#10;.lo-piece__plane {&#13;&#10; position: absolute;&#13;&#10; inset: 0;&#13;&#10; background: var(--lo-piece-plane);&#13;&#10; clip-path: polygon(64% 0, 100% 0, 100% 100%, 48% 100%);&#13;&#10; pointer-events: none;&#13;&#10;}&#13;&#10;.lo-piece__edge {&#13;&#10; position: absolute;&#13;&#10; inset: 0;&#13;&#10; width: 100%;&#13;&#10; height: 100%;&#13;&#10; pointer-events: none;&#13;&#10;}&#13;&#10;.lo-piece__edge-stroke {&#13;&#10; fill: none;&#13;&#10; stroke: var(--lo-piece-accent);&#13;&#10; stroke-width: 1;&#13;&#10; stroke-dasharray: 1;&#13;&#10; stroke-dashoffset: 0;&#13;&#10; transition: stroke-dashoffset 1.55s cubic-bezier(0.16, 1, 0.3, 1) 0.3s;&#13;&#10;}&#13;&#10;[data-lo-piece-show="0"] .lo-piece__edge-stroke {&#13;&#10; stroke-dashoffset: 1;&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;.lo-piece__wrap {&#13;&#10; position: relative;&#13;&#10; max-width: var(--brand-measure, 1152px);&#13;&#10; margin: 0 auto;&#13;&#10; display: grid;&#13;&#10; grid-template-columns: 1.4fr 1fr;&#13;&#10; gap: clamp(50px, 7vw, 108px);&#13;&#10; align-items: center;&#13;&#10;}&#13;&#10;.lo-piece__head {&#13;&#10; max-width: 10.625em;&#13;&#10; margin: 0;&#13;&#10; font-family: var(--brand-type-top, var(--brand-type, 'Noto Sans KR', sans-serif));&#13;&#10; font-size: clamp(38px, 5.2vw, 82px);&#13;&#10; font-weight: 900;&#13;&#10; line-height: 1.15;&#13;&#10; letter-spacing: -0.045em;&#13;&#10;}&#13;&#10;.lo-piece__copy-2 {&#13;&#10; max-width: 23.25em;&#13;&#10; margin: clamp(22px, 2.8vw, 32px) 0 0;&#13;&#10; font-size: clamp(16px, 1.2vw, 18px);&#13;&#10; font-weight: 400;&#13;&#10; line-height: 1.8;&#13;&#10; color: var(--lo-piece-dim);&#13;&#10;}&#13;&#10;.lo-piece__go {&#13;&#10; display: inline-flex;&#13;&#10; align-items: center;&#13;&#10; gap: 14px;&#13;&#10; min-height: 56px;&#13;&#10; margin-top: clamp(32px, 4vw, 50px);&#13;&#10; padding: 0 30px;&#13;&#10; box-sizing: border-box;&#13;&#10; border-radius: var(--brand-action-radius, 1014px);&#13;&#10; background: var(--lo-piece-action-fill);&#13;&#10; color: var(--lo-piece-action-ink);&#13;&#10; font-size: 16px;&#13;&#10; font-weight: 700;&#13;&#10; text-decoration: none;&#13;&#10; white-space: nowrap;&#13;&#10; transition: transform 0.25s ease;&#13;&#10;}&#13;&#10;.lo-piece__go:hover {&#13;&#10; transform: translateY(-2px);&#13;&#10;}&#13;&#10;.lo-piece__go:focus-visible {&#13;&#10; outline: 2px solid var(--lo-piece-ink);&#13;&#10; outline-offset: 3px;&#13;&#10;}&#13;&#10;.lo-piece__arrow {&#13;&#10; position: relative;&#13;&#10; width: 18px;&#13;&#10; height: 1.5px;&#13;&#10; background: currentColor;&#13;&#10; transition: width 0.3s ease;&#13;&#10;}&#13;&#10;.lo-piece__arrow::after {&#13;&#10; content: '';&#13;&#10; position: absolute;&#13;&#10; right: 0;&#13;&#10; top: -3px;&#13;&#10; width: 5px;&#13;&#10; height: 6px;&#13;&#10; border-top: 1.5px solid currentColor;&#13;&#10; border-right: 1.5px solid currentColor;&#13;&#10; transform: rotate(45deg);&#13;&#10;}&#13;&#10;.lo-piece__go:hover .lo-piece__arrow {&#13;&#10; width: 22px;&#13;&#10;}&#13;&#10;.lo-piece__proof {&#13;&#10; display: flex;&#13;&#10; flex-direction: column;&#13;&#10; align-items: center;&#13;&#10; text-align: center;&#13;&#10;}&#13;&#10;.lo-piece__rating {&#13;&#10; display: flex;&#13;&#10; flex-direction: column;&#13;&#10; align-items: center;&#13;&#10; justify-content: center;&#13;&#10; width: clamp(94px, 9vw, 130px);&#13;&#10; aspect-ratio: 1;&#13;&#10; margin-bottom: clamp(26px, 3vw, 42px);&#13;&#10; border: 1px solid var(--lo-piece-stroke);&#13;&#10; border-radius: 50%;&#13;&#10;}&#13;&#10;.lo-piece__rating-score {&#13;&#10; font-size: clamp(26px, 2.2vw, 32px);&#13;&#10; font-weight: 800;&#13;&#10; line-height: 1.05;&#13;&#10; letter-spacing: -0.03em;&#13;&#10;}&#13;&#10;.lo-piece__rating-scale {&#13;&#10; margin-top: 6px;&#13;&#10; font-size: 12px;&#13;&#10; font-weight: 400;&#13;&#10; color: var(--lo-piece-dim);&#13;&#10;}&#13;&#10;.lo-piece__big {&#13;&#10; font-family: var(--brand-type-top, var(--brand-type, 'Noto Sans KR', sans-serif));&#13;&#10; font-size: clamp(62px, 7.4vw, 94px);&#13;&#10; font-weight: 900;&#13;&#10; line-height: 1;&#13;&#10; letter-spacing: -0.05em;&#13;&#10;}&#13;&#10;.lo-piece__big-caption {&#13;&#10; margin-top: 16px;&#13;&#10; font-size: 14px;&#13;&#10; font-weight: 500;&#13;&#10; color: var(--lo-piece-dim);&#13;&#10;}&#13;&#10;[data-lo-piece-in] {&#13;&#10; transition: opacity 1.05s cubic-bezier(0.16, 1, 0.3, 1), transform 1.15s cubic-bezier(0.16, 1, 0.3, 1);&#13;&#10;}&#13;&#10;[data-lo-piece-show="0"] [data-lo-piece-in] {&#13;&#10; opacity: 0;&#13;&#10; transform: translateY(32px);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;@media (max-width: 796px) {&#13;&#10; .lo-piece__wrap {&#13;&#10; grid-template-columns: 1fr;&#13;&#10; }&#13;&#10; .lo-piece__plane {&#13;&#10; clip-path: polygon(0 66%, 100% 54%, 100% 100%, 0 100%);&#13;&#10; }&#13;&#10; .lo-piece__edge {&#13;&#10; display: none;&#13;&#10; }&#13;&#10; .lo-piece__proof {&#13;&#10; align-items: flex-start;&#13;&#10; text-align: left;&#13;&#10; }&#13;&#10;}&#13;&#10;@media (max-width: 610px) {&#13;&#10; .lo-piece__go {&#13;&#10; width: 100%;&#13;&#10; justify-content: center;&#13;&#10; }&#13;&#10;}&#13;&#10;&#13;&#10;&lt;/style&gt;&#13;&#10;&#13;&#10;&lt;section class="lo-field" data-lo-field="" data-lo-field-tone="dark"&gt;&#13;&#10;&lt;div class="lo-field__wrap"&gt;&#13;&#10;&lt;p class="lo-field__kicker lo-kicker" data-lo-field-in=""&gt;&lt;span aria-hidden="true" class="lo-field__dot"&gt;&lt;/span&gt;GEO 개요&lt;/p&gt;&#13;&#10;&lt;h1 class="lo-field__head lo-hero-head" data-lo-field-in=""&gt;GEO 최적화와 AI 검색 대응&lt;/h1&gt;&#13;&#10;&lt;div aria-hidden="true" class="lo-field__hr"&gt;&lt;div class="lo-field__hr-level"&gt;&lt;/div&gt;&lt;/div&gt;&#13;&#10;&lt;div class="lo-field__row"&gt;&#13;&#10;&lt;p class="lo-field__copy lo-copy" data-lo-field-in=""&gt;GEO(&lt;a href="/posts/post_001"&gt;생성형 AI&lt;/a&gt; 검색 최적화)는 AI가 답을 만들 때 근거로 가져갈 만한 문서를 만드는 작업입니다. 바탕은 SEO와 같습니다.&lt;/p&gt;&#13;&#10;&lt;div class="lo-field__note" data-lo-field-in=""&gt;&#13;&#10;&lt;p class="lo-field__note-top"&gt;대상 검색&lt;/p&gt;&#13;&#10;&lt;p class="lo-field__note-copy"&gt;AI 개요·AI 답변&lt;/p&gt;&#13;&#10;&lt;/div&gt;&#13;&#10;&lt;div class="lo-field__note" data-lo-field-in=""&gt;&#13;&#10;&lt;p class="lo-field__note-top"&gt;작업 단위&lt;/p&gt;&#13;&#10;&lt;p class="lo-field__note-copy"&gt;질문 하나에 문단 하나&lt;/p&gt;&#13;&#10;&lt;/div&gt;&#13;&#10;&lt;/div&gt;&#13;&#10;&lt;/div&gt;&#13;&#10;&lt;script&gt;&#13;&#10; (function () {&#13;&#10; var N = {"root": "data-lo-field", "tone": "data-lo-field-tone", "state": "data-lo-field-show", "item": "data-lo-field-in"};&#13;&#10; var s = document.currentScript;&#13;&#10; var R = s &amp;&amp; s.closest('[' + N.root + ']');&#13;&#10; if (!R) { return; }&#13;&#10; var items = R.querySelectorAll('[' + N.item + ']');&#13;&#10; // 시간차는 현재 DOM 순서로 매김&#13;&#10; for (var i = 0; i &lt; items.length; i++) {&#13;&#10; items[i].style.transitionDelay = (i * 0.1) + 's, ' + (i * 0.1) + 's';&#13;&#10; }&#13;&#10; var show = function () { R.setAttribute(N.state, '1'); };&#13;&#10; if (!('IntersectionObserver' in window)) { return; }&#13;&#10; R.setAttribute(N.state, '0');&#13;&#10; var io = new IntersectionObserver(function (es) {&#13;&#10; if (es[0].isIntersecting) {&#13;&#10; io.disconnect();&#13;&#10; requestAnimationFrame(function () { requestAnimationFrame(show); });&#13;&#10; }&#13;&#10; }, { threshold: 0.15 });&#13;&#10; io.observe(R);&#13;&#10; })();&#13;&#10; &lt;/script&gt;&#13;&#10;&lt;/section&gt;</description></item><item><title>SEO 기술 점검: 색인·속도·구조화 데이터</title><link>https://acmerental.co.kr/SEO%EA%B8%B0%EC%88%A0%EC%A0%90%EA%B2%80</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://acmerental.co.kr/SEO%EA%B8%B0%EC%88%A0%EC%A0%90%EA%B2%80</guid><description>&lt;style&gt;&#13;&#10;&#13;&#10;&#13;&#10;.lo-board {&#13;&#10; --lo-board-fill: var(--brand-fill, #f6f3ef);&#13;&#10; --lo-board-ink: var(--brand-copy, #0e1212);&#13;&#10; --lo-board-dim: rgba(18, 20, 17, 0.68);&#13;&#10; --lo-board-stroke: rgba(17, 20, 14, 0.14);&#13;&#10; --lo-board-accent: var(--brand-main, #ff6c1f);&#13;&#10; position: relative;&#13;&#10; box-sizing: border-box;&#13;&#10; padding: clamp(138px, 13vw, 174px) 20px clamp(70px, 8vw, 106px);&#13;&#10; background: var(--lo-board-fill);&#13;&#10; color: var(--lo-board-ink);&#13;&#10; font-family: var(--brand-type, 'Noto Sans KR', sans-serif);&#13;&#10; word-break: keep-all;&#13;&#10;}&#13;&#10;.lo-board[data-lo-board-tone="dark"] {&#13;&#10; --lo-board-fill: var(--brand-ink, #0b0f0c);&#13;&#10; --lo-board-ink: #f5efee;&#13;&#10; --lo-board-dim: rgba(242, 239, 234, 0.7);&#13;&#10; --lo-board-stroke: rgba(244, 244, 239, 0.16);&#13;&#10;}&#13;&#10;.lo-board__wrap {&#13;&#10; max-width: var(--brand-measure, 1312px);&#13;&#10; margin: 0 auto;&#13;&#10;}&#13;&#10;.lo-board__path {&#13;&#10; display: flex;&#13;&#10; flex-wrap: wrap;&#13;&#10; align-items: center;&#13;&#10; gap: 10px;&#13;&#10; margin: 0 0 clamp(40px, 6vw, 86px);&#13;&#10; font-size: 14px;&#13;&#10; font-weight: 400;&#13;&#10; color: var(--lo-board-dim);&#13;&#10;}&#13;&#10;.lo-board__path-link {&#13;&#10; color: inherit;&#13;&#10; text-decoration: none;&#13;&#10; transition: color 0.3s ease;&#13;&#10;}&#13;&#10;.lo-board__path-link:hover {&#13;&#10; color: var(--lo-board-ink);&#13;&#10;}&#13;&#10;.lo-board__path-link:focus-visible {&#13;&#10; outline: 2px solid var(--lo-board-ink);&#13;&#10; outline-offset: 3px;&#13;&#10;}&#13;&#10;.lo-board__sep {&#13;&#10; color: var(--lo-board-dim);&#13;&#10; font-weight: 300;&#13;&#10;}&#13;&#10;.lo-board__here {&#13;&#10; display: inline-flex;&#13;&#10; align-items: center;&#13;&#10; gap: 10px;&#13;&#10; font-weight: 600;&#13;&#10; color: var(--lo-board-ink);&#13;&#10;}&#13;&#10;.lo-board__dot {&#13;&#10; width: 5px;&#13;&#10; height: 6px;&#13;&#10; border-radius: 50%;&#13;&#10; background: var(--lo-board-accent);&#13;&#10;}&#13;&#10;.lo-board__head {&#13;&#10; margin: 0;&#13;&#10; font-family: var(--brand-type-top, var(--brand-type, 'Noto Sans KR', sans-serif));&#13;&#10; font-size: clamp(48px, 9.4vw, 142px);&#13;&#10; font-weight: 900;&#13;&#10; line-height: 1;&#13;&#10; letter-spacing: -0.05em;&#13;&#10;}&#13;&#10;.lo-board__foot {&#13;&#10; display: flex;&#13;&#10; flex-wrap: wrap;&#13;&#10; justify-content: space-between;&#13;&#10; align-items: flex-end;&#13;&#10; gap: 30px 48px;&#13;&#10; margin-top: clamp(38px, 5.5vw, 74px);&#13;&#10; padding-top: clamp(22px, 2.6vw, 30px);&#13;&#10; border-top: 1px solid var(--lo-board-stroke);&#13;&#10;}&#13;&#10;.lo-board__copy {&#13;&#10; flex: 1 1 330px;&#13;&#10; max-width: 33.75em;&#13;&#10; margin: 0;&#13;&#10; font-size: clamp(16px, 1.2vw, 16px);&#13;&#10; font-weight: 400;&#13;&#10; line-height: 1.85;&#13;&#10; color: var(--lo-board-dim);&#13;&#10;}&#13;&#10;.lo-board__toc {&#13;&#10; display: flex;&#13;&#10; flex-wrap: wrap;&#13;&#10; gap: 7px 28px;&#13;&#10; margin: 0;&#13;&#10; padding: 0;&#13;&#10; list-style: none;&#13;&#10;}&#13;&#10;.lo-board__toc-link {&#13;&#10; position: relative;&#13;&#10; display: inline-block;&#13;&#10; padding: 4px 0;&#13;&#10; font-size: 16px;&#13;&#10; font-weight: 500;&#13;&#10; color: var(--lo-board-ink);&#13;&#10; text-decoration: none;&#13;&#10;}&#13;&#10;.lo-board__toc-link::after {&#13;&#10; content: '';&#13;&#10; position: absolute;&#13;&#10; left: 0;&#13;&#10; right: 0;&#13;&#10; bottom: 0;&#13;&#10; height: 1px;&#13;&#10; background: var(--lo-board-accent);&#13;&#10; transform: scaleX(0);&#13;&#10; transform-origin: 0 50%;&#13;&#10; transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);&#13;&#10;}&#13;&#10;.lo-board__toc-link:hover::after,&#13;&#10;.lo-board__toc-link:focus-visible::after {&#13;&#10; transform: scaleX(1);&#13;&#10;}&#13;&#10;.lo-board__toc-link:focus-visible {&#13;&#10; outline: 2px solid var(--lo-board-ink);&#13;&#10; outline-offset: 3px;&#13;&#10;}&#13;&#10;.lo-board__window {&#13;&#10; display: block;&#13;&#10; overflow: hidden;&#13;&#10; padding-bottom: 0.09em;&#13;&#10;}&#13;&#10;[data-lo-board-in] {&#13;&#10; transition: opacity 1.2s cubic-bezier(0.16, 1, 0.3, 1), transform 1.05s cubic-bezier(0.16, 1, 0.3, 1);&#13;&#10;}&#13;&#10;[data-lo-board-show="0"] [data-lo-board-in] {&#13;&#10; opacity: 0;&#13;&#10; transform: translateY(22px);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;[data-lo-board-show="0"] .lo-board__window [data-lo-board-in] {&#13;&#10; opacity: 1;&#13;&#10; transform: translateY(105%);&#13;&#10;}&#13;&#10;&#13;&#10;&#13;&#10;&#13;&#10;&#13;&#10;.lo-yard {&#13;&#10; --lo-yard-fill: var(--brand-fill, #f3f3f0);&#13;&#10; --lo-yard-ink: var(--brand-copy, #0e0f14);&#13;&#10; --lo-yard-dim: rgba(14, 15, 17, 0.7);&#13;&#10; --lo-yard-stroke: rgba(14, 15, 15, 0.14);&#13;&#10; --lo-yard-accent: var(--brand-main, #ff6c20);&#13;&#10; --lo-yard-action-fill: #0e1113;&#13;&#10; --lo-yard-action-ink: #fffffc;&#13;&#10; position: relative;&#13;&#10; box-sizing: border-box;&#13;&#10; padding: clamp(80px, 11vw, 158px) 20px clamp(78px, 9vw, 140px);&#13;&#10; background: var(--lo-yard-fill);&#13;&#10; color: var(--lo-yard-ink);&#13;&#10; font-family: var(--brand-type, 'Noto Sans KR', sans-serif);&#13;&#10; word-break: keep-all;&#13;&#10;}&#13;&#10;.lo-yard[data-lo-yard-tone="dark"] {&#13;&#10; --lo-yard-fill: var(--brand-ink, #0d0d0e);&#13;&#10; --lo-yard-ink: #f6f4ed;&#13;&#10; --lo-yard-dim: rgba(242, 245, 240, 0.7);&#13;&#10; --lo-yard-stroke: rgba(245, 240, 238, 0.16);&#13;&#10; --lo-yard-action-fill: #f6f3eb;&#13;&#10; --lo-yard-action-ink: #0f0f0c;&#13;&#10;}&#13;&#10;.lo-yard__wrap {&#13;&#10; max-width: var(--brand-measure, 1172px);&#13;&#10; margin: 0 auto;&#13;&#10;}&#13;&#10;.lo-yard__kicker {&#13;&#10; display: flex;&#13;&#10; align-items: center;&#13;&#10; gap: 12px;&#13;&#10; margin: 0 0 clamp(28px, 4vw, 46px);&#13;&#10; font-size: 14px;&#13;&#10; font-weight: 500;&#13;&#10; letter-spacing: 0.02em;&#13;&#10; color: var(--lo-yard-dim);&#13;&#10;}&#13;&#10;.lo-yard__dot {&#13;&#10; width: 8px;&#13;&#10; height: 8px;&#13;&#10; border-radius: 50%;&#13;&#10; background: var(--lo-yard-accent);&#13;&#10; flex-shrink: 0;&#13;&#10;}&#13;&#10;.lo-yard__head {&#13;&#10; max-width: 20.125em;&#13;&#10; margin: 0;&#13;&#10; font-family: var(--brand-type-top, var(--brand-type, 'Noto Sans KR', sans-serif));&#13;&#10; font-size: clamp(28px, 4.4vw, 66px);&#13;&#10; font-weight: 800;&#13;&#10; line-height: 1.2;&#13;&#10; letter-spacing: -0.04em;&#13;&#10;}&#13;&#10;.lo-yard__hr {&#13;&#10; height: 1px;&#13;&#10; margin: clamp(46px, 7vw, 104px) 0 clamp(30px, 4vw, 44px);&#13;&#10; background: var(--lo-yard-stroke);&#13;&#10; position: relative;&#13;&#10; overflow: hidden;&#13;&#10;}&#13;&#10;.lo-yard__hr-level {&#13;&#10; position: absolute;&#13;&#10; left: 0;&#13;&#10; top: 0;&#13;&#10; width: 128px;&#13;&#10; height: 1px;&#13;&#10; background: var(--lo-yard-accent);&#13;&#10; transform-origin: 0 50%;&#13;&#10; transition: transform 1.5s cubic-bezier(0.16, 1, 0.3, 1) 0.5s;&#13;&#10;}&#13;&#10;.lo-yard__grid {&#13;&#10; display: grid;&#13;&#10; grid-template-columns: 1.3fr 1fr 1fr;&#13;&#10; gap: clamp(28px, 4vw, 62px);&#13;&#10; align-items: start;&#13;&#10;}&#13;&#10;.lo-yard__copy {&#13;&#10; margin: 0;&#13;&#10; max-width: 28.375em;&#13;&#10; font-size: clamp(14px, 1.2vw, 16px);&#13;&#10; font-weight: 400;&#13;&#10; line-height: 1.8;&#13;&#10; color: var(--lo-yard-dim);&#13;&#10;}&#13;&#10;.lo-yard__fact {&#13;&#10; display: flex;&#13;&#10; flex-direction: column;&#13;&#10; gap: 9px;&#13;&#10;}&#13;&#10;.lo-yard__fact-top {&#13;&#10; margin: 0;&#13;&#10; font-size: 18px;&#13;&#10; font-weight: 700;&#13;&#10; letter-spacing: -0.01em;&#13;&#10;}&#13;&#10;.lo-yard__fact-copy {&#13;&#10; margin: 0;&#13;&#10; font-size: 14px;&#13;&#10; line-height: 1.8;&#13;&#10; color: var(--lo-yard-dim);&#13;&#10;}&#13;&#10;.lo-yard__cta {&#13;&#10; display: inline-flex;&#13;&#10; align-items: center;&#13;&#10; gap: 14px;&#13;&#10; margin-top: clamp(44px, 5vw, 66px);&#13;&#10; min-height: 52px;&#13;&#10; padding: 0 32px;&#13;&#10; border-radius: var(--brand-action-radius, 1074px);&#13;&#10; background: var(--lo-yard-action-fill);&#13;&#10; color: var(--lo-yard-action-ink);&#13;&#10; font-size: 16px;&#13;&#10; font-weight: 700;&#13;&#10; text-decoration: none;&#13;&#10; transition: transform 0.3s ease, opacity 0.3s ease;&#13;&#10;}&#13;&#10;.lo-yard__cta:hover {&#13;&#10; transform: translateY(-2px);&#13;&#10;}&#13;&#10;.lo-yard__cta:focus-visible {&#13;&#10; outline: 2px solid var(--lo-yard-ink);&#13;&#10; outline-offset: 3px;&#13;&#10;}&#13;&#10;.lo-yard__arrow {&#13;&#10; position: relative;&#13;&#10; width: 18px;&#13;&#10; height: 1.5px;&#13;&#10; background: currentColor;&#13;&#10; transition: width 0.35s ease;&#13;&#10;}&#13;&#10;.lo-yard__arrow::after {&#13;&#10; content: '';&#13;&#10; position: absolute;&#13;&#10; right: 0;&#13;&#10; top: -3px;&#13;&#10; width: 6px;&#13;&#10; height: 6px;&#13;&#10; border-top: 1.5px solid currentColor;&#13;&#10; border-right: 1.5px solid currentColor;&#13;&#10; transform: rotate(45deg);&#13;&#10;}&#13;&#10;.lo-yard__cta:hover .lo-yard__arrow {&#13;&#10; width: 22px;&#13;&#10;}&#13;&#10;[data-lo-yard-in] {&#13;&#10; transition: opacity 1s cubic-bezier(0.16, 1, 0.3, 1), transform 1s cubic-bezier(0.16, 1, 0.3, 1);&#13;&#10;}&#13;&#10;[data-lo-yard-show="0"] [data-lo-yard-in] {&#13;&#10; opacity: 0;&#13;&#10; transform: translateY(30px);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;[data-lo-yard-show="0"] .lo-yard__hr-level {&#13;&#10; transform: scaleX(0);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;@media (max-width: 916px) {&#13;&#10; .lo-yard__grid {&#13;&#10; grid-template-columns: 1fr 1fr;&#13;&#10; }&#13;&#10; .lo-yard__copy {&#13;&#10; grid-column: 1 / -1;&#13;&#10; }&#13;&#10;}&#13;&#10;@media (max-width: 604px) {&#13;&#10; .lo-yard__grid {&#13;&#10; grid-template-columns: 1fr;&#13;&#10; }&#13;&#10;}&#13;&#10;&#13;&#10;&#13;&#10;&#13;&#10;&#13;&#10;.lo-spot {&#13;&#10; --lo-spot-fill: var(--brand-fill, #f8f5ee);&#13;&#10; --lo-spot-ink: var(--brand-copy, #141411);&#13;&#10; --lo-spot-dim: rgba(19, 17, 14, 0.7);&#13;&#10; --lo-spot-stroke: rgba(20, 20, 16, 0.16);&#13;&#10; --lo-spot-accent: var(--brand-main, #fc6a1c);&#13;&#10; position: relative;&#13;&#10; box-sizing: border-box;&#13;&#10; padding: clamp(78px, 9vw, 128px) 20px clamp(76px, 10vw, 142px);&#13;&#10; background: var(--lo-spot-fill);&#13;&#10; color: var(--lo-spot-ink);&#13;&#10; font-family: var(--brand-type, 'Noto Sans KR', sans-serif);&#13;&#10; word-break: keep-all;&#13;&#10; text-align: center;&#13;&#10;}&#13;&#10;.lo-spot[data-lo-spot-tone="dark"] {&#13;&#10; --lo-spot-fill: var(--brand-ink, #0e0911);&#13;&#10; --lo-spot-ink: #f3efee;&#13;&#10; --lo-spot-dim: rgba(245, 245, 235, 0.7);&#13;&#10; --lo-spot-stroke: rgba(244, 239, 238, 0.2);&#13;&#10;}&#13;&#10;.lo-spot__wrap {&#13;&#10; max-width: var(--brand-measure, 1306px);&#13;&#10; margin: 0 auto;&#13;&#10;}&#13;&#10;.lo-spot__head {&#13;&#10; max-width: 16.25em;&#13;&#10; margin: 0 auto 18px;&#13;&#10; font-family: var(--brand-type-top, var(--brand-type, 'Noto Sans KR', sans-serif));&#13;&#10; font-size: clamp(30px, 3.8vw, 46px);&#13;&#10; font-weight: 800;&#13;&#10; line-height: 1.25;&#13;&#10; letter-spacing: -0.04em;&#13;&#10;}&#13;&#10;.lo-spot__copy {&#13;&#10; max-width: 30.875em;&#13;&#10; margin: 0 auto clamp(48px, 6vw, 72px);&#13;&#10; font-size: clamp(16px, 1.15vw, 16px);&#13;&#10; line-height: 1.8;&#13;&#10; color: var(--lo-spot-dim);&#13;&#10;}&#13;&#10;.lo-spot__grid {&#13;&#10; display: grid;&#13;&#10; grid-template-columns: 1fr 1fr;&#13;&#10; gap: clamp(16px, 2vw, 22px);&#13;&#10; counter-reset: ft08n-kf;&#13;&#10;}&#13;&#10;.lo-spot__box {&#13;&#10; display: flex;&#13;&#10; flex-direction: column;&#13;&#10; align-items: center;&#13;&#10; gap: 16px;&#13;&#10; padding: clamp(40px, 5vw, 70px) clamp(26px, 4vw, 62px) clamp(34px, 4vw, 56px);&#13;&#10; border: 1px solid var(--lo-spot-stroke);&#13;&#10; border-radius: var(--brand-radius, 14px);&#13;&#10; counter-increment: ft08n-kf;&#13;&#10;}&#13;&#10;.lo-spot__box:hover {&#13;&#10; border-color: var(--lo-spot-ink);&#13;&#10;}&#13;&#10;.lo-spot__box::before {&#13;&#10; content: counter(ft08n-kf, decimal-leading-zero);&#13;&#10; font-size: clamp(44px, 5vw, 68px);&#13;&#10; font-weight: 200;&#13;&#10; line-height: 1;&#13;&#10; letter-spacing: -0.04em;&#13;&#10; color: var(--lo-spot-dim);&#13;&#10;}&#13;&#10;.lo-spot__tick {&#13;&#10; width: 24px;&#13;&#10; height: 2px;&#13;&#10; margin: 6px 0 10px;&#13;&#10; background: var(--lo-spot-accent);&#13;&#10; transform-origin: 50% 50%;&#13;&#10; transition: transform 1.05s cubic-bezier(0.16, 1, 0.3, 1) 0.5s;&#13;&#10;}&#13;&#10;.lo-spot__name {&#13;&#10; margin: 0;&#13;&#10; font-family: var(--brand-type-top, var(--brand-type, 'Noto Sans KR', sans-serif));&#13;&#10; font-size: clamp(22px, 2vw, 26px);&#13;&#10; font-weight: 800;&#13;&#10; line-height: 1.3;&#13;&#10; letter-spacing: -0.03em;&#13;&#10;}&#13;&#10;.lo-spot__copy-2 {&#13;&#10; max-width: 23.875em;&#13;&#10; margin: 0;&#13;&#10; font-size: 16px;&#13;&#10; line-height: 1.75;&#13;&#10; color: var(--lo-spot-dim);&#13;&#10;}&#13;&#10;.lo-spot__link {&#13;&#10; display: inline-flex;&#13;&#10; align-items: center;&#13;&#10; gap: 12px;&#13;&#10; margin-top: 14px;&#13;&#10; padding: 6px 0;&#13;&#10; color: var(--lo-spot-ink);&#13;&#10; font-size: 16px;&#13;&#10; font-weight: 700;&#13;&#10; text-decoration: none;&#13;&#10;}&#13;&#10;.lo-spot__link:focus-visible {&#13;&#10; outline: 2px solid var(--lo-spot-ink);&#13;&#10; outline-offset: 4px;&#13;&#10;}&#13;&#10;.lo-spot__arrow {&#13;&#10; position: relative;&#13;&#10; width: 18px;&#13;&#10; height: 1.5px;&#13;&#10; background: currentColor;&#13;&#10; transition: width 0.25s ease;&#13;&#10;}&#13;&#10;.lo-spot__arrow::after {&#13;&#10; content: '';&#13;&#10; position: absolute;&#13;&#10; right: 0;&#13;&#10; top: -3px;&#13;&#10; width: 6px;&#13;&#10; height: 6px;&#13;&#10; border-top: 1.5px solid currentColor;&#13;&#10; border-right: 1.5px solid currentColor;&#13;&#10; transform: rotate(45deg);&#13;&#10;}&#13;&#10;.lo-spot__box:hover .lo-spot__arrow {&#13;&#10; width: 28px;&#13;&#10;}&#13;&#10;[data-lo-spot-in] {&#13;&#10; transition: border-color 0.4s ease, opacity 1s cubic-bezier(0.16, 1, 0.3, 1), transform 0.95s cubic-bezier(0.16, 1, 0.3, 1);&#13;&#10;}&#13;&#10;[data-lo-spot-show="0"] [data-lo-spot-in] {&#13;&#10; opacity: 0;&#13;&#10; transform: translateY(24px);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;[data-lo-spot-show="0"] .lo-spot__tick {&#13;&#10; transform: scaleX(0);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;@media (max-width: 812px) {&#13;&#10; .lo-spot__grid {&#13;&#10; grid-template-columns: 1fr;&#13;&#10; }&#13;&#10;}&#13;&#10;&#13;&#10;&#13;&#10;&#13;&#10;&#13;&#10;.lo-scene {&#13;&#10; --lo-scene-fill: var(--brand-fill, #f6f2f1);&#13;&#10; --lo-scene-ink: var(--brand-copy, #141012);&#13;&#10; --lo-scene-dim: rgba(14, 15, 15, 0.7);&#13;&#10; --lo-scene-stroke: rgba(18, 18, 19, 0.13);&#13;&#10; --lo-scene-panel: rgba(255, 253, 253, 0.55);&#13;&#10; --lo-scene-accent: var(--brand-main, #fd6c21);&#13;&#10; --lo-scene-rise: clamp(36px, 5vw, 72px);&#13;&#10; position: relative;&#13;&#10; box-sizing: border-box;&#13;&#10; padding: clamp(72px, 9vw, 126px) 22px clamp(98px, 12vw, 164px);&#13;&#10; background: var(--lo-scene-fill);&#13;&#10; color: var(--lo-scene-ink);&#13;&#10; font-family: var(--brand-type, 'Noto Sans KR', sans-serif);&#13;&#10; word-break: keep-all;&#13;&#10;}&#13;&#10;.lo-scene[data-lo-scene-tone="dark"] {&#13;&#10; --lo-scene-fill: var(--brand-ink, #0b0b10);&#13;&#10; --lo-scene-ink: #f6f4ea;&#13;&#10; --lo-scene-dim: rgba(247, 245, 240, 0.7);&#13;&#10; --lo-scene-stroke: rgba(241, 243, 239, 0.15);&#13;&#10; --lo-scene-panel: rgba(245, 243, 235, 0.035);&#13;&#10;}&#13;&#10;.lo-scene__wrap {&#13;&#10; max-width: var(--brand-measure, 1180px);&#13;&#10; margin: 0 auto;&#13;&#10;}&#13;&#10;.lo-scene__top {&#13;&#10; max-width: 39.875em;&#13;&#10; margin-bottom: clamp(52px, 6.5vw, 80px);&#13;&#10;}&#13;&#10;.lo-scene__kicker {&#13;&#10; display: flex;&#13;&#10; align-items: center;&#13;&#10; gap: 14px;&#13;&#10; margin: 0 0 clamp(22px, 2.6vw, 34px);&#13;&#10; font-size: 14px;&#13;&#10; font-weight: 500;&#13;&#10; letter-spacing: 0.02em;&#13;&#10; color: var(--lo-scene-dim);&#13;&#10;}&#13;&#10;.lo-scene__tick {&#13;&#10; width: 28px;&#13;&#10; height: 1px;&#13;&#10; background: var(--lo-scene-accent);&#13;&#10; flex-shrink: 0;&#13;&#10;}&#13;&#10;.lo-scene__head {&#13;&#10; margin: 0;&#13;&#10; font-family: var(--brand-type-top, var(--brand-type, 'Noto Sans KR', sans-serif));&#13;&#10; font-size: clamp(28px, 4vw, 60px);&#13;&#10; font-weight: 800;&#13;&#10; line-height: 1.15;&#13;&#10; letter-spacing: -0.04em;&#13;&#10;}&#13;&#10;.lo-scene__copy {&#13;&#10; margin: clamp(18px, 2.2vw, 26px) 0 0;&#13;&#10; max-width: 31em;&#13;&#10; font-size: clamp(14px, 1.15vw, 18px);&#13;&#10; font-weight: 400;&#13;&#10; line-height: 1.85;&#13;&#10; color: var(--lo-scene-dim);&#13;&#10;}&#13;&#10;.lo-scene__ul {&#13;&#10; display: grid;&#13;&#10; grid-template-columns: repeat(4, minmax(0, 1fr));&#13;&#10; gap: clamp(14px, 1.6vw, 24px);&#13;&#10; align-items: start;&#13;&#10; margin: 0;&#13;&#10; padding: 0;&#13;&#10; list-style: none;&#13;&#10; counter-reset: pr03c-fx;&#13;&#10;}&#13;&#10;.lo-scene__panel {&#13;&#10; position: relative;&#13;&#10; box-sizing: border-box;&#13;&#10; margin-top: calc(var(--lo-scene-k, 0) * var(--lo-scene-rise));&#13;&#10; min-height: clamp(250px, 24vw, 352px);&#13;&#10; padding: clamp(24px, 2.4vw, 32px) clamp(22px, 2vw, 30px) clamp(28px, 2.6vw, 36px);&#13;&#10; display: flex;&#13;&#10; flex-direction: column;&#13;&#10; border: 1px solid var(--lo-scene-stroke);&#13;&#10; border-radius: var(--brand-radius, 16px);&#13;&#10; background: var(--lo-scene-panel);&#13;&#10; counter-increment: pr03c-fx;&#13;&#10;}&#13;&#10;.lo-scene__panel:hover {&#13;&#10; border-color: var(--lo-scene-ink);&#13;&#10;}&#13;&#10;.lo-scene__top-2 {&#13;&#10; display: flex;&#13;&#10; align-items: center;&#13;&#10; justify-content: space-between;&#13;&#10; margin-bottom: auto;&#13;&#10; padding-bottom: clamp(40px, 5vw, 78px);&#13;&#10;}&#13;&#10;.lo-scene__no {&#13;&#10; font-size: clamp(34px, 2.8vw, 36px);&#13;&#10; font-weight: 300;&#13;&#10; line-height: 1;&#13;&#10; letter-spacing: -0.04em;&#13;&#10;}&#13;&#10;.lo-scene__no::before {&#13;&#10; content: counter(pr03c-fx, decimal-leading-zero);&#13;&#10;}&#13;&#10;.lo-scene__mark {&#13;&#10; width: 7px;&#13;&#10; height: 6px;&#13;&#10; border-radius: 50%;&#13;&#10; background: var(--lo-scene-accent);&#13;&#10; transition: transform 0.65s cubic-bezier(0.16, 1, 0.3, 1);&#13;&#10;}&#13;&#10;.lo-scene__panel:hover .lo-scene__mark {&#13;&#10; transform: scale(1.6);&#13;&#10;}&#13;&#10;.lo-scene__name {&#13;&#10; margin: 0 0 10px;&#13;&#10; font-size: clamp(18px, 1.55vw, 24px);&#13;&#10; font-weight: 800;&#13;&#10; line-height: 1.3;&#13;&#10; letter-spacing: -0.025em;&#13;&#10;}&#13;&#10;.lo-scene__copy-2 {&#13;&#10; margin: 0;&#13;&#10; font-size: 16px;&#13;&#10; font-weight: 400;&#13;&#10; line-height: 1.75;&#13;&#10; color: var(--lo-scene-dim);&#13;&#10;}&#13;&#10;.lo-scene__info {&#13;&#10; margin: 22px 0 0;&#13;&#10; padding-top: 18px;&#13;&#10; border-top: 1px solid var(--lo-scene-stroke);&#13;&#10; font-size: 12px;&#13;&#10; font-weight: 500;&#13;&#10; letter-spacing: 0.02em;&#13;&#10; color: var(--lo-scene-dim);&#13;&#10;}&#13;&#10;[data-lo-scene-in] {&#13;&#10; transition: opacity 0.95s cubic-bezier(0.16, 1, 0.3, 1), transform 1.05s cubic-bezier(0.16, 1, 0.3, 1);&#13;&#10;}&#13;&#10;[data-lo-scene-show="0"] [data-lo-scene-in] {&#13;&#10; opacity: 0;&#13;&#10; transform: translateY(38px);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;@media (max-width: 912px) {&#13;&#10; .lo-scene__ul {&#13;&#10; grid-template-columns: repeat(2, minmax(0, 1fr));&#13;&#10; }&#13;&#10; .lo-scene {&#13;&#10; --lo-scene-rise: 0px;&#13;&#10; }&#13;&#10; .lo-scene__panel {&#13;&#10; min-height: 0;&#13;&#10; }&#13;&#10;}&#13;&#10;@media (max-width: 562px) {&#13;&#10; .lo-scene__ul {&#13;&#10; grid-template-columns: 1fr;&#13;&#10; }&#13;&#10;}&#13;&#10;&#13;&#10;&#13;&#10;&#13;&#10;&#13;&#10;.lo-leaf {&#13;&#10; --lo-leaf-fill: var(--brand-fill, #f9f6ef);&#13;&#10; --lo-leaf-ink: var(--brand-copy, #130f0f);&#13;&#10; --lo-leaf-dim: rgba(14, 14, 19, 0.68);&#13;&#10; --lo-leaf-stroke: rgba(19, 18, 15, 0.14);&#13;&#10; --lo-leaf-soft: rgba(17, 19, 14, 0.05);&#13;&#10; --lo-leaf-accent: var(--brand-main, #fd6d1d);&#13;&#10; position: relative;&#13;&#10; box-sizing: border-box;&#13;&#10; padding: clamp(84px, 9.5vw, 128px) 20px clamp(76px, 10vw, 158px);&#13;&#10; background: var(--lo-leaf-fill);&#13;&#10; color: var(--lo-leaf-ink);&#13;&#10; font-family: var(--brand-type, 'Noto Sans KR', sans-serif);&#13;&#10; word-break: keep-all;&#13;&#10;}&#13;&#10;.lo-leaf[data-lo-leaf-tone="dark"] {&#13;&#10; --lo-leaf-fill: var(--brand-ink, #0f0e0d);&#13;&#10; --lo-leaf-ink: #f6f3ef;&#13;&#10; --lo-leaf-dim: rgba(244, 245, 238, 0.7);&#13;&#10; --lo-leaf-stroke: rgba(241, 244, 235, 0.16);&#13;&#10; --lo-leaf-soft: rgba(242, 239, 235, 0.07);&#13;&#10;}&#13;&#10;.lo-leaf__wrap {&#13;&#10; max-width: var(--brand-measure, 1094px);&#13;&#10; margin: 0 auto;&#13;&#10;}&#13;&#10;.lo-leaf__top {&#13;&#10; display: grid;&#13;&#10; grid-template-columns: 1.4fr 1fr;&#13;&#10; gap: 22px clamp(30px, 6vw, 104px);&#13;&#10; align-items: end;&#13;&#10; margin-bottom: clamp(46px, 7vw, 104px);&#13;&#10;}&#13;&#10;.lo-leaf__head {&#13;&#10; margin: 0;&#13;&#10; max-width: 11.75em;&#13;&#10; font-family: var(--brand-type-top, var(--brand-type, 'Noto Sans KR', sans-serif));&#13;&#10; font-size: clamp(30px, 4.4vw, 58px);&#13;&#10; font-weight: 800;&#13;&#10; line-height: 1.2;&#13;&#10; letter-spacing: -0.042em;&#13;&#10;}&#13;&#10;.lo-leaf__copy {&#13;&#10; margin: 0;&#13;&#10; max-width: 29.375em;&#13;&#10; font-size: clamp(16px, 1.2vw, 18px);&#13;&#10; line-height: 1.9;&#13;&#10; color: var(--lo-leaf-dim);&#13;&#10;}&#13;&#10;.lo-leaf__ul {&#13;&#10; display: grid;&#13;&#10; grid-template-columns: repeat(3, minmax(0, 1fr));&#13;&#10; gap: clamp(34px, 4vw, 58px);&#13;&#10; margin: 0;&#13;&#10; padding: 0;&#13;&#10; list-style: none;&#13;&#10; counter-reset: ts02n-anim;&#13;&#10;}&#13;&#10;.lo-leaf__panel {&#13;&#10; position: relative;&#13;&#10; display: flex;&#13;&#10; flex-direction: column;&#13;&#10; gap: 32px;&#13;&#10; padding-top: 28px;&#13;&#10; border-top: 1px solid var(--lo-leaf-stroke);&#13;&#10; counter-increment: ts02n-anim;&#13;&#10;}&#13;&#10;.lo-leaf__panel::before {&#13;&#10; content: '';&#13;&#10; position: absolute;&#13;&#10; left: 0;&#13;&#10; top: -1px;&#13;&#10; width: 44px;&#13;&#10; height: 1px;&#13;&#10; background: var(--lo-leaf-accent);&#13;&#10; transition: width 0.65s cubic-bezier(0.16, 1, 0.3, 1);&#13;&#10;}&#13;&#10;.lo-leaf__panel:hover::before {&#13;&#10; width: 100%;&#13;&#10;}&#13;&#10;.lo-leaf__panel::after {&#13;&#10; content: counter(ts02n-anim, decimal-leading-zero);&#13;&#10; position: absolute;&#13;&#10; right: 0;&#13;&#10; top: 30px;&#13;&#10; font-size: 14px;&#13;&#10; font-weight: 500;&#13;&#10; letter-spacing: 0.04em;&#13;&#10; color: var(--lo-leaf-dim);&#13;&#10; font-variant-numeric: tabular-nums;&#13;&#10;}&#13;&#10;.lo-leaf__quote {&#13;&#10; margin: 0;&#13;&#10; padding-right: 36px;&#13;&#10; font-size: clamp(18px, 1.4vw, 20px);&#13;&#10; font-weight: 400;&#13;&#10; line-height: 1.7;&#13;&#10; letter-spacing: -0.015em;&#13;&#10;}&#13;&#10;.lo-leaf__person {&#13;&#10; display: flex;&#13;&#10; align-items: center;&#13;&#10; gap: 14px;&#13;&#10; margin-top: auto;&#13;&#10;}&#13;&#10;.lo-leaf__avatar {&#13;&#10; display: grid;&#13;&#10; place-items: center;&#13;&#10; width: 46px;&#13;&#10; height: 48px;&#13;&#10; border-radius: 50%;&#13;&#10; border: 1px solid var(--lo-leaf-stroke);&#13;&#10; background: var(--lo-leaf-soft);&#13;&#10; font-size: 14px;&#13;&#10; font-weight: 700;&#13;&#10; flex-shrink: 0;&#13;&#10; overflow: hidden;&#13;&#10; white-space: nowrap;&#13;&#10;}&#13;&#10;.lo-leaf__who {&#13;&#10; display: flex;&#13;&#10; flex-direction: column;&#13;&#10; gap: 2px;&#13;&#10;}&#13;&#10;.lo-leaf__author {&#13;&#10; font-size: 16px;&#13;&#10; font-weight: 700;&#13;&#10;}&#13;&#10;.lo-leaf__info {&#13;&#10; font-size: 14px;&#13;&#10; color: var(--lo-leaf-dim);&#13;&#10;}&#13;&#10;[data-lo-leaf-in] {&#13;&#10; transition: opacity 0.95s cubic-bezier(0.16, 1, 0.3, 1), transform 0.95s cubic-bezier(0.16, 1, 0.3, 1);&#13;&#10;}&#13;&#10;[data-lo-leaf-show="0"] [data-lo-leaf-in] {&#13;&#10; opacity: 0;&#13;&#10; transform: translateY(34px);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;@media (max-width: 964px) {&#13;&#10; .lo-leaf__top {&#13;&#10; grid-template-columns: 1fr;&#13;&#10; }&#13;&#10; .lo-leaf__ul {&#13;&#10; grid-template-columns: 1fr;&#13;&#10; gap: 48px;&#13;&#10; }&#13;&#10;}&#13;&#10;&#13;&#10;&#13;&#10;&#13;&#10;&#13;&#10;.lo-layer {&#13;&#10; --lo-layer-fill: var(--brand-fill, #f6f7ef);&#13;&#10; --lo-layer-ink: var(--brand-copy, #100e13);&#13;&#10; --lo-layer-dim: rgba(18, 14, 15, 0.68);&#13;&#10; --lo-layer-stroke: rgba(20, 18, 16, 0.15);&#13;&#10; --lo-layer-accent: var(--brand-main, #ff6922);&#13;&#10; --lo-layer-action-fill: #0f1212;&#13;&#10; --lo-layer-action-ink: #ffffff;&#13;&#10; position: relative;&#13;&#10; box-sizing: border-box;&#13;&#10; padding: clamp(72px, 9vw, 132px) 22px clamp(90px, 10vw, 136px);&#13;&#10; background: var(--lo-layer-fill);&#13;&#10; color: var(--lo-layer-ink);&#13;&#10; font-family: var(--brand-type, 'Noto Sans KR', sans-serif);&#13;&#10; word-break: keep-all;&#13;&#10;}&#13;&#10;.lo-layer[data-lo-layer-tone="dark"] {&#13;&#10; --lo-layer-fill: var(--brand-ink, #0e0c0c);&#13;&#10; --lo-layer-ink: #f1f0ea;&#13;&#10; --lo-layer-dim: rgba(243, 242, 240, 0.7);&#13;&#10; --lo-layer-stroke: rgba(246, 245, 235, 0.17);&#13;&#10; --lo-layer-action-fill: #f2efeb;&#13;&#10; --lo-layer-action-ink: #0d0f0f;&#13;&#10;}&#13;&#10;.lo-layer__wrap {&#13;&#10; max-width: var(--brand-measure, 1124px);&#13;&#10; margin: 0 auto;&#13;&#10; display: grid;&#13;&#10; grid-template-columns: 1.15fr 1fr;&#13;&#10; gap: clamp(46px, 8vw, 142px);&#13;&#10; align-items: end;&#13;&#10;}&#13;&#10;.lo-layer__kicker {&#13;&#10; display: flex;&#13;&#10; align-items: center;&#13;&#10; gap: 14px;&#13;&#10; margin: 0 0 clamp(24px, 3vw, 36px);&#13;&#10; font-size: 14px;&#13;&#10; font-weight: 500;&#13;&#10; letter-spacing: 0.02em;&#13;&#10; color: var(--lo-layer-dim);&#13;&#10;}&#13;&#10;.lo-layer__dot {&#13;&#10; width: 8px;&#13;&#10; height: 8px;&#13;&#10; border-radius: 50%;&#13;&#10; background: var(--lo-layer-accent);&#13;&#10; flex-shrink: 0;&#13;&#10;}&#13;&#10;.lo-layer__head {&#13;&#10; margin: 0;&#13;&#10; max-width: 12.75em;&#13;&#10; font-family: var(--brand-type-top, var(--brand-type, 'Noto Sans KR', sans-serif));&#13;&#10; font-size: clamp(32px, 4.6vw, 70px);&#13;&#10; font-weight: 800;&#13;&#10; line-height: 1.15;&#13;&#10; letter-spacing: -0.04em;&#13;&#10;}&#13;&#10;.lo-layer__copy-2 {&#13;&#10; max-width: 26em;&#13;&#10; margin: clamp(22px, 2.6vw, 32px) 0 0;&#13;&#10; font-size: clamp(16px, 1.2vw, 18px);&#13;&#10; line-height: 1.9;&#13;&#10; color: var(--lo-layer-dim);&#13;&#10;}&#13;&#10;.lo-layer__actions {&#13;&#10; display: flex;&#13;&#10; flex-wrap: wrap;&#13;&#10; gap: 10px;&#13;&#10; margin-top: clamp(32px, 4vw, 44px);&#13;&#10;}&#13;&#10;.lo-layer__action {&#13;&#10; display: inline-flex;&#13;&#10; align-items: center;&#13;&#10; justify-content: center;&#13;&#10; gap: 14px;&#13;&#10; min-height: 52px;&#13;&#10; padding: 0 28px;&#13;&#10; box-sizing: border-box;&#13;&#10; border-radius: var(--brand-action-radius, 1018px);&#13;&#10; font-size: 14px;&#13;&#10; font-weight: 700;&#13;&#10; text-decoration: none;&#13;&#10; border: 1px solid transparent;&#13;&#10; transition: transform 0.25s ease, border-color 0.35s ease;&#13;&#10;}&#13;&#10;.lo-layer__action:hover {&#13;&#10; transform: translateY(-2px);&#13;&#10;}&#13;&#10;.lo-layer__action:focus-visible {&#13;&#10; outline: 2px solid var(--lo-layer-ink);&#13;&#10; outline-offset: 3px;&#13;&#10;}&#13;&#10;.lo-layer__main {&#13;&#10; background: var(--lo-layer-action-fill);&#13;&#10; color: var(--lo-layer-action-ink);&#13;&#10;}&#13;&#10;.lo-layer__sub {&#13;&#10; background: transparent;&#13;&#10; color: var(--lo-layer-ink);&#13;&#10; border-color: var(--lo-layer-stroke);&#13;&#10;}&#13;&#10;.lo-layer__sub:hover {&#13;&#10; border-color: var(--lo-layer-ink);&#13;&#10;}&#13;&#10;.lo-layer__arrow {&#13;&#10; position: relative;&#13;&#10; width: 14px;&#13;&#10; height: 1.5px;&#13;&#10; background: currentColor;&#13;&#10; transition: width 0.3s ease;&#13;&#10;}&#13;&#10;.lo-layer__arrow::after {&#13;&#10; content: '';&#13;&#10; position: absolute;&#13;&#10; right: 0;&#13;&#10; top: -3px;&#13;&#10; width: 6px;&#13;&#10; height: 6px;&#13;&#10; border-top: 1.5px solid currentColor;&#13;&#10; border-right: 1.5px solid currentColor;&#13;&#10; transform: rotate(45deg);&#13;&#10;}&#13;&#10;.lo-layer__main:hover .lo-layer__arrow {&#13;&#10; width: 24px;&#13;&#10;}&#13;&#10;.lo-layer__ul {&#13;&#10; margin: 0;&#13;&#10; padding: 0;&#13;&#10; border-bottom: 1px solid var(--lo-layer-stroke);&#13;&#10;}&#13;&#10;.lo-layer__row {&#13;&#10; position: relative;&#13;&#10; display: grid;&#13;&#10; grid-template-columns: 7.25em 1fr;&#13;&#10; gap: 18px;&#13;&#10; align-items: baseline;&#13;&#10; padding: clamp(20px, 2.4vw, 32px) 0;&#13;&#10; border-top: 1px solid var(--lo-layer-stroke);&#13;&#10;}&#13;&#10;.lo-layer__row::before {&#13;&#10; content: '';&#13;&#10; position: absolute;&#13;&#10; left: 0;&#13;&#10; top: -1px;&#13;&#10; width: 0;&#13;&#10; height: 1px;&#13;&#10; background: var(--lo-layer-accent);&#13;&#10; transition: width 0.5s cubic-bezier(0.16, 1, 0.3, 1);&#13;&#10;}&#13;&#10;.lo-layer__row:hover::before {&#13;&#10; width: 62px;&#13;&#10;}&#13;&#10;.lo-layer__key {&#13;&#10; margin: 0;&#13;&#10; font-size: 16px;&#13;&#10; font-weight: 500;&#13;&#10; color: var(--lo-layer-dim);&#13;&#10;}&#13;&#10;.lo-layer__big {&#13;&#10; margin: 0;&#13;&#10; font-size: clamp(20px, 2.4vw, 30px);&#13;&#10; font-weight: 800;&#13;&#10; letter-spacing: -0.02em;&#13;&#10; line-height: 1.25;&#13;&#10; font-variant-numeric: tabular-nums;&#13;&#10;}&#13;&#10;.lo-layer__small {&#13;&#10; margin: 0;&#13;&#10; font-size: clamp(16px, 1.4vw, 20px);&#13;&#10; font-weight: 600;&#13;&#10; line-height: 1.55;&#13;&#10; overflow-wrap: anywhere;&#13;&#10;}&#13;&#10;.lo-layer__note {&#13;&#10; display: block;&#13;&#10; margin-top: 4px;&#13;&#10; font-size: 16px;&#13;&#10; font-weight: 400;&#13;&#10; color: var(--lo-layer-dim);&#13;&#10;}&#13;&#10;[data-lo-layer-in] {&#13;&#10; transition: opacity 1s cubic-bezier(0.16, 1, 0.3, 1), transform 0.95s cubic-bezier(0.16, 1, 0.3, 1);&#13;&#10;}&#13;&#10;[data-lo-layer-show="0"] [data-lo-layer-in] {&#13;&#10; opacity: 0;&#13;&#10; transform: translateY(28px);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;@media (max-width: 878px) {&#13;&#10; .lo-layer__wrap {&#13;&#10; grid-template-columns: 1fr;&#13;&#10; }&#13;&#10;}&#13;&#10;@media (max-width: 444px) {&#13;&#10; .lo-layer__row {&#13;&#10; grid-template-columns: 1fr;&#13;&#10; gap: 6px;&#13;&#10; }&#13;&#10; .lo-layer__action {&#13;&#10; width: 100%;&#13;&#10; }&#13;&#10;}&#13;&#10;&#13;&#10;&lt;/style&gt;&#13;&#10;&#13;&#10;&lt;section class="lo-board" data-lo-board="" data-lo-board-tone="dark"&gt;&#13;&#10;&lt;div class="lo-board__wrap"&gt;&#13;&#10;&lt;nav aria-label="현재 위치" class="lo-board__path" data-lo-board-in=""&gt;&#13;&#10;&lt;a class="lo-board__path-link" href="/."&gt;홈&lt;/a&gt;&#13;&#10;&lt;span aria-hidden="true" class="lo-board__sep"&gt;/&lt;/span&gt;&#13;&#10;&lt;span aria-current="page" class="lo-board__here"&gt;&lt;span aria-hidden="true" class="lo-board__dot"&gt;&lt;/span&gt;SEO 기술 점검&lt;/span&gt;&#13;&#10;&lt;/nav&gt;&#13;&#10;&lt;div class="lo-board__window"&gt;&#13;&#10;&lt;h1 class="lo-board__head lo-hero-head" data-lo-board-in=""&gt;SEO 기술 점검&lt;/h1&gt;&#13;&#10;&lt;/div&gt;&#13;&#10;&lt;div class="lo-board__foot"&gt;&#13;&#10;&lt;p class="lo-board__copy lo-copy" data-lo-board-in=""&gt;검색엔진이 사이트를 읽지 못하면 글을 잘 써도 노출되지 않습니다. 그 원인을 찾습니다.&lt;/p&gt;&#13;&#10;&lt;ul class="lo-board__toc" data-lo-board-in=""&gt;&#13;&#10;&lt;li&gt;&lt;a class="lo-board__toc-link" href="#principle"&gt;점검 원칙&lt;/a&gt;&lt;/li&gt;&#13;&#10;&lt;li&gt;&lt;a class="lo-board__toc-link" href="#steps"&gt;진행 단계&lt;/a&gt;&lt;/li&gt;&#13;&#10;&lt;li&gt;&lt;a class="lo-board__toc-link" href="#contact"&gt;문의&lt;/a&gt;&lt;/li&gt;&#13;&#10;&lt;/ul&gt;&#13;&#10;&lt;/div&gt;&#13;&#10;&lt;/div&gt;&#13;&#10;&lt;script&gt;&#13;&#10; (function () {&#13;&#10; var N = {"root": "data-lo-board", "tone": "data-lo-board-tone", "state": "data-lo-board-show", "item": "data-lo-board-in"};&#13;&#10; var s = document.currentScript;&#13;&#10; var R = s &amp;&amp; s.closest('[' + N.root + ']');&#13;&#10; if (!R) { return; }&#13;&#10; var items = R.querySelectorAll('[' + N.item + ']');&#13;&#10; // 시간차는 현재 DOM 순서로 매김&#13;&#10; for (var i = 0; i &lt; items.length; i++) {&#13;&#10; items[i].style.transitionDelay = (i * 0.14) + 's, ' + (i * 0.14) + 's';&#13;&#10; }&#13;&#10; var show = function () { R.setAttribute(N.state, '1'); };&#13;&#10; if (!('IntersectionObserver' in window)) { return; }&#13;&#10; R.setAttribute(N.state, '0');&#13;&#10; var io = new IntersectionObserver(function (es) {&#13;&#10; if (es[0].isIntersecting) {&#13;&#10; io.disconnect();&#13;&#10; requestAnimationFrame(function () { requestAnimationFrame(show); });&#13;&#10; }&#13;&#10; }, { threshold: 0.15 });&#13;&#10; io.observe(R);&#13;&#10; })();&#13;&#10; &lt;/script&gt;&#13;&#10;&lt;/section&gt;</description></item><item><title>SEO 성과 보고서: 월간 지표와 읽는 법</title><link>https://acmerental.co.kr/%EC%84%B1%EA%B3%BC%EB%B3%B4%EA%B3%A0</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://acmerental.co.kr/%EC%84%B1%EA%B3%BC%EB%B3%B4%EA%B3%A0</guid><description>&lt;style&gt;&#13;&#10;&#13;&#10;&#13;&#10;.lo-plot {&#13;&#10; --lo-plot-fill: var(--brand-fill, #f6f3ef);&#13;&#10; --lo-plot-ink: var(--brand-copy, #0e1212);&#13;&#10; --lo-plot-dim: rgba(15, 20, 20, 0.68);&#13;&#10; --lo-plot-stroke: rgba(18, 15, 18, 0.15);&#13;&#10; --lo-plot-accent: var(--brand-main, #ff6c1f);&#13;&#10; position: relative;&#13;&#10; box-sizing: border-box;&#13;&#10; padding: clamp(134px, 14vw, 186px) 20px 0;&#13;&#10; background: var(--lo-plot-fill);&#13;&#10; color: var(--lo-plot-ink);&#13;&#10; font-family: var(--brand-type, 'Noto Sans KR', sans-serif);&#13;&#10; word-break: keep-all;&#13;&#10;}&#13;&#10;.lo-plot[data-lo-plot-tone="dark"] {&#13;&#10; --lo-plot-fill: var(--brand-ink, #0b0f0c);&#13;&#10; --lo-plot-ink: #f5efee;&#13;&#10; --lo-plot-dim: rgba(246, 242, 234, 0.7);&#13;&#10; --lo-plot-stroke: rgba(247, 245, 236, 0.17);&#13;&#10;}&#13;&#10;.lo-plot__wrap {&#13;&#10; max-width: var(--brand-measure, 1300px);&#13;&#10; margin: 0 auto;&#13;&#10; padding-bottom: clamp(64px, 8vw, 122px);&#13;&#10; border-bottom: 1px solid var(--lo-plot-stroke);&#13;&#10;}&#13;&#10;.lo-plot__grid {&#13;&#10; display: grid;&#13;&#10; grid-template-columns: minmax(0, 1.15fr) 1px minmax(0, 1fr);&#13;&#10; gap: clamp(32px, 5.5vw, 90px);&#13;&#10; align-items: end;&#13;&#10;}&#13;&#10;.lo-plot__head {&#13;&#10; margin: 0;&#13;&#10; font-family: var(--brand-type-top, var(--brand-type, 'Noto Sans KR', sans-serif));&#13;&#10; font-size: clamp(34px, 5.6vw, 88px);&#13;&#10; font-weight: 800;&#13;&#10; line-height: 1.05;&#13;&#10; letter-spacing: -0.042em;&#13;&#10;}&#13;&#10;.lo-plot__split {&#13;&#10; position: relative;&#13;&#10; align-self: stretch;&#13;&#10; min-height: 118px;&#13;&#10; background: var(--lo-plot-stroke);&#13;&#10; transform-origin: 50% 0;&#13;&#10; transition: transform 1.1s cubic-bezier(0.16, 1, 0.3, 1) 0.2s;&#13;&#10;}&#13;&#10;.lo-plot__split::after {&#13;&#10; content: '';&#13;&#10; position: absolute;&#13;&#10; left: 0;&#13;&#10; bottom: 0;&#13;&#10; width: 1px;&#13;&#10; height: 34px;&#13;&#10; background: var(--lo-plot-accent);&#13;&#10;}&#13;&#10;.lo-plot__side {&#13;&#10; display: flex;&#13;&#10; flex-direction: column;&#13;&#10; gap: clamp(20px, 2.4vw, 30px);&#13;&#10; padding-bottom: 6px;&#13;&#10;}&#13;&#10;.lo-plot__copy {&#13;&#10; max-width: 29.75em;&#13;&#10; margin: 0;&#13;&#10; font-size: clamp(18px, 1.45vw, 22px);&#13;&#10; font-weight: 300;&#13;&#10; line-height: 1.85;&#13;&#10; letter-spacing: -0.01em;&#13;&#10;}&#13;&#10;.lo-plot__extra {&#13;&#10; max-width: 28.75em;&#13;&#10; margin: 0;&#13;&#10; font-size: 16px;&#13;&#10; font-weight: 400;&#13;&#10; line-height: 1.75;&#13;&#10; color: var(--lo-plot-dim);&#13;&#10;}&#13;&#10;.lo-plot__info {&#13;&#10; display: flex;&#13;&#10; flex-wrap: wrap;&#13;&#10; gap: 8px 28px;&#13;&#10; margin: 0;&#13;&#10; padding: 0;&#13;&#10; list-style: none;&#13;&#10; font-size: 16px;&#13;&#10; font-weight: 500;&#13;&#10; color: var(--lo-plot-dim);&#13;&#10;}&#13;&#10;[data-lo-plot-in] {&#13;&#10; transition: opacity 1s cubic-bezier(0.16, 1, 0.3, 1), transform 0.95s cubic-bezier(0.16, 1, 0.3, 1);&#13;&#10;}&#13;&#10;[data-lo-plot-show="0"] [data-lo-plot-in] {&#13;&#10; opacity: 0;&#13;&#10; transform: translateY(22px);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;[data-lo-plot-show="0"] .lo-plot__split {&#13;&#10; transform: scaleY(0);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;@media (max-width: 898px) {&#13;&#10; .lo-plot__grid {&#13;&#10; grid-template-columns: 1fr;&#13;&#10; gap: 30px;&#13;&#10; }&#13;&#10; .lo-plot__split {&#13;&#10; min-height: 0;&#13;&#10; height: 1px;&#13;&#10; width: 70px;&#13;&#10; transform-origin: 0 50%;&#13;&#10; }&#13;&#10; .lo-plot__split::after {&#13;&#10; width: 24px;&#13;&#10; height: 1px;&#13;&#10; }&#13;&#10; [data-lo-plot-show="0"] .lo-plot__split {&#13;&#10; transform: scaleX(0);&#13;&#10; }&#13;&#10;}&#13;&#10;&#13;&#10;&#13;&#10;&#13;&#10;&#13;&#10;.lo-span {&#13;&#10; --lo-span-fill: var(--brand-fill, #f3f3f0);&#13;&#10; --lo-span-ink: var(--brand-copy, #0e0f14);&#13;&#10; --lo-span-dim: rgba(18, 20, 15, 0.7);&#13;&#10; --lo-span-stroke: rgba(17, 14, 18, 0.16);&#13;&#10; --lo-span-accent: var(--brand-main, #ff6c20);&#13;&#10; position: relative;&#13;&#10; box-sizing: border-box;&#13;&#10; padding: clamp(74px, 10.5vw, 162px) 20px clamp(88px, 11vw, 156px);&#13;&#10; background: var(--lo-span-fill);&#13;&#10; color: var(--lo-span-ink);&#13;&#10; font-family: var(--brand-type, 'Noto Sans KR', sans-serif);&#13;&#10; word-break: keep-all;&#13;&#10;}&#13;&#10;.lo-span[data-lo-span-tone="dark"] {&#13;&#10; --lo-span-fill: var(--brand-ink, #090c10);&#13;&#10; --lo-span-ink: #f4f3ea;&#13;&#10; --lo-span-dim: rgba(241, 240, 235, 0.7);&#13;&#10; --lo-span-stroke: rgba(245, 243, 239, 0.2);&#13;&#10;}&#13;&#10;.lo-span__wrap {&#13;&#10; max-width: var(--brand-measure, 1210px);&#13;&#10; margin: 0 auto;&#13;&#10;}&#13;&#10;.lo-span__top {&#13;&#10; max-width: 738px;&#13;&#10; margin: 0 auto;&#13;&#10; text-align: center;&#13;&#10;}&#13;&#10;.lo-span__head {&#13;&#10; margin: 0;&#13;&#10; font-family: var(--brand-type-top, var(--brand-type, 'Noto Sans KR', sans-serif));&#13;&#10; font-size: clamp(32px, 4.2vw, 62px);&#13;&#10; font-weight: 800;&#13;&#10; line-height: 1.15;&#13;&#10; letter-spacing: -0.04em;&#13;&#10;}&#13;&#10;.lo-span__copy {&#13;&#10; max-width: 33.125em;&#13;&#10; margin: clamp(18px, 2.4vw, 28px) auto 0;&#13;&#10; font-size: clamp(14px, 1.2vw, 18px);&#13;&#10; font-weight: 300;&#13;&#10; line-height: 1.9;&#13;&#10; color: var(--lo-span-dim);&#13;&#10;}&#13;&#10;.lo-span__grid {&#13;&#10; display: grid;&#13;&#10; grid-template-columns: repeat(4, minmax(0, 1fr));&#13;&#10; gap: clamp(38px, 4vw, 54px) clamp(20px, 3vw, 46px);&#13;&#10; margin: clamp(58px, 7vw, 106px) 0 0;&#13;&#10; padding: 0;&#13;&#10; list-style: none;&#13;&#10; counter-reset: span-kf;&#13;&#10;}&#13;&#10;.lo-span__panel {&#13;&#10; display: flex;&#13;&#10; flex-direction: column;&#13;&#10; align-items: center;&#13;&#10; text-align: center;&#13;&#10; counter-increment: span-kf;&#13;&#10;}&#13;&#10;.lo-span__ring {&#13;&#10; position: relative;&#13;&#10; display: flex;&#13;&#10; align-items: center;&#13;&#10; justify-content: center;&#13;&#10; width: min(214px, 100%);&#13;&#10; aspect-ratio: 1 / 1;&#13;&#10; margin-bottom: clamp(24px, 2.6vw, 32px);&#13;&#10; border: 1px solid var(--lo-span-stroke);&#13;&#10; border-radius: 50%;&#13;&#10; transition: border-color 0.45s ease;&#13;&#10;}&#13;&#10;.lo-span__ring::before {&#13;&#10; content: counter(span-kf, decimal-leading-zero);&#13;&#10; font-size: clamp(32px, 3vw, 42px);&#13;&#10; font-weight: 300;&#13;&#10; letter-spacing: -0.03em;&#13;&#10; font-variant-numeric: tabular-nums;&#13;&#10;}&#13;&#10;.lo-span__orbit {&#13;&#10; position: absolute;&#13;&#10; top: -1px;&#13;&#10; left: -1px;&#13;&#10; right: -1px;&#13;&#10; bottom: -1px;&#13;&#10; border-radius: 50%;&#13;&#10; transform: rotate(-38deg);&#13;&#10; transition: transform 1.85s cubic-bezier(0.16, 1, 0.3, 1) 0.3s;&#13;&#10;}&#13;&#10;.lo-span__orbit::after {&#13;&#10; content: '';&#13;&#10; position: absolute;&#13;&#10; top: -4px;&#13;&#10; left: 50%;&#13;&#10; width: 8px;&#13;&#10; height: 7px;&#13;&#10; margin-left: -4px;&#13;&#10; border-radius: 50%;&#13;&#10; background: var(--lo-span-accent);&#13;&#10;}&#13;&#10;.lo-span__panel:hover .lo-span__ring {&#13;&#10; border-color: var(--lo-span-ink);&#13;&#10;}&#13;&#10;.lo-span__panel:hover .lo-span__orbit {&#13;&#10; transform: rotate(142deg);&#13;&#10; transition-delay: 0s;&#13;&#10;}&#13;&#10;.lo-span__name {&#13;&#10; margin: 0 0 12px;&#13;&#10; font-size: clamp(18px, 1.5vw, 22px);&#13;&#10; font-weight: 700;&#13;&#10; line-height: 1.4;&#13;&#10; letter-spacing: -0.02em;&#13;&#10;}&#13;&#10;.lo-span__copy-2 {&#13;&#10; max-width: 16.125em;&#13;&#10; margin: 0;&#13;&#10; font-size: 16px;&#13;&#10; line-height: 1.75;&#13;&#10; color: var(--lo-span-dim);&#13;&#10;}&#13;&#10;[data-lo-span-in] {&#13;&#10; transition: opacity 1.05s cubic-bezier(0.16, 1, 0.3, 1), transform 1s cubic-bezier(0.16, 1, 0.3, 1);&#13;&#10;}&#13;&#10;[data-lo-span-show="0"] [data-lo-span-in] {&#13;&#10; opacity: 0;&#13;&#10; transform: translateY(32px);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;[data-lo-span-show="0"] .lo-span__orbit {&#13;&#10; transform: rotate(-220deg);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;@media (max-width: 966px) {&#13;&#10; .lo-span__grid {&#13;&#10; grid-template-columns: repeat(2, minmax(0, 1fr));&#13;&#10; }&#13;&#10;}&#13;&#10;@media (max-width: 506px) {&#13;&#10; .lo-span__grid {&#13;&#10; grid-template-columns: 1fr;&#13;&#10; }&#13;&#10; .lo-span__ring {&#13;&#10; width: 164px;&#13;&#10; }&#13;&#10;}&#13;&#10;&#13;&#10;&#13;&#10;&#13;&#10;&#13;&#10;.lo-note {&#13;&#10; --lo-note-fill: var(--brand-fill, #f7f6f1);&#13;&#10; --lo-note-ink: var(--brand-copy, #131311);&#13;&#10; --lo-note-dim: rgba(17, 15, 15, 0.7);&#13;&#10; --lo-note-stroke: rgba(20, 20, 20, 0.14);&#13;&#10; --lo-note-panel: rgba(14, 18, 19, 0.035);&#13;&#10; --lo-note-frame: #e6e2d8;&#13;&#10; --lo-note-accent: var(--brand-main, #ff6d1d);&#13;&#10; --lo-note-action-fill: #13110e;&#13;&#10; --lo-note-action-ink: #ffffff;&#13;&#10; position: relative;&#13;&#10; box-sizing: border-box;&#13;&#10; padding: clamp(70px, 9.5vw, 134px) 22px clamp(82px, 11vw, 144px);&#13;&#10; background: var(--lo-note-fill);&#13;&#10; color: var(--lo-note-ink);&#13;&#10; font-family: var(--brand-type, 'Noto Sans KR', sans-serif);&#13;&#10; word-break: keep-all;&#13;&#10;}&#13;&#10;.lo-note[data-lo-note-tone="dark"] {&#13;&#10; --lo-note-fill: var(--brand-ink, #090c0b);&#13;&#10; --lo-note-ink: #f6eff0;&#13;&#10; --lo-note-dim: rgba(245, 243, 235, 0.7);&#13;&#10; --lo-note-stroke: rgba(241, 239, 239, 0.16);&#13;&#10; --lo-note-panel: rgba(246, 243, 235, 0.04);&#13;&#10; --lo-note-frame: #1c1a22;&#13;&#10; --lo-note-action-fill: #f4efed;&#13;&#10; --lo-note-action-ink: #0f0b0f;&#13;&#10;}&#13;&#10;.lo-note__wrap {&#13;&#10; max-width: var(--brand-measure, 1238px);&#13;&#10; margin: 0 auto;&#13;&#10;}&#13;&#10;.lo-note__head {&#13;&#10; max-width: 16.875em;&#13;&#10; margin: 0 0 clamp(40px, 5.5vw, 74px);&#13;&#10; font-family: var(--brand-type-top, var(--brand-type, 'Noto Sans KR', sans-serif));&#13;&#10; font-size: clamp(28px, 4.2vw, 60px);&#13;&#10; font-weight: 800;&#13;&#10; line-height: 1.15;&#13;&#10; letter-spacing: -0.042em;&#13;&#10;}&#13;&#10;.lo-note__grid {&#13;&#10; display: grid;&#13;&#10; grid-template-columns: 1.55fr 1fr;&#13;&#10; gap: clamp(14px, 1.6vw, 24px);&#13;&#10;}&#13;&#10;.lo-note__main-2 {&#13;&#10; display: flex;&#13;&#10; flex-direction: column;&#13;&#10; border-radius: var(--brand-radius, 14px);&#13;&#10; background: var(--lo-note-panel);&#13;&#10; border: 1px solid var(--lo-note-stroke);&#13;&#10; overflow: hidden;&#13;&#10;}&#13;&#10;.lo-note__frame {&#13;&#10; position: relative;&#13;&#10; aspect-ratio: 16 / 10;&#13;&#10; background: var(--lo-note-frame);&#13;&#10; overflow: hidden;&#13;&#10;}&#13;&#10;.lo-note__media {&#13;&#10; display: block;&#13;&#10; width: 100%;&#13;&#10; height: 100%;&#13;&#10; object-fit: cover;&#13;&#10; transition: transform 1.4s cubic-bezier(0.16, 1, 0.3, 1);&#13;&#10;}&#13;&#10;.lo-note__main-2:hover .lo-note__media {&#13;&#10; transform: scale(1.03);&#13;&#10;}&#13;&#10;.lo-note__main {&#13;&#10; display: grid;&#13;&#10; grid-template-columns: 1fr auto;&#13;&#10; gap: 20px 34px;&#13;&#10; align-items: end;&#13;&#10; padding: clamp(26px, 3vw, 46px);&#13;&#10;}&#13;&#10;.lo-note__main-name {&#13;&#10; margin: 0 0 12px;&#13;&#10; font-size: clamp(24px, 2.2vw, 28px);&#13;&#10; font-weight: 800;&#13;&#10; line-height: 1.3;&#13;&#10; letter-spacing: -0.03em;&#13;&#10;}&#13;&#10;.lo-note__copy {&#13;&#10; max-width: 27.25em;&#13;&#10; margin: 0;&#13;&#10; font-size: clamp(16px, 1.15vw, 14px);&#13;&#10; font-weight: 400;&#13;&#10; line-height: 1.75;&#13;&#10; color: var(--lo-note-dim);&#13;&#10;}&#13;&#10;.lo-note__action {&#13;&#10; display: inline-flex;&#13;&#10; align-items: center;&#13;&#10; gap: 12px;&#13;&#10; min-height: 48px;&#13;&#10; padding: 0 24px;&#13;&#10; border-radius: var(--brand-action-radius, 918px);&#13;&#10; background: var(--lo-note-action-fill);&#13;&#10; color: var(--lo-note-action-ink);&#13;&#10; font-size: 16px;&#13;&#10; font-weight: 700;&#13;&#10; text-decoration: none;&#13;&#10; white-space: nowrap;&#13;&#10; transition: transform 0.25s ease;&#13;&#10;}&#13;&#10;.lo-note__action:hover {&#13;&#10; transform: translateY(-2px);&#13;&#10;}&#13;&#10;.lo-note__action:focus-visible {&#13;&#10; outline: 2px solid var(--lo-note-ink);&#13;&#10; outline-offset: 3px;&#13;&#10;}&#13;&#10;.lo-note__arrow {&#13;&#10; position: relative;&#13;&#10; width: 18px;&#13;&#10; height: 1.5px;&#13;&#10; background: currentColor;&#13;&#10; transition: width 0.3s ease;&#13;&#10;}&#13;&#10;.lo-note__arrow::after {&#13;&#10; content: '';&#13;&#10; position: absolute;&#13;&#10; right: 0;&#13;&#10; top: -3px;&#13;&#10; width: 6px;&#13;&#10; height: 7px;&#13;&#10; border-top: 1.5px solid currentColor;&#13;&#10; border-right: 1.5px solid currentColor;&#13;&#10; transform: rotate(45deg);&#13;&#10;}&#13;&#10;.lo-note__action:hover .lo-note__arrow {&#13;&#10; width: 22px;&#13;&#10;}&#13;&#10;.lo-note__side {&#13;&#10; display: flex;&#13;&#10; flex-direction: column;&#13;&#10; gap: clamp(14px, 1.6vw, 22px);&#13;&#10;}&#13;&#10;.lo-note__panel {&#13;&#10; position: relative;&#13;&#10; flex: 1;&#13;&#10; display: flex;&#13;&#10; flex-direction: column;&#13;&#10; justify-content: space-between;&#13;&#10; gap: 28px;&#13;&#10; padding: clamp(24px, 2.6vw, 36px);&#13;&#10; border-radius: var(--brand-radius, 14px);&#13;&#10; border: 1px solid var(--lo-note-stroke);&#13;&#10; overflow: hidden;&#13;&#10;}&#13;&#10;.lo-note__mark {&#13;&#10; display: block;&#13;&#10; width: 30px;&#13;&#10; height: 1px;&#13;&#10; background: var(--lo-note-accent);&#13;&#10; transform-origin: 0 50%;&#13;&#10; transition: transform 0.55s cubic-bezier(0.16, 1, 0.3, 1);&#13;&#10;}&#13;&#10;.lo-note__panel:hover .lo-note__mark {&#13;&#10; transform: scaleX(2.2);&#13;&#10;}&#13;&#10;.lo-note__name {&#13;&#10; margin: 0 0 8px;&#13;&#10; font-size: 18px;&#13;&#10; font-weight: 700;&#13;&#10; line-height: 1.35;&#13;&#10; letter-spacing: -0.015em;&#13;&#10;}&#13;&#10;.lo-note__copy-2 {&#13;&#10; margin: 0;&#13;&#10; font-size: 16px;&#13;&#10; font-weight: 400;&#13;&#10; line-height: 1.7;&#13;&#10; color: var(--lo-note-dim);&#13;&#10;}&#13;&#10;[data-lo-note-in] {&#13;&#10; transition: opacity 1.1s cubic-bezier(0.16, 1, 0.3, 1), transform 1.05s cubic-bezier(0.16, 1, 0.3, 1);&#13;&#10;}&#13;&#10;[data-lo-note-show="0"] [data-lo-note-in] {&#13;&#10; opacity: 0;&#13;&#10; transform: translateY(32px);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;[data-lo-note-show="0"] .lo-note__media {&#13;&#10; transform: scale(1.08);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;@media (max-width: 944px) {&#13;&#10; .lo-note__grid {&#13;&#10; grid-template-columns: 1fr;&#13;&#10; }&#13;&#10; .lo-note__side {&#13;&#10; display: grid;&#13;&#10; grid-template-columns: repeat(3, 1fr);&#13;&#10; }&#13;&#10;}&#13;&#10;@media (max-width: 654px) {&#13;&#10; .lo-note__main {&#13;&#10; grid-template-columns: 1fr;&#13;&#10; align-items: start;&#13;&#10; }&#13;&#10; .lo-note__action {&#13;&#10; justify-self: start;&#13;&#10; }&#13;&#10; .lo-note__side {&#13;&#10; display: flex;&#13;&#10; }&#13;&#10;}&#13;&#10;&#13;&#10;&#13;&#10;&#13;&#10;&#13;&#10;.lo-deck {&#13;&#10; --lo-deck-fill: var(--brand-fill, #f4f7f3);&#13;&#10; --lo-deck-ink: var(--brand-copy, #101013);&#13;&#10; --lo-deck-dim: rgba(17, 19, 14, 0.68);&#13;&#10; --lo-deck-stroke: rgba(17, 20, 18, 0.14);&#13;&#10; --lo-deck-ring: rgba(14, 19, 15, 0.22);&#13;&#10; --lo-deck-accent: var(--brand-main, #ff6c1c);&#13;&#10; position: relative;&#13;&#10; box-sizing: border-box;&#13;&#10; padding: clamp(72px, 9.5vw, 140px) 18px clamp(90px, 11vw, 152px);&#13;&#10; background: var(--lo-deck-fill);&#13;&#10; color: var(--lo-deck-ink);&#13;&#10; font-family: var(--brand-type, 'Noto Sans KR', sans-serif);&#13;&#10; word-break: keep-all;&#13;&#10;}&#13;&#10;.lo-deck[data-lo-deck-tone="dark"] {&#13;&#10; --lo-deck-fill: var(--brand-ink, #0f0d0c);&#13;&#10; --lo-deck-ink: #f6f0eb;&#13;&#10; --lo-deck-dim: rgba(242, 239, 235, 0.7);&#13;&#10; --lo-deck-stroke: rgba(245, 239, 235, 0.16);&#13;&#10; --lo-deck-ring: rgba(247, 243, 236, 0.26);&#13;&#10;}&#13;&#10;.lo-deck__wrap {&#13;&#10; max-width: var(--brand-measure, 1088px);&#13;&#10; margin: 0 auto;&#13;&#10;}&#13;&#10;.lo-deck__top {&#13;&#10; max-width: 42.625em;&#13;&#10; margin: 0 auto clamp(58px, 8vw, 106px);&#13;&#10; text-align: center;&#13;&#10;}&#13;&#10;.lo-deck__head {&#13;&#10; margin: 0;&#13;&#10; font-family: var(--brand-type-top, var(--brand-type, 'Noto Sans KR', sans-serif));&#13;&#10; font-size: clamp(26px, 3.6vw, 54px);&#13;&#10; font-weight: 800;&#13;&#10; line-height: 1.2;&#13;&#10; letter-spacing: -0.04em;&#13;&#10;}&#13;&#10;.lo-deck__copy {&#13;&#10; margin: clamp(16px, 2vw, 22px) auto 0;&#13;&#10; max-width: 28.625em;&#13;&#10; font-size: clamp(16px, 1.15vw, 18px);&#13;&#10; font-weight: 300;&#13;&#10; line-height: 1.75;&#13;&#10; color: var(--lo-deck-dim);&#13;&#10;}&#13;&#10;.lo-deck__cols {&#13;&#10; display: grid;&#13;&#10; grid-template-columns: repeat(3, minmax(0, 1fr));&#13;&#10; border-top: 1px solid var(--lo-deck-stroke);&#13;&#10; border-bottom: 1px solid var(--lo-deck-stroke);&#13;&#10;}&#13;&#10;.lo-deck__col {&#13;&#10; display: flex;&#13;&#10; flex-direction: column;&#13;&#10; align-items: center;&#13;&#10; padding: clamp(44px, 5.5vw, 72px) clamp(22px, 3vw, 40px) clamp(42px, 5vw, 70px);&#13;&#10; border-left: 1px solid var(--lo-deck-stroke);&#13;&#10; margin-left: -1px;&#13;&#10; text-align: center;&#13;&#10;}&#13;&#10;.lo-deck__ring {&#13;&#10; position: relative;&#13;&#10; display: grid;&#13;&#10; place-items: center;&#13;&#10; width: clamp(94px, 9vw, 116px);&#13;&#10; aspect-ratio: 1;&#13;&#10; margin-bottom: clamp(28px, 3vw, 38px);&#13;&#10; border: 1px solid var(--lo-deck-ring);&#13;&#10; border-radius: 50%;&#13;&#10; transition: border-color 0.35s ease, transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);&#13;&#10;}&#13;&#10;.lo-deck__ring::after {&#13;&#10; content: '';&#13;&#10; position: absolute;&#13;&#10; top: -3px;&#13;&#10; left: 50%;&#13;&#10; width: 6px;&#13;&#10; height: 6px;&#13;&#10; margin-left: -3px;&#13;&#10; border-radius: 50%;&#13;&#10; background: var(--lo-deck-accent);&#13;&#10;}&#13;&#10;.lo-deck__col:hover .lo-deck__ring {&#13;&#10; border-color: var(--lo-deck-accent);&#13;&#10; transform: rotate(18deg);&#13;&#10;}&#13;&#10;.lo-deck__glyph {&#13;&#10; font-family: var(--brand-type-top, var(--brand-type, 'Noto Sans KR', sans-serif));&#13;&#10; font-size: clamp(22px, 1.8vw, 24px);&#13;&#10; font-weight: 300;&#13;&#10; letter-spacing: -0.02em;&#13;&#10; transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);&#13;&#10;}&#13;&#10;.lo-deck__col:hover .lo-deck__glyph {&#13;&#10; transform: rotate(-18deg);&#13;&#10;}&#13;&#10;.lo-deck__col-top {&#13;&#10; margin: 0 0 12px;&#13;&#10; font-size: clamp(16px, 1.4vw, 22px);&#13;&#10; font-weight: 700;&#13;&#10; line-height: 1.4;&#13;&#10; letter-spacing: -0.02em;&#13;&#10;}&#13;&#10;.lo-deck__col-copy {&#13;&#10; max-width: 19.25em;&#13;&#10; margin: 0;&#13;&#10; font-size: 16px;&#13;&#10; line-height: 1.85;&#13;&#10; color: var(--lo-deck-dim);&#13;&#10;}&#13;&#10;[data-lo-deck-in] {&#13;&#10; transition: opacity 1.05s cubic-bezier(0.16, 1, 0.3, 1), transform 1.05s cubic-bezier(0.16, 1, 0.3, 1);&#13;&#10; transition-delay: var(--lo-deck-d, 0s);&#13;&#10;}&#13;&#10;[data-lo-deck-show="0"] [data-lo-deck-in] {&#13;&#10; opacity: 0;&#13;&#10; transform: translateY(32px);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;@media (max-width: 882px) {&#13;&#10; .lo-deck__cols {&#13;&#10; grid-template-columns: 1fr;&#13;&#10; border-bottom: 0;&#13;&#10; }&#13;&#10; .lo-deck__col {&#13;&#10; display: grid;&#13;&#10; grid-template-columns: auto minmax(0, 1fr);&#13;&#10; column-gap: 24px;&#13;&#10; align-items: start;&#13;&#10; padding: 28px 0;&#13;&#10; border-left: 0;&#13;&#10; margin-left: 0;&#13;&#10; border-bottom: 1px solid var(--lo-deck-stroke);&#13;&#10; text-align: left;&#13;&#10; }&#13;&#10; .lo-deck__ring {&#13;&#10; grid-row: span 2;&#13;&#10; width: 80px;&#13;&#10; margin-bottom: 0;&#13;&#10; }&#13;&#10; .lo-deck__glyph {&#13;&#10; font-size: 18px;&#13;&#10; }&#13;&#10; .lo-deck__col-top {&#13;&#10; margin: 5px 0 6px;&#13;&#10; }&#13;&#10;}&#13;&#10;&#13;&#10;&#13;&#10;&#13;&#10;&#13;&#10;.lo-band {&#13;&#10; --lo-band-fill: var(--brand-fill, #f4f8ef);&#13;&#10; --lo-band-ink: var(--brand-copy, #141310);&#13;&#10; --lo-band-dim: rgba(16, 17, 20, 0.7);&#13;&#10; --lo-band-stroke: rgba(19, 20, 15, 0.16);&#13;&#10; --lo-band-accent: var(--brand-main, #ff6b21);&#13;&#10; position: relative;&#13;&#10; box-sizing: border-box;&#13;&#10; padding: clamp(88px, 10vw, 124px) 22px clamp(82px, 11vw, 150px);&#13;&#10; background: var(--lo-band-fill);&#13;&#10; color: var(--lo-band-ink);&#13;&#10; font-family: var(--brand-type, 'Noto Sans KR', sans-serif);&#13;&#10; word-break: keep-all;&#13;&#10; overflow-wrap: anywhere;&#13;&#10;}&#13;&#10;.lo-band[data-lo-band-tone="dark"] {&#13;&#10; --lo-band-fill: var(--brand-ink, #0c0e0c);&#13;&#10; --lo-band-ink: #f3efef;&#13;&#10; --lo-band-dim: rgba(247, 243, 234, 0.7);&#13;&#10; --lo-band-stroke: rgba(246, 245, 236, 0.18);&#13;&#10;}&#13;&#10;.lo-band__wrap {&#13;&#10; max-width: var(--brand-measure, 1140px);&#13;&#10; margin: 0 auto;&#13;&#10;}&#13;&#10;.lo-band__top {&#13;&#10; display: grid;&#13;&#10; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);&#13;&#10; gap: clamp(26px, 5vw, 104px);&#13;&#10; align-items: end;&#13;&#10; margin-bottom: clamp(48px, 6vw, 88px);&#13;&#10;}&#13;&#10;.lo-band__kicker {&#13;&#10; display: flex;&#13;&#10; align-items: center;&#13;&#10; gap: 12px;&#13;&#10; margin: 0 0 clamp(20px, 2.4vw, 34px);&#13;&#10; font-size: 16px;&#13;&#10; font-weight: 500;&#13;&#10; letter-spacing: 0.02em;&#13;&#10; color: var(--lo-band-dim);&#13;&#10;}&#13;&#10;.lo-band__tick {&#13;&#10; width: 24px;&#13;&#10; height: 1px;&#13;&#10; background: var(--lo-band-accent);&#13;&#10; flex-shrink: 0;&#13;&#10;}&#13;&#10;.lo-band__head {&#13;&#10; max-width: 16.375em;&#13;&#10; margin: 0;&#13;&#10; font-family: var(--brand-type-top, var(--brand-type, 'Noto Sans KR', sans-serif));&#13;&#10; font-size: clamp(30px, 3.6vw, 54px);&#13;&#10; font-weight: 800;&#13;&#10; line-height: 1.25;&#13;&#10; letter-spacing: -0.04em;&#13;&#10;}&#13;&#10;.lo-band__copy {&#13;&#10; max-width: 26.5em;&#13;&#10; margin: 0;&#13;&#10; font-size: clamp(16px, 1.15vw, 16px);&#13;&#10; line-height: 1.75;&#13;&#10; color: var(--lo-band-dim);&#13;&#10;}&#13;&#10;.lo-band__grid {&#13;&#10; display: grid;&#13;&#10; grid-template-columns: repeat(4, minmax(0, 1fr));&#13;&#10; gap: 1px;&#13;&#10; margin: 0;&#13;&#10; padding: 1px;&#13;&#10; list-style: none;&#13;&#10; background: var(--lo-band-stroke);&#13;&#10;}&#13;&#10;.lo-band__cell {&#13;&#10; display: flex;&#13;&#10; flex-direction: column;&#13;&#10; justify-content: space-between;&#13;&#10; gap: clamp(38px, 5vw, 70px);&#13;&#10; min-height: clamp(178px, 18vw, 236px);&#13;&#10; padding: clamp(22px, 2.2vw, 30px);&#13;&#10; box-sizing: border-box;&#13;&#10; background: var(--lo-band-fill);&#13;&#10;}&#13;&#10;.lo-band__bar {&#13;&#10; display: block;&#13;&#10; width: 30px;&#13;&#10; height: 2px;&#13;&#10; background: var(--lo-band-accent);&#13;&#10; transform-origin: 0 50%;&#13;&#10; transition: transform 1s cubic-bezier(0.16, 1, 0.3, 1) 0.4s;&#13;&#10;}&#13;&#10;.lo-band__num {&#13;&#10; margin: 0;&#13;&#10; font-size: clamp(42px, 3.8vw, 58px);&#13;&#10; font-weight: 300;&#13;&#10; line-height: 1;&#13;&#10; letter-spacing: -0.04em;&#13;&#10; font-variant-numeric: tabular-nums;&#13;&#10; white-space: nowrap;&#13;&#10;}&#13;&#10;.lo-band__lab {&#13;&#10; margin: 16px 0 0;&#13;&#10; font-size: 14px;&#13;&#10; line-height: 1.65;&#13;&#10; color: var(--lo-band-dim);&#13;&#10;}&#13;&#10;[data-lo-band-in] {&#13;&#10; transition: opacity 1s cubic-bezier(0.16, 1, 0.3, 1), transform 1.1s cubic-bezier(0.16, 1, 0.3, 1);&#13;&#10;}&#13;&#10;[data-lo-band-show="0"] [data-lo-band-in] {&#13;&#10; opacity: 0;&#13;&#10; transform: translateY(26px);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;[data-lo-band-show="0"] .lo-band__bar {&#13;&#10; transform: scaleX(0);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;@media (max-width: 1012px) {&#13;&#10; .lo-band__top {&#13;&#10; grid-template-columns: minmax(0, 1fr);&#13;&#10; align-items: start;&#13;&#10; }&#13;&#10; .lo-band__grid {&#13;&#10; grid-template-columns: repeat(2, minmax(0, 1fr));&#13;&#10; }&#13;&#10;}&#13;&#10;@media (max-width: 608px) {&#13;&#10; .lo-band__cell {&#13;&#10; min-height: 178px;&#13;&#10; padding: 22px 18px;&#13;&#10; }&#13;&#10; .lo-band__num {&#13;&#10; font-size: clamp(30px, 8.4vw, 44px);&#13;&#10; }&#13;&#10; .lo-band__lab {&#13;&#10; font-size: 14px;&#13;&#10; }&#13;&#10;}&#13;&#10;&#13;&#10;&#13;&#10;&#13;&#10;&#13;&#10;.lo-dock {&#13;&#10; --lo-dock-fill: var(--brand-fill, #f7f4f4);&#13;&#10; --lo-dock-ink: var(--brand-copy, #0f1212);&#13;&#10; --lo-dock-dim: rgba(20, 20, 19, 0.7);&#13;&#10; --lo-dock-stroke: rgba(16, 14, 17, 0.15);&#13;&#10; --lo-dock-accent: var(--brand-main, #ff6d20);&#13;&#10; --lo-dock-bar-fill: #13110f;&#13;&#10; --lo-dock-bar-ink: #f1f0ea;&#13;&#10; --lo-dock-action-fill: #f2efeb;&#13;&#10; --lo-dock-action-ink: #121412;&#13;&#10; position: relative;&#13;&#10; box-sizing: border-box;&#13;&#10; padding: clamp(76px, 9vw, 130px) 20px clamp(58px, 8vw, 118px);&#13;&#10; background: var(--lo-dock-fill);&#13;&#10; color: var(--lo-dock-ink);&#13;&#10; font-family: var(--brand-type, 'Noto Sans KR', sans-serif);&#13;&#10; word-break: keep-all;&#13;&#10;}&#13;&#10;.lo-dock[data-lo-dock-tone="dark"] {&#13;&#10; --lo-dock-fill: var(--brand-ink, #0d0f0e);&#13;&#10; --lo-dock-ink: #f4f5ea;&#13;&#10; --lo-dock-dim: rgba(247, 245, 238, 0.7);&#13;&#10; --lo-dock-stroke: rgba(242, 245, 235, 0.17);&#13;&#10; --lo-dock-bar-fill: #f2efea;&#13;&#10; --lo-dock-bar-ink: #111313;&#13;&#10; --lo-dock-action-fill: #0e0f11;&#13;&#10; --lo-dock-action-ink: #f1f0eb;&#13;&#10;}&#13;&#10;.lo-dock__wrap {&#13;&#10; max-width: var(--brand-measure, 1118px);&#13;&#10; margin: 0 auto;&#13;&#10;}&#13;&#10;.lo-dock__ul {&#13;&#10; display: grid;&#13;&#10; grid-template-columns: repeat(3, 1fr);&#13;&#10; margin: 0 0 clamp(46px, 6vw, 86px);&#13;&#10; padding: 0;&#13;&#10; list-style: none;&#13;&#10; counter-reset: ct09n-kf;&#13;&#10;}&#13;&#10;.lo-dock__node {&#13;&#10; counter-increment: ct09n-kf;&#13;&#10; padding: 0 clamp(18px, 3vw, 48px);&#13;&#10; border-left: 1px solid var(--lo-dock-stroke);&#13;&#10;}&#13;&#10;.lo-dock__mark {&#13;&#10; display: flex;&#13;&#10; align-items: center;&#13;&#10; gap: 14px;&#13;&#10; margin: 0 0 clamp(22px, 2.6vw, 30px);&#13;&#10; font-size: 12px;&#13;&#10; font-weight: 300;&#13;&#10; letter-spacing: 0.07em;&#13;&#10; color: var(--lo-dock-dim);&#13;&#10;}&#13;&#10;.lo-dock__mark::before {&#13;&#10; content: counter(ct09n-kf, decimal-leading-zero);&#13;&#10;}&#13;&#10;.lo-dock__mark::after {&#13;&#10; content: '';&#13;&#10; width: 22px;&#13;&#10; height: 1px;&#13;&#10; background: var(--lo-dock-accent);&#13;&#10;}&#13;&#10;.lo-dock__node-top {&#13;&#10; margin: 0 0 10px;&#13;&#10; font-size: clamp(18px, 1.6vw, 20px);&#13;&#10; font-weight: 700;&#13;&#10; letter-spacing: -0.02em;&#13;&#10;}&#13;&#10;.lo-dock__node-copy {&#13;&#10; margin: 0;&#13;&#10; font-size: 14px;&#13;&#10; line-height: 1.7;&#13;&#10; color: var(--lo-dock-dim);&#13;&#10;}&#13;&#10;.lo-dock__bar {&#13;&#10; display: flex;&#13;&#10; flex-wrap: wrap;&#13;&#10; align-items: center;&#13;&#10; justify-content: space-between;&#13;&#10; gap: 28px 46px;&#13;&#10; padding: clamp(38px, 5vw, 70px) clamp(22px, 5vw, 68px);&#13;&#10; border-radius: calc(var(--brand-radius, 14px) + 6px);&#13;&#10; background: var(--lo-dock-bar-fill);&#13;&#10; color: var(--lo-dock-bar-ink);&#13;&#10;}&#13;&#10;.lo-dock__head {&#13;&#10; max-width: 14.5em;&#13;&#10; margin: 0;&#13;&#10; font-family: var(--brand-type-top, var(--brand-type, 'Noto Sans KR', sans-serif));&#13;&#10; font-size: clamp(28px, 3.2vw, 44px);&#13;&#10; font-weight: 800;&#13;&#10; line-height: 1.25;&#13;&#10; letter-spacing: -0.035em;&#13;&#10;}&#13;&#10;.lo-dock__go {&#13;&#10; display: inline-flex;&#13;&#10; align-items: center;&#13;&#10; gap: 14px;&#13;&#10; min-height: 56px;&#13;&#10; padding: 0 32px;&#13;&#10; box-sizing: border-box;&#13;&#10; border-radius: var(--brand-action-radius, 900px);&#13;&#10; background: var(--lo-dock-action-fill);&#13;&#10; color: var(--lo-dock-action-ink);&#13;&#10; font-size: 16px;&#13;&#10; font-weight: 700;&#13;&#10; text-decoration: none;&#13;&#10; white-space: nowrap;&#13;&#10; transition: transform 0.3s ease;&#13;&#10;}&#13;&#10;.lo-dock__go:hover {&#13;&#10; transform: translateY(-2px);&#13;&#10;}&#13;&#10;.lo-dock__go:focus-visible {&#13;&#10; outline: 2px solid var(--lo-dock-action-fill);&#13;&#10; outline-offset: 3px;&#13;&#10;}&#13;&#10;.lo-dock__arrow {&#13;&#10; position: relative;&#13;&#10; width: 14px;&#13;&#10; height: 1.5px;&#13;&#10; background: currentColor;&#13;&#10; transition: width 0.25s ease;&#13;&#10;}&#13;&#10;.lo-dock__arrow::after {&#13;&#10; content: '';&#13;&#10; position: absolute;&#13;&#10; right: 0;&#13;&#10; top: -3px;&#13;&#10; width: 7px;&#13;&#10; height: 6px;&#13;&#10; border-top: 1.5px solid currentColor;&#13;&#10; border-right: 1.5px solid currentColor;&#13;&#10; transform: rotate(45deg);&#13;&#10;}&#13;&#10;.lo-dock__go:hover .lo-dock__arrow {&#13;&#10; width: 24px;&#13;&#10;}&#13;&#10;[data-lo-dock-in] {&#13;&#10; transition: opacity 0.95s cubic-bezier(0.16, 1, 0.3, 1), transform 1.05s cubic-bezier(0.16, 1, 0.3, 1);&#13;&#10;}&#13;&#10;[data-lo-dock-show="0"] [data-lo-dock-in] {&#13;&#10; opacity: 0;&#13;&#10; transform: translateY(24px);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;@media (max-width: 738px) {&#13;&#10; .lo-dock__ul {&#13;&#10; grid-template-columns: 1fr;&#13;&#10; gap: 34px;&#13;&#10; }&#13;&#10; .lo-dock__node {&#13;&#10; padding: 0 0 0 22px;&#13;&#10; }&#13;&#10;}&#13;&#10;@media (max-width: 532px) {&#13;&#10; .lo-dock__go {&#13;&#10; width: 100%;&#13;&#10; justify-content: center;&#13;&#10; }&#13;&#10;}&#13;&#10;&#13;&#10;&lt;/style&gt;&#13;&#10;&#13;&#10;&lt;section class="lo-plot" data-lo-plot="" data-lo-plot-tone="dark"&gt;&#13;&#10;&lt;div class="lo-plot__wrap"&gt;&#13;&#10;&lt;div class="lo-plot__grid"&gt;&#13;&#10;&lt;h1 class="lo-plot__head lo-hero-head" data-lo-plot-in=""&gt;SEO 성과 보고 방식&lt;/h1&gt;&#13;&#10;&lt;div aria-hidden="true" class="lo-plot__split"&gt;&lt;/div&gt;&#13;&#10;&lt;div class="lo-plot__side"&gt;&#13;&#10;&lt;p class="lo-plot__copy lo-copy" data-lo-plot-in=""&gt;보고서는 월 1회, 같은 양식입니다. &lt;a href="/posts/post_006"&gt;서치 콘솔&lt;/a&gt;과 &lt;a href="/posts/post_004"&gt;서치어드바이저&lt;/a&gt; 수치를 전월·작업 전과 나란히 놓고 비교합니다.&lt;/p&gt;&#13;&#10;&lt;p class="lo-plot__extra" data-lo-plot-in=""&gt;숫자가 나빠진 달도 그대로 싣고, 원인 추정을 함께 적습니다.&lt;/p&gt;&#13;&#10;&lt;ul class="lo-plot__info" data-lo-plot-in=""&gt;&#13;&#10;&lt;li&gt;검색 지표 요약&lt;/li&gt;&#13;&#10;&lt;li&gt;페이지별 변화&lt;/li&gt;&#13;&#10;&lt;li&gt;작업 내역 기록&lt;/li&gt;&#13;&#10;&lt;li&gt;다음 달 계획&lt;/li&gt;&#13;&#10;&lt;/ul&gt;&#13;&#10;&lt;/div&gt;&#13;&#10;&lt;/div&gt;&#13;&#10;&lt;/div&gt;&#13;&#10;&lt;script&gt;&#13;&#10; (function () {&#13;&#10; var N = {"root": "data-lo-plot", "tone": "data-lo-plot-tone", "state": "data-lo-plot-show", "item": "data-lo-plot-in"};&#13;&#10; var s = document.currentScript;&#13;&#10; var R = s &amp;&amp; s.closest('[' + N.root + ']');&#13;&#10; if (!R) { return; }&#13;&#10; var items = R.querySelectorAll('[' + N.item + ']');&#13;&#10; // 시간차는 현재 DOM 순서로 매김&#13;&#10; for (var i = 0; i &lt; items.length; i++) {&#13;&#10; items[i].style.transitionDelay = (0.05 + i * 0.12) + 's, ' + (0.05 + i * 0.12) + 's';&#13;&#10; }&#13;&#10; var show = function () { R.setAttribute(N.state, '1'); };&#13;&#10; if (!('IntersectionObserver' in window)) { return; }&#13;&#10; R.setAttribute(N.state, '0');&#13;&#10; var io = new IntersectionObserver(function (es) {&#13;&#10; if (es[0].isIntersecting) {&#13;&#10; io.disconnect();&#13;&#10; requestAnimationFrame(function () { requestAnimationFrame(show); });&#13;&#10; }&#13;&#10; }, { threshold: 0.15 });&#13;&#10; io.observe(R);&#13;&#10; })();&#13;&#10; &lt;/script&gt;&#13;&#10;&lt;/section&gt;</description></item><item><title>웹상위노출 상담 신청: 연락처와 진행 범위</title><link>https://acmerental.co.kr/%EC%83%81%EB%8B%B4%EC%8B%A0%EC%B2%AD</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://acmerental.co.kr/%EC%83%81%EB%8B%B4%EC%8B%A0%EC%B2%AD</guid><description>&lt;style&gt;&#13;&#10;&#13;&#10;&#13;&#10;.lo-plot {&#13;&#10; --lo-plot-fill: var(--brand-fill, #f6f3ef);&#13;&#10; --lo-plot-ink: var(--brand-copy, #0e1212);&#13;&#10; --lo-plot-dim: rgba(20, 18, 15, 0.68);&#13;&#10; --lo-plot-stroke: rgba(19, 15, 15, 0.15);&#13;&#10; --lo-plot-accent: var(--brand-main, #ff6c1f);&#13;&#10; position: relative;&#13;&#10; box-sizing: border-box;&#13;&#10; padding: clamp(134px, 14vw, 186px) 20px 0;&#13;&#10; background: var(--lo-plot-fill);&#13;&#10; color: var(--lo-plot-ink);&#13;&#10; font-family: var(--brand-type, 'Noto Sans KR', sans-serif);&#13;&#10; word-break: keep-all;&#13;&#10;}&#13;&#10;.lo-plot[data-lo-plot-tone="dark"] {&#13;&#10; --lo-plot-fill: var(--brand-ink, #0b0f0c);&#13;&#10; --lo-plot-ink: #f5efee;&#13;&#10; --lo-plot-dim: rgba(242, 245, 235, 0.7);&#13;&#10; --lo-plot-stroke: rgba(247, 244, 236, 0.17);&#13;&#10;}&#13;&#10;.lo-plot__wrap {&#13;&#10; max-width: var(--brand-measure, 1300px);&#13;&#10; margin: 0 auto;&#13;&#10; padding-bottom: clamp(64px, 8vw, 122px);&#13;&#10; border-bottom: 1px solid var(--lo-plot-stroke);&#13;&#10;}&#13;&#10;.lo-plot__grid {&#13;&#10; display: grid;&#13;&#10; grid-template-columns: minmax(0, 1.15fr) 1px minmax(0, 1fr);&#13;&#10; gap: clamp(32px, 5.5vw, 90px);&#13;&#10; align-items: end;&#13;&#10;}&#13;&#10;.lo-plot__head {&#13;&#10; margin: 0;&#13;&#10; font-family: var(--brand-type-top, var(--brand-type, 'Noto Sans KR', sans-serif));&#13;&#10; font-size: clamp(34px, 5.6vw, 88px);&#13;&#10; font-weight: 800;&#13;&#10; line-height: 1.05;&#13;&#10; letter-spacing: -0.042em;&#13;&#10;}&#13;&#10;.lo-plot__split {&#13;&#10; position: relative;&#13;&#10; align-self: stretch;&#13;&#10; min-height: 118px;&#13;&#10; background: var(--lo-plot-stroke);&#13;&#10; transform-origin: 50% 0;&#13;&#10; transition: transform 1.1s cubic-bezier(0.16, 1, 0.3, 1) 0.2s;&#13;&#10;}&#13;&#10;.lo-plot__split::after {&#13;&#10; content: '';&#13;&#10; position: absolute;&#13;&#10; left: 0;&#13;&#10; bottom: 0;&#13;&#10; width: 1px;&#13;&#10; height: 34px;&#13;&#10; background: var(--lo-plot-accent);&#13;&#10;}&#13;&#10;.lo-plot__side {&#13;&#10; display: flex;&#13;&#10; flex-direction: column;&#13;&#10; gap: clamp(20px, 2.4vw, 30px);&#13;&#10; padding-bottom: 6px;&#13;&#10;}&#13;&#10;.lo-plot__copy {&#13;&#10; max-width: 29.75em;&#13;&#10; margin: 0;&#13;&#10; font-size: clamp(18px, 1.45vw, 22px);&#13;&#10; font-weight: 300;&#13;&#10; line-height: 1.85;&#13;&#10; letter-spacing: -0.01em;&#13;&#10;}&#13;&#10;.lo-plot__extra {&#13;&#10; max-width: 28.75em;&#13;&#10; margin: 0;&#13;&#10; font-size: 16px;&#13;&#10; font-weight: 400;&#13;&#10; line-height: 1.75;&#13;&#10; color: var(--lo-plot-dim);&#13;&#10;}&#13;&#10;.lo-plot__info {&#13;&#10; display: flex;&#13;&#10; flex-wrap: wrap;&#13;&#10; gap: 8px 28px;&#13;&#10; margin: 0;&#13;&#10; padding: 0;&#13;&#10; list-style: none;&#13;&#10; font-size: 16px;&#13;&#10; font-weight: 500;&#13;&#10; color: var(--lo-plot-dim);&#13;&#10;}&#13;&#10;[data-lo-plot-in] {&#13;&#10; transition: opacity 1s cubic-bezier(0.16, 1, 0.3, 1), transform 0.95s cubic-bezier(0.16, 1, 0.3, 1);&#13;&#10;}&#13;&#10;[data-lo-plot-show="0"] [data-lo-plot-in] {&#13;&#10; opacity: 0;&#13;&#10; transform: translateY(22px);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;[data-lo-plot-show="0"] .lo-plot__split {&#13;&#10; transform: scaleY(0);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;@media (max-width: 898px) {&#13;&#10; .lo-plot__grid {&#13;&#10; grid-template-columns: 1fr;&#13;&#10; gap: 30px;&#13;&#10; }&#13;&#10; .lo-plot__split {&#13;&#10; min-height: 0;&#13;&#10; height: 1px;&#13;&#10; width: 70px;&#13;&#10; transform-origin: 0 50%;&#13;&#10; }&#13;&#10; .lo-plot__split::after {&#13;&#10; width: 24px;&#13;&#10; height: 1px;&#13;&#10; }&#13;&#10; [data-lo-plot-show="0"] .lo-plot__split {&#13;&#10; transform: scaleX(0);&#13;&#10; }&#13;&#10;}&#13;&#10;&#13;&#10;&#13;&#10;&#13;&#10;&#13;&#10;.lo-court {&#13;&#10; --lo-court-fill: var(--brand-fill, #f3f3f0);&#13;&#10; --lo-court-ink: var(--brand-copy, #0e0f14);&#13;&#10; --lo-court-dim: rgba(19, 18, 19, 0.7);&#13;&#10; --lo-court-stroke: rgba(17, 19, 15, 0.14);&#13;&#10; --lo-court-grid: rgba(16, 14, 19, 0.07);&#13;&#10; --lo-court-road: rgba(18, 16, 20, 0.2);&#13;&#10; --lo-court-panel: rgba(15, 18, 18, 0.025);&#13;&#10; --lo-court-accent: var(--brand-main, #ff6c20);&#13;&#10; position: relative;&#13;&#10; box-sizing: border-box;&#13;&#10; padding: clamp(74px, 10.5vw, 166px) 20px clamp(88px, 11vw, 166px);&#13;&#10; background: var(--lo-court-fill);&#13;&#10; color: var(--lo-court-ink);&#13;&#10; font-family: var(--brand-type, 'Noto Sans KR', sans-serif);&#13;&#10; word-break: keep-all;&#13;&#10;}&#13;&#10;.lo-court[data-lo-court-tone="dark"] {&#13;&#10; --lo-court-fill: var(--brand-ink, #090c10);&#13;&#10; --lo-court-ink: #f4f3ea;&#13;&#10; --lo-court-dim: rgba(247, 245, 238, 0.7);&#13;&#10; --lo-court-stroke: rgba(246, 242, 235, 0.16);&#13;&#10; --lo-court-grid: rgba(241, 240, 234, 0.06);&#13;&#10; --lo-court-road: rgba(242, 239, 235, 0.22);&#13;&#10; --lo-court-panel: rgba(245, 245, 238, 0.03);&#13;&#10;}&#13;&#10;.lo-court__wrap {&#13;&#10; max-width: var(--brand-measure, 1210px);&#13;&#10; margin: 0 auto;&#13;&#10; display: grid;&#13;&#10; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);&#13;&#10; gap: clamp(48px, 7vw, 110px);&#13;&#10; align-items: end;&#13;&#10;}&#13;&#10;.lo-court__kicker {&#13;&#10; display: flex;&#13;&#10; align-items: center;&#13;&#10; gap: 14px;&#13;&#10; margin: 0 0 clamp(24px, 3vw, 36px);&#13;&#10; font-size: 14px;&#13;&#10; font-weight: 500;&#13;&#10; letter-spacing: 0.02em;&#13;&#10; color: var(--lo-court-dim);&#13;&#10;}&#13;&#10;.lo-court__dot {&#13;&#10; width: 7px;&#13;&#10; height: 8px;&#13;&#10; border-radius: 50%;&#13;&#10; background: var(--lo-court-accent);&#13;&#10; flex-shrink: 0;&#13;&#10;}&#13;&#10;.lo-court__head {&#13;&#10; margin: 0;&#13;&#10; font-family: var(--brand-type-top, var(--brand-type, 'Noto Sans KR', sans-serif));&#13;&#10; font-size: clamp(30px, 3.9vw, 52px);&#13;&#10; font-weight: 800;&#13;&#10; line-height: 1.15;&#13;&#10; letter-spacing: -0.04em;&#13;&#10;}&#13;&#10;.lo-court__ul {&#13;&#10; margin: clamp(40px, 5vw, 68px) 0 0;&#13;&#10; padding: 0;&#13;&#10; border-top: 1px solid var(--lo-court-ink);&#13;&#10;}&#13;&#10;.lo-court__row {&#13;&#10; display: grid;&#13;&#10; grid-template-columns: 88px minmax(0, 1fr);&#13;&#10; gap: 18px;&#13;&#10; padding: 24px 0;&#13;&#10; border-bottom: 1px solid var(--lo-court-stroke);&#13;&#10;}&#13;&#10;.lo-court__term {&#13;&#10; margin: 0;&#13;&#10; padding-top: 2px;&#13;&#10; font-size: 12px;&#13;&#10; font-weight: 500;&#13;&#10; letter-spacing: 0.04em;&#13;&#10; color: var(--lo-court-dim);&#13;&#10;}&#13;&#10;.lo-court__def {&#13;&#10; margin: 0;&#13;&#10; font-size: clamp(16px, 1.3vw, 18px);&#13;&#10; font-weight: 500;&#13;&#10; line-height: 1.65;&#13;&#10; letter-spacing: -0.01em;&#13;&#10;}&#13;&#10;.lo-court__link {&#13;&#10; color: inherit;&#13;&#10; text-decoration: none;&#13;&#10; background: linear-gradient(currentColor, currentColor) 0 100% / 0 1px no-repeat;&#13;&#10; transition: background-size 0.45s cubic-bezier(0.16, 1, 0.3, 1);&#13;&#10;}&#13;&#10;.lo-court__link:hover {&#13;&#10; background-size: 100% 1px;&#13;&#10;}&#13;&#10;.lo-court__link:focus-visible {&#13;&#10; outline: 2px solid var(--lo-court-ink);&#13;&#10; outline-offset: 3px;&#13;&#10;}&#13;&#10;.lo-court__sub {&#13;&#10; display: block;&#13;&#10; margin-top: 2px;&#13;&#10; font-size: 14px;&#13;&#10; font-weight: 400;&#13;&#10; color: var(--lo-court-dim);&#13;&#10;}&#13;&#10;.lo-court__map {&#13;&#10; position: relative;&#13;&#10; margin: 0;&#13;&#10; aspect-ratio: 5 / 4;&#13;&#10; border: 1px solid var(--lo-court-stroke);&#13;&#10; border-radius: var(--brand-radius, 14px);&#13;&#10; overflow: hidden;&#13;&#10; background-color: var(--lo-court-panel);&#13;&#10; background-image:&#13;&#10; linear-gradient(var(--lo-court-grid) 1px, transparent 1px),&#13;&#10; linear-gradient(90deg, var(--lo-court-grid) 1px, transparent 1px);&#13;&#10; background-size: 40px 44px;&#13;&#10; background-position: -1px -1px;&#13;&#10;}&#13;&#10;.lo-court__road {&#13;&#10; position: absolute;&#13;&#10; background: var(--lo-court-road);&#13;&#10; transform-origin: 0 50%;&#13;&#10; transition: transform 1.7s cubic-bezier(0.16, 1, 0.3, 1) 0.35s;&#13;&#10;}&#13;&#10;.lo-court__road-a {&#13;&#10; left: -10%;&#13;&#10; top: 58%;&#13;&#10; width: 120%;&#13;&#10; height: 1px;&#13;&#10; transform: rotate(-9deg);&#13;&#10;}&#13;&#10;.lo-court__road-b {&#13;&#10; left: 38%;&#13;&#10; top: -10%;&#13;&#10; width: 1px;&#13;&#10; height: 120%;&#13;&#10; transform-origin: 50% 0;&#13;&#10;}&#13;&#10;.lo-court__road-c {&#13;&#10; left: 10%;&#13;&#10; top: 22%;&#13;&#10; width: 70%;&#13;&#10; height: 1px;&#13;&#10; transform: rotate(24deg);&#13;&#10; opacity: 0.6;&#13;&#10;}&#13;&#10;.lo-court__pin {&#13;&#10; position: absolute;&#13;&#10; left: 38%;&#13;&#10; top: 52.6%;&#13;&#10; width: 0;&#13;&#10; height: 0;&#13;&#10; transition: opacity 0.85s ease 1.05s, transform 1s cubic-bezier(0.16, 1, 0.3, 1) 1.05s;&#13;&#10;}&#13;&#10;.lo-court__pin-core {&#13;&#10; position: absolute;&#13;&#10; left: -7px;&#13;&#10; top: -7px;&#13;&#10; width: 14px;&#13;&#10; height: 16px;&#13;&#10; border-radius: 50%;&#13;&#10; background: var(--lo-court-accent);&#13;&#10; box-shadow: 0 0 0 4px var(--lo-court-fill);&#13;&#10;}&#13;&#10;.lo-court__pin-ring {&#13;&#10; position: absolute;&#13;&#10; left: -28px;&#13;&#10; top: -28px;&#13;&#10; width: 58px;&#13;&#10; height: 54px;&#13;&#10; border: 1px solid var(--lo-court-accent);&#13;&#10; border-radius: 50%;&#13;&#10; animation: court-pulse-fx 2.75s cubic-bezier(0.16, 1, 0.3, 1) infinite;&#13;&#10;}&#13;&#10;.lo-court__coord {&#13;&#10; position: absolute;&#13;&#10; left: 22px;&#13;&#10; bottom: 18px;&#13;&#10; margin: 0;&#13;&#10; font-size: 14px;&#13;&#10; font-weight: 500;&#13;&#10; letter-spacing: 0.09em;&#13;&#10; color: var(--lo-court-dim);&#13;&#10; font-variant-numeric: tabular-nums;&#13;&#10;}&#13;&#10;.lo-court__mark {&#13;&#10; position: absolute;&#13;&#10; right: 20px;&#13;&#10; top: 20px;&#13;&#10; width: 22px;&#13;&#10; height: 22px;&#13;&#10; color: var(--lo-court-dim);&#13;&#10;}&#13;&#10;@keyframes court-pulse-fx {&#13;&#10; 0% { transform: scale(0.3); opacity: 1; }&#13;&#10; 100% { transform: scale(1.6); opacity: 0; }&#13;&#10;}&#13;&#10;[data-lo-court-p="0"] .lo-court__pin-ring { animation-play-state: paused; }&#13;&#10;[data-lo-court-in] {&#13;&#10; transition: opacity 1s cubic-bezier(0.16, 1, 0.3, 1), transform 1.05s cubic-bezier(0.16, 1, 0.3, 1);&#13;&#10;}&#13;&#10;[data-lo-court-show="0"] [data-lo-court-in] {&#13;&#10; opacity: 0;&#13;&#10; transform: translateY(28px);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;[data-lo-court-show="0"] .lo-court__road-a { transform: rotate(-9deg) scaleX(0); transition: none; }&#13;&#10;[data-lo-court-show="0"] .lo-court__road-b { transform: scaleY(0); transition: none; }&#13;&#10;[data-lo-court-show="0"] .lo-court__road-c { transform: rotate(24deg) scaleX(0); transition: none; }&#13;&#10;[data-lo-court-show="0"] .lo-court__pin { opacity: 0; transform: translateY(-14px); transition: none; }&#13;&#10;@media (max-width: 796px) {&#13;&#10; .lo-court__wrap {&#13;&#10; grid-template-columns: 1fr;&#13;&#10; align-items: start;&#13;&#10; }&#13;&#10; .lo-court__map {&#13;&#10; aspect-ratio: 4 / 3;&#13;&#10; }&#13;&#10;}&#13;&#10;@media (max-width: 444px) {&#13;&#10; .lo-court__row {&#13;&#10; grid-template-columns: 1fr;&#13;&#10; gap: 6px;&#13;&#10; padding: 16px 0;&#13;&#10; }&#13;&#10;}&#13;&#10;&#13;&#10;&#13;&#10;&#13;&#10;&#13;&#10;.lo-area {&#13;&#10; --lo-area-fill: var(--brand-fill, #f7f6f1);&#13;&#10; --lo-area-ink: var(--brand-copy, #131311);&#13;&#10; --lo-area-dim: rgba(18, 20, 17, 0.7);&#13;&#10; --lo-area-stroke: rgba(17, 20, 14, 0.13);&#13;&#10; --lo-area-strong: rgba(15, 14, 14, 0.85);&#13;&#10; --lo-area-accent: var(--brand-main, #ff6b1d);&#13;&#10; --lo-area-action-fill: #14140f;&#13;&#10; --lo-area-action-ink: #fffffc;&#13;&#10; position: relative;&#13;&#10; box-sizing: border-box;&#13;&#10; padding: clamp(70px, 9.5vw, 142px) 18px clamp(82px, 10vw, 130px);&#13;&#10; background: var(--lo-area-fill);&#13;&#10; color: var(--lo-area-ink);&#13;&#10; font-family: var(--brand-type, 'Noto Sans KR', sans-serif);&#13;&#10; word-break: keep-all;&#13;&#10;}&#13;&#10;.lo-area[data-lo-area-tone="dark"] {&#13;&#10; --lo-area-fill: var(--brand-ink, #0f0f0e);&#13;&#10; --lo-area-ink: #f1f2ea;&#13;&#10; --lo-area-dim: rgba(244, 244, 239, 0.7);&#13;&#10; --lo-area-stroke: rgba(241, 240, 237, 0.15);&#13;&#10; --lo-area-strong: rgba(241, 240, 235, 0.85);&#13;&#10; --lo-area-action-fill: #f6eff0;&#13;&#10; --lo-area-action-ink: #0b090f;&#13;&#10;}&#13;&#10;.lo-area__wrap {&#13;&#10; max-width: var(--brand-measure, 1102px);&#13;&#10; margin: 0 auto;&#13;&#10;}&#13;&#10;.lo-area__top {&#13;&#10; display: flex;&#13;&#10; justify-content: space-between;&#13;&#10; align-items: flex-end;&#13;&#10; flex-wrap: wrap;&#13;&#10; gap: 24px clamp(30px, 6vw, 94px);&#13;&#10; margin-bottom: clamp(48px, 6vw, 84px);&#13;&#10;}&#13;&#10;.lo-area__head {&#13;&#10; margin: 0;&#13;&#10; max-width: 12.75em;&#13;&#10; font-family: var(--brand-type-top, var(--brand-type, 'Noto Sans KR', sans-serif));&#13;&#10; font-size: clamp(34px, 4vw, 52px);&#13;&#10; font-weight: 800;&#13;&#10; line-height: 1.2;&#13;&#10; letter-spacing: -0.04em;&#13;&#10;}&#13;&#10;.lo-area__copy {&#13;&#10; margin: 0;&#13;&#10; max-width: 25.75em;&#13;&#10; font-size: clamp(16px, 1.1vw, 16px);&#13;&#10; line-height: 1.85;&#13;&#10; color: var(--lo-area-dim);&#13;&#10;}&#13;&#10;.lo-area__table {&#13;&#10; border-top: 1px solid var(--lo-area-ink);&#13;&#10;}&#13;&#10;.lo-area__row {&#13;&#10; display: grid;&#13;&#10; grid-template-columns: minmax(0, 1.5fr) repeat(3, minmax(0, 1fr));&#13;&#10; overflow-wrap: anywhere;&#13;&#10; align-items: center;&#13;&#10; border-bottom: 1px solid var(--lo-area-stroke);&#13;&#10;}&#13;&#10;.lo-area__row-top {&#13;&#10; align-items: end;&#13;&#10; border-bottom-color: var(--lo-area-strong);&#13;&#10;}&#13;&#10;.lo-area__corner {&#13;&#10; padding: 28px 0;&#13;&#10; font-size: 12px;&#13;&#10; font-weight: 500;&#13;&#10; letter-spacing: 0.02em;&#13;&#10; color: var(--lo-area-dim);&#13;&#10;}&#13;&#10;.lo-area__plan {&#13;&#10; position: relative;&#13;&#10; padding: clamp(30px, 3vw, 42px) clamp(10px, 1.6vw, 24px) clamp(22px, 2.4vw, 30px);&#13;&#10;}&#13;&#10;.lo-area__plan[data-lo-area-f]::before {&#13;&#10; content: '';&#13;&#10; position: absolute;&#13;&#10; left: clamp(9px, 1.6vw, 26px);&#13;&#10; right: clamp(10px, 1.6vw, 26px);&#13;&#10; top: -1px;&#13;&#10; height: 3px;&#13;&#10; background: var(--lo-area-accent);&#13;&#10; transform-origin: 0 50%;&#13;&#10; transition: transform 1.1s cubic-bezier(0.16, 1, 0.3, 1) 0.6s;&#13;&#10;}&#13;&#10;.lo-area__name {&#13;&#10; margin: 0;&#13;&#10; font-family: var(--brand-type-top, var(--brand-type, 'Noto Sans KR', sans-serif));&#13;&#10; font-size: clamp(16px, 1.4vw, 18px);&#13;&#10; font-weight: 700;&#13;&#10; letter-spacing: -0.02em;&#13;&#10;}&#13;&#10;.lo-area__price {&#13;&#10; margin: 14px 0 0;&#13;&#10; font-size: clamp(20px, 2.2vw, 32px);&#13;&#10; font-weight: 800;&#13;&#10; line-height: 1.1;&#13;&#10; letter-spacing: -0.035em;&#13;&#10; font-variant-numeric: tabular-nums;&#13;&#10;}&#13;&#10;.lo-area__per {&#13;&#10; margin: 6px 0 0;&#13;&#10; font-size: 12px;&#13;&#10; color: var(--lo-area-dim);&#13;&#10;}&#13;&#10;.lo-area__node {&#13;&#10; padding: 24px 16px 24px 0;&#13;&#10; font-size: 16px;&#13;&#10; font-weight: 500;&#13;&#10; line-height: 1.5;&#13;&#10;}&#13;&#10;.lo-area__c1,&#13;&#10;.lo-area__c2,&#13;&#10;.lo-area__c3 {&#13;&#10; display: flex;&#13;&#10; align-items: center;&#13;&#10; min-height: 24px;&#13;&#10; padding: 24px clamp(10px, 1.6vw, 26px);&#13;&#10; font-size: 16px;&#13;&#10; line-height: 1.45;&#13;&#10; color: var(--lo-area-strong);&#13;&#10;}&#13;&#10;.lo-area__check {&#13;&#10; width: 20px;&#13;&#10; height: 20px;&#13;&#10; fill: none;&#13;&#10; stroke: var(--lo-area-accent);&#13;&#10; stroke-width: 1.5;&#13;&#10; stroke-linecap: round;&#13;&#10; stroke-linejoin: round;&#13;&#10;}&#13;&#10;.lo-area__dash {&#13;&#10; display: block;&#13;&#10; width: 14px;&#13;&#10; height: 1px;&#13;&#10; background: var(--lo-area-dim);&#13;&#10;}&#13;&#10;.lo-area__sr {&#13;&#10; position: absolute;&#13;&#10; width: 1px;&#13;&#10; height: 1px;&#13;&#10; margin: -1px;&#13;&#10; padding: 0;&#13;&#10; overflow: hidden;&#13;&#10; clip: rect(0 0 0 0);&#13;&#10; white-space: nowrap;&#13;&#10; border: 0;&#13;&#10;}&#13;&#10;.lo-area__bottom {&#13;&#10; display: flex;&#13;&#10; justify-content: space-between;&#13;&#10; align-items: center;&#13;&#10; flex-wrap: wrap;&#13;&#10; gap: 22px 44px;&#13;&#10; margin-top: clamp(36px, 4vw, 50px);&#13;&#10;}&#13;&#10;.lo-area__note {&#13;&#10; margin: 0;&#13;&#10; max-width: 31.125em;&#13;&#10; font-size: 14px;&#13;&#10; line-height: 1.65;&#13;&#10; color: var(--lo-area-dim);&#13;&#10;}&#13;&#10;.lo-area__go {&#13;&#10; display: inline-flex;&#13;&#10; align-items: center;&#13;&#10; gap: 14px;&#13;&#10; min-height: 48px;&#13;&#10; padding: 0 30px;&#13;&#10; border-radius: var(--brand-action-radius, 1074px);&#13;&#10; background: var(--lo-area-action-fill);&#13;&#10; color: var(--lo-area-action-ink);&#13;&#10; font-size: 14px;&#13;&#10; font-weight: 700;&#13;&#10; text-decoration: none;&#13;&#10; transition: transform 0.3s ease;&#13;&#10;}&#13;&#10;.lo-area__go:hover {&#13;&#10; transform: translateY(-2px);&#13;&#10;}&#13;&#10;.lo-area__go:focus-visible {&#13;&#10; outline: 2px solid var(--lo-area-ink);&#13;&#10; outline-offset: 3px;&#13;&#10;}&#13;&#10;.lo-area__arrow {&#13;&#10; position: relative;&#13;&#10; width: 16px;&#13;&#10; height: 1.5px;&#13;&#10; background: currentColor;&#13;&#10; transition: width 0.3s ease;&#13;&#10;}&#13;&#10;.lo-area__arrow::after {&#13;&#10; content: '';&#13;&#10; position: absolute;&#13;&#10; right: 0;&#13;&#10; top: -3px;&#13;&#10; width: 6px;&#13;&#10; height: 6px;&#13;&#10; border-top: 1.5px solid currentColor;&#13;&#10; border-right: 1.5px solid currentColor;&#13;&#10; transform: rotate(45deg);&#13;&#10;}&#13;&#10;.lo-area__go:hover .lo-area__arrow {&#13;&#10; width: 24px;&#13;&#10;}&#13;&#10;.lo-area__row-main {&#13;&#10; transition: background-color 0.3s ease;&#13;&#10;}&#13;&#10;.lo-area__row-main:hover {&#13;&#10; background-color: var(--lo-area-stroke);&#13;&#10;}&#13;&#10;[data-lo-area-in] {&#13;&#10; transition: opacity 1.1s cubic-bezier(0.16, 1, 0.3, 1), transform 0.95s cubic-bezier(0.16, 1, 0.3, 1);&#13;&#10;}&#13;&#10;[data-lo-area-show="0"] [data-lo-area-in] {&#13;&#10; opacity: 0;&#13;&#10; transform: translateY(22px);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;[data-lo-area-show="0"] .lo-area__plan[data-lo-area-f]::before {&#13;&#10; transform: scaleX(0);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;@media (max-width: 680px) {&#13;&#10; .lo-area__row {&#13;&#10; grid-template-columns: repeat(3, minmax(0, 1fr));&#13;&#10; }&#13;&#10; .lo-area__corner {&#13;&#10; display: none;&#13;&#10; }&#13;&#10; .lo-area__plan {&#13;&#10; padding: 24px 9px 20px 0;&#13;&#10; }&#13;&#10; .lo-area__plan[data-lo-area-f]::before {&#13;&#10; left: 0;&#13;&#10; right: 8px;&#13;&#10; }&#13;&#10; .lo-area__node {&#13;&#10; grid-column: 1 / -1;&#13;&#10; padding: 22px 0 4px;&#13;&#10; }&#13;&#10; .lo-area__c1,&#13;&#10; .lo-area__c2,&#13;&#10; .lo-area__c3 {&#13;&#10; padding: 8px 7px 22px 0;&#13;&#10; font-size: 16px;&#13;&#10; }&#13;&#10;}&#13;&#10;&#13;&#10;&#13;&#10;&#13;&#10;&#13;&#10;.lo-plate {&#13;&#10; --lo-plate-fill: var(--brand-fill, #f6f2f1);&#13;&#10; --lo-plate-ink: var(--brand-copy, #141012);&#13;&#10; --lo-plate-dim: rgba(15, 20, 20, 0.7);&#13;&#10; --lo-plate-stroke: rgba(18, 15, 18, 0.14);&#13;&#10; --lo-plate-accent: var(--brand-main, #fd6c21);&#13;&#10; position: relative;&#13;&#10; box-sizing: border-box;&#13;&#10; padding: clamp(82px, 11vw, 160px) 18px clamp(86px, 10vw, 126px);&#13;&#10; background: var(--lo-plate-fill);&#13;&#10; color: var(--lo-plate-ink);&#13;&#10; font-family: var(--brand-type, 'Noto Sans KR', sans-serif);&#13;&#10; word-break: keep-all;&#13;&#10;}&#13;&#10;.lo-plate[data-lo-plate-tone="dark"] {&#13;&#10; --lo-plate-fill: var(--brand-ink, #0b0b10);&#13;&#10; --lo-plate-ink: #f6f4ea;&#13;&#10; --lo-plate-dim: rgba(246, 242, 234, 0.7);&#13;&#10; --lo-plate-stroke: rgba(247, 245, 236, 0.16);&#13;&#10;}&#13;&#10;.lo-plate__wrap {&#13;&#10; max-width: var(--brand-measure, 1268px);&#13;&#10; margin: 0 auto;&#13;&#10;}&#13;&#10;.lo-plate__top {&#13;&#10; display: grid;&#13;&#10; grid-template-columns: 1.4fr 1fr;&#13;&#10; gap: clamp(26px, 5vw, 80px);&#13;&#10; align-items: end;&#13;&#10; margin-bottom: clamp(50px, 6vw, 80px);&#13;&#10;}&#13;&#10;.lo-plate__kicker {&#13;&#10; display: flex;&#13;&#10; align-items: center;&#13;&#10; gap: 12px;&#13;&#10; margin: 0 0 clamp(22px, 3vw, 38px);&#13;&#10; font-size: 14px;&#13;&#10; font-weight: 500;&#13;&#10; letter-spacing: 0.02em;&#13;&#10; color: var(--lo-plate-dim);&#13;&#10;}&#13;&#10;.lo-plate__dash {&#13;&#10; width: 22px;&#13;&#10; height: 1px;&#13;&#10; background: var(--lo-plate-accent);&#13;&#10; flex-shrink: 0;&#13;&#10;}&#13;&#10;.lo-plate__head {&#13;&#10; margin: 0;&#13;&#10; font-family: var(--brand-type-top, var(--brand-type, 'Noto Sans KR', sans-serif));&#13;&#10; font-size: clamp(32px, 4.6vw, 66px);&#13;&#10; font-weight: 800;&#13;&#10; line-height: 1.15;&#13;&#10; letter-spacing: -0.042em;&#13;&#10;}&#13;&#10;.lo-plate__copy {&#13;&#10; margin: 0;&#13;&#10; max-width: 24.625em;&#13;&#10; font-size: clamp(16px, 1.15vw, 16px);&#13;&#10; line-height: 1.8;&#13;&#10; color: var(--lo-plate-dim);&#13;&#10;}&#13;&#10;.lo-plate__ul {&#13;&#10; margin: 0;&#13;&#10; padding: 0;&#13;&#10; list-style: none;&#13;&#10; border-bottom: 1px solid var(--lo-plate-stroke);&#13;&#10;}&#13;&#10;.lo-plate__node {&#13;&#10; position: relative;&#13;&#10; border-top: 1px solid var(--lo-plate-stroke);&#13;&#10;}&#13;&#10;.lo-plate__mark {&#13;&#10; position: absolute;&#13;&#10; left: 0;&#13;&#10; top: -1px;&#13;&#10; width: 100%;&#13;&#10; height: 1px;&#13;&#10; background: var(--lo-plate-accent);&#13;&#10; transform: scaleX(0);&#13;&#10; transform-origin: 0 50%;&#13;&#10; transition: transform 0.95s cubic-bezier(0.16, 1, 0.3, 1);&#13;&#10;}&#13;&#10;[data-lo-plate-o="1"] .lo-plate__mark {&#13;&#10; transform: scaleX(1);&#13;&#10;}&#13;&#10;.lo-plate__q-wrap {&#13;&#10; margin: 0;&#13;&#10; font-size: inherit;&#13;&#10; font-weight: inherit;&#13;&#10;}&#13;&#10;.lo-plate__q {&#13;&#10; display: grid;&#13;&#10; grid-template-columns: 1fr auto;&#13;&#10; gap: 24px;&#13;&#10; align-items: center;&#13;&#10; width: 100%;&#13;&#10; margin: 0;&#13;&#10; padding: clamp(24px, 2.8vw, 32px) 0;&#13;&#10; border: 0;&#13;&#10; background: none;&#13;&#10; color: inherit;&#13;&#10; font: inherit;&#13;&#10; text-align: left;&#13;&#10; cursor: pointer;&#13;&#10;}&#13;&#10;.lo-plate__q-copy {&#13;&#10; font-size: clamp(18px, 1.75vw, 24px);&#13;&#10; font-weight: 600;&#13;&#10; line-height: 1.4;&#13;&#10; letter-spacing: -0.02em;&#13;&#10;}&#13;&#10;.lo-plate__q:focus-visible {&#13;&#10; outline: 2px solid var(--lo-plate-ink);&#13;&#10; outline-offset: 4px;&#13;&#10;}&#13;&#10;.lo-plate__ico {&#13;&#10; position: relative;&#13;&#10; width: 40px;&#13;&#10; height: 46px;&#13;&#10; border: 1px solid var(--lo-plate-stroke);&#13;&#10; border-radius: 50%;&#13;&#10; transition: border-color 0.35s ease, transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);&#13;&#10;}&#13;&#10;.lo-plate__q:hover .lo-plate__ico {&#13;&#10; border-color: var(--lo-plate-ink);&#13;&#10;}&#13;&#10;.lo-plate__bar {&#13;&#10; position: absolute;&#13;&#10; left: 50%;&#13;&#10; top: 50%;&#13;&#10; width: 16px;&#13;&#10; height: 1.5px;&#13;&#10; margin: -0.75px 0 0 -7px;&#13;&#10; background: currentColor;&#13;&#10; transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);&#13;&#10;}&#13;&#10;[data-lo-plate-o="0"] .lo-plate__bar-v {&#13;&#10; transform: rotate(90deg);&#13;&#10;}&#13;&#10;.lo-plate__a {&#13;&#10; display: grid;&#13;&#10; grid-template-rows: 1fr;&#13;&#10; transition: grid-template-rows 0.75s cubic-bezier(0.16, 1, 0.3, 1), visibility 0s linear 0s;&#13;&#10;}&#13;&#10;[data-lo-plate-o="0"] .lo-plate__a {&#13;&#10; grid-template-rows: 0fr;&#13;&#10; visibility: hidden;&#13;&#10; transition: grid-template-rows 0.75s cubic-bezier(0.16, 1, 0.3, 1), visibility 0s linear 0.75s;&#13;&#10;}&#13;&#10;.lo-plate__a-in {&#13;&#10; min-height: 0;&#13;&#10; overflow: hidden;&#13;&#10;}&#13;&#10;.lo-plate__a-copy {&#13;&#10; max-width: 45em;&#13;&#10; margin: 0;&#13;&#10; padding: 0 76px clamp(30px, 3vw, 42px) 0;&#13;&#10; font-size: clamp(16px, 1.1vw, 16px);&#13;&#10; line-height: 1.9;&#13;&#10; color: var(--lo-plate-dim);&#13;&#10;}&#13;&#10;[data-lo-plate-r] {&#13;&#10; transition: opacity 0.9s cubic-bezier(0.16, 1, 0.3, 1), transform 1.05s cubic-bezier(0.16, 1, 0.3, 1);&#13;&#10;}&#13;&#10;[data-lo-plate-show="0"] [data-lo-plate-r] {&#13;&#10; opacity: 0;&#13;&#10; transform: translateY(28px);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;@media (max-width: 764px) {&#13;&#10; .lo-plate__top {&#13;&#10; grid-template-columns: 1fr;&#13;&#10; }&#13;&#10;}&#13;&#10;@media (max-width: 528px) {&#13;&#10; .lo-plate__ico {&#13;&#10; width: 38px;&#13;&#10; height: 40px;&#13;&#10; }&#13;&#10; .lo-plate__a-copy {&#13;&#10; padding-right: 0;&#13;&#10; }&#13;&#10;}&#13;&#10;&#13;&#10;&lt;/style&gt;&#13;&#10;&#13;&#10;&lt;section class="lo-plot" data-lo-plot="" data-lo-plot-tone="dark"&gt;&#13;&#10;&lt;div class="lo-plot__wrap"&gt;&#13;&#10;&lt;div class="lo-plot__grid"&gt;&#13;&#10;&lt;h1 class="lo-plot__head lo-hero-head" data-lo-plot-in=""&gt;웹상위노출 상담 신청&lt;/h1&gt;&#13;&#10;&lt;div aria-hidden="true" class="lo-plot__split"&gt;&lt;/div&gt;&#13;&#10;&lt;div class="lo-plot__side"&gt;&#13;&#10;&lt;p class="lo-plot__copy lo-copy" data-lo-plot-in=""&gt;상담은 사이트 주소 하나로 시작합니다. 전국 어디서든 온라인으로 진행하고, 방문 상담은 경기 안산에서 예약제로 받습니다.&lt;/p&gt;&#13;&#10;&lt;p class="lo-plot__extra" data-lo-plot-in=""&gt;상담 내용과 사이트 정보는 견적 산정 외에 쓰지 않습니다.&lt;/p&gt;&#13;&#10;&lt;ul class="lo-plot__info" data-lo-plot-in=""&gt;&#13;&#10;&lt;li&gt;주소 확인&lt;/li&gt;&#13;&#10;&lt;li&gt;범위 협의&lt;/li&gt;&#13;&#10;&lt;li&gt;견적 안내&lt;/li&gt;&#13;&#10;&lt;li&gt;착수&lt;/li&gt;&#13;&#10;&lt;/ul&gt;&#13;&#10;&lt;/div&gt;&#13;&#10;&lt;/div&gt;&#13;&#10;&lt;/div&gt;&#13;&#10;&lt;script&gt;&#13;&#10; (function () {&#13;&#10; var N = {"root": "data-lo-plot", "tone": "data-lo-plot-tone", "state": "data-lo-plot-show", "item": "data-lo-plot-in"};&#13;&#10; var s = document.currentScript;&#13;&#10; var R = s &amp;&amp; s.closest('[' + N.root + ']');&#13;&#10; if (!R) { return; }&#13;&#10; var items = R.querySelectorAll('[' + N.item + ']');&#13;&#10; // 시간차는 현재 DOM 순서로 매김&#13;&#10; for (var i = 0; i &lt; items.length; i++) {&#13;&#10; items[i].style.transitionDelay = (0.05 + i * 0.12) + 's, ' + (0.05 + i * 0.12) + 's';&#13;&#10; }&#13;&#10; var show = function () { R.setAttribute(N.state, '1'); };&#13;&#10; if (!('IntersectionObserver' in window)) { return; }&#13;&#10; R.setAttribute(N.state, '0');&#13;&#10; var io = new IntersectionObserver(function (es) {&#13;&#10; if (es[0].isIntersecting) {&#13;&#10; io.disconnect();&#13;&#10; requestAnimationFrame(function () { requestAnimationFrame(show); });&#13;&#10; }&#13;&#10; }, { threshold: 0.15 });&#13;&#10; io.observe(R);&#13;&#10; })();&#13;&#10; &lt;/script&gt;&#13;&#10;&lt;/section&gt;</description></item><item><title>웹상위노출 전략: 키워드·페이지 배치 설계</title><link>https://acmerental.co.kr/%EC%9B%B9%EC%83%81%EC%9C%84%EB%85%B8%EC%B6%9C%EC%A0%84%EB%9E%B5</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://acmerental.co.kr/%EC%9B%B9%EC%83%81%EC%9C%84%EB%85%B8%EC%B6%9C%EC%A0%84%EB%9E%B5</guid><description>&lt;style&gt;&#13;&#10;&#13;&#10;&#13;&#10;.lo-intro {&#13;&#10; --lo-intro-fill: var(--brand-fill, #f6f3ef);&#13;&#10; --lo-intro-ink: var(--brand-copy, #0e1212);&#13;&#10; --lo-intro-dim: rgba(18, 20, 17, 0.68);&#13;&#10; --lo-intro-frame: rgba(17, 20, 14, 0.08);&#13;&#10; --lo-intro-accent: var(--brand-main, #ff6c1f);&#13;&#10; position: relative;&#13;&#10; box-sizing: border-box;&#13;&#10; padding: clamp(136px, 13.5vw, 180px) 20px clamp(56px, 6vw, 86px);&#13;&#10; background: var(--lo-intro-fill);&#13;&#10; color: var(--lo-intro-ink);&#13;&#10; font-family: var(--brand-type, 'Noto Sans KR', sans-serif);&#13;&#10; word-break: keep-all;&#13;&#10;}&#13;&#10;.lo-intro[data-lo-intro-tone="dark"] {&#13;&#10; --lo-intro-fill: var(--brand-ink, #0b0f0c);&#13;&#10; --lo-intro-ink: #f5efee;&#13;&#10; --lo-intro-dim: rgba(242, 239, 234, 0.7);&#13;&#10; --lo-intro-frame: rgba(244, 244, 239, 0.08);&#13;&#10;}&#13;&#10;.lo-intro__wrap {&#13;&#10; max-width: var(--brand-measure, 1312px);&#13;&#10; margin: 0 auto;&#13;&#10;}&#13;&#10;.lo-intro__top {&#13;&#10; display: flex;&#13;&#10; flex-direction: column;&#13;&#10; align-items: center;&#13;&#10; text-align: center;&#13;&#10;}&#13;&#10;.lo-intro__kicker {&#13;&#10; display: inline-flex;&#13;&#10; align-items: center;&#13;&#10; gap: 10px;&#13;&#10; margin: 0 0 clamp(22px, 2.6vw, 30px);&#13;&#10; font-size: 14px;&#13;&#10; font-weight: 500;&#13;&#10; letter-spacing: 0.02em;&#13;&#10; color: var(--lo-intro-dim);&#13;&#10;}&#13;&#10;.lo-intro__dot {&#13;&#10; width: 5px;&#13;&#10; height: 6px;&#13;&#10; border-radius: 50%;&#13;&#10; background: var(--lo-intro-accent);&#13;&#10;}&#13;&#10;.lo-intro__head {&#13;&#10; max-width: 12.625em;&#13;&#10; margin: 0;&#13;&#10; font-family: var(--brand-type-top, var(--brand-type, 'Noto Sans KR', sans-serif));&#13;&#10; font-size: clamp(34px, 6.2vw, 100px);&#13;&#10; font-weight: 800;&#13;&#10; line-height: 1.05;&#13;&#10; letter-spacing: -0.044em;&#13;&#10;}&#13;&#10;.lo-intro__copy {&#13;&#10; max-width: 28em;&#13;&#10; margin: clamp(22px, 2.8vw, 34px) 0 0;&#13;&#10; font-size: clamp(16px, 1.3vw, 18px);&#13;&#10; font-weight: 300;&#13;&#10; line-height: 1.85;&#13;&#10; color: var(--lo-intro-dim);&#13;&#10;}&#13;&#10;.lo-intro__frame {&#13;&#10; position: relative;&#13;&#10; margin: clamp(48px, 6.5vw, 92px) 0 0;&#13;&#10; aspect-ratio: 21 / 9;&#13;&#10; border-radius: var(--brand-radius, 14px);&#13;&#10; background: var(--lo-intro-frame);&#13;&#10; overflow: hidden;&#13;&#10;}&#13;&#10;.lo-intro__media {&#13;&#10; display: block;&#13;&#10; width: 100%;&#13;&#10; height: 100%;&#13;&#10; object-fit: cover;&#13;&#10; transition: transform 1.85s cubic-bezier(0.16, 1, 0.3, 1) 0.3s, opacity 1.3s ease 0.3s;&#13;&#10;}&#13;&#10;.lo-intro__cap {&#13;&#10; display: flex;&#13;&#10; align-items: center;&#13;&#10; gap: 14px;&#13;&#10; margin: 16px 0 0;&#13;&#10; font-size: 14px;&#13;&#10; font-weight: 400;&#13;&#10; color: var(--lo-intro-dim);&#13;&#10;}&#13;&#10;.lo-intro__cap-stroke {&#13;&#10; width: 30px;&#13;&#10; height: 1px;&#13;&#10; background: var(--lo-intro-accent);&#13;&#10; flex-shrink: 0;&#13;&#10;}&#13;&#10;[data-lo-intro-in] {&#13;&#10; transition: opacity 1.1s cubic-bezier(0.16, 1, 0.3, 1), transform 0.95s cubic-bezier(0.16, 1, 0.3, 1);&#13;&#10;}&#13;&#10;[data-lo-intro-show="0"] [data-lo-intro-in] {&#13;&#10; opacity: 0;&#13;&#10; transform: translateY(24px);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;[data-lo-intro-show="0"] .lo-intro__media {&#13;&#10; opacity: 0;&#13;&#10; transform: scale(1.08);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;@media (max-width: 594px) {&#13;&#10; .lo-intro__frame {&#13;&#10; aspect-ratio: 4 / 3;&#13;&#10; }&#13;&#10;}&#13;&#10;&#13;&#10;&#13;&#10;&#13;&#10;&#13;&#10;.lo-lane {&#13;&#10; --lo-lane-fill: var(--brand-fill, #f3f3f0);&#13;&#10; --lo-lane-ink: var(--brand-copy, #0e0f14);&#13;&#10; --lo-lane-dim: rgba(14, 15, 17, 0.7);&#13;&#10; --lo-lane-stroke: rgba(14, 15, 15, 0.14);&#13;&#10; --lo-lane-frame: #e5e2d8;&#13;&#10; --lo-lane-accent: var(--brand-main, #fc6a21);&#13;&#10; position: relative;&#13;&#10; box-sizing: border-box;&#13;&#10; padding: clamp(82px, 9.5vw, 132px) 20px clamp(80px, 10vw, 146px);&#13;&#10; background: var(--lo-lane-fill);&#13;&#10; color: var(--lo-lane-ink);&#13;&#10; font-family: var(--brand-type, 'Noto Sans KR', sans-serif);&#13;&#10; word-break: keep-all;&#13;&#10;}&#13;&#10;.lo-lane[data-lo-lane-tone="dark"] {&#13;&#10; --lo-lane-fill: var(--brand-ink, #0c0d0b);&#13;&#10; --lo-lane-ink: #f5f3ed;&#13;&#10; --lo-lane-dim: rgba(242, 245, 240, 0.7);&#13;&#10; --lo-lane-stroke: rgba(245, 240, 238, 0.16);&#13;&#10; --lo-lane-frame: #1e1e20;&#13;&#10;}&#13;&#10;.lo-lane__wrap {&#13;&#10; max-width: var(--brand-measure, 1164px);&#13;&#10; margin: 0 auto;&#13;&#10;}&#13;&#10;.lo-lane__top {&#13;&#10; max-width: 702px;&#13;&#10; margin: 0 auto clamp(52px, 7vw, 90px);&#13;&#10; text-align: center;&#13;&#10;}&#13;&#10;.lo-lane__head {&#13;&#10; margin: 0;&#13;&#10; font-family: var(--brand-type-top, var(--brand-type, 'Noto Sans KR', sans-serif));&#13;&#10; font-size: clamp(26px, 3.8vw, 50px);&#13;&#10; font-weight: 900;&#13;&#10; line-height: 1.2;&#13;&#10; letter-spacing: -0.04em;&#13;&#10;}&#13;&#10;.lo-lane__copy {&#13;&#10; margin: 20px auto 0;&#13;&#10; max-width: 29.375em;&#13;&#10; font-size: clamp(16px, 1.15vw, 16px);&#13;&#10; line-height: 1.8;&#13;&#10; color: var(--lo-lane-dim);&#13;&#10;}&#13;&#10;.lo-lane__main {&#13;&#10; display: grid;&#13;&#10; grid-template-columns: minmax(0, 1fr) minmax(230px, 334px) minmax(0, 1fr);&#13;&#10; gap: clamp(30px, 4.4vw, 74px);&#13;&#10; align-items: center;&#13;&#10;}&#13;&#10;.lo-lane__col {&#13;&#10; display: flex;&#13;&#10; flex-direction: column;&#13;&#10; gap: clamp(36px, 4.4vw, 66px);&#13;&#10;}&#13;&#10;.lo-lane__col-l {&#13;&#10; text-align: right;&#13;&#10;}&#13;&#10;.lo-lane__feat {&#13;&#10; display: flex;&#13;&#10; flex-direction: column;&#13;&#10;}&#13;&#10;.lo-lane__tick {&#13;&#10; display: block;&#13;&#10; width: 28px;&#13;&#10; height: 1px;&#13;&#10; margin-bottom: 16px;&#13;&#10; background: var(--lo-lane-accent);&#13;&#10; transition: width 0.65s cubic-bezier(0.16, 1, 0.3, 1);&#13;&#10;}&#13;&#10;.lo-lane__col-l .lo-lane__tick {&#13;&#10; margin-left: auto;&#13;&#10;}&#13;&#10;.lo-lane__feat:hover .lo-lane__tick {&#13;&#10; width: 54px;&#13;&#10;}&#13;&#10;.lo-lane__name {&#13;&#10; margin: 0 0 12px;&#13;&#10; font-size: clamp(18px, 1.5vw, 22px);&#13;&#10; font-weight: 800;&#13;&#10; line-height: 1.4;&#13;&#10; letter-spacing: -0.025em;&#13;&#10;}&#13;&#10;.lo-lane__copy-2 {&#13;&#10; margin: 0;&#13;&#10; font-size: 16px;&#13;&#10; line-height: 1.8;&#13;&#10; color: var(--lo-lane-dim);&#13;&#10;}&#13;&#10;.lo-lane__frame {&#13;&#10; position: relative;&#13;&#10; margin: 0;&#13;&#10; aspect-ratio: 3 / 4;&#13;&#10; overflow: hidden;&#13;&#10; border-radius: var(--brand-radius, 14px);&#13;&#10; background: var(--lo-lane-frame);&#13;&#10;}&#13;&#10;.lo-lane__media {&#13;&#10; display: block;&#13;&#10; width: 100%;&#13;&#10; height: 100%;&#13;&#10; object-fit: cover;&#13;&#10; transition: transform 1.65s cubic-bezier(0.16, 1, 0.3, 1);&#13;&#10;}&#13;&#10;.lo-lane__frame::after {&#13;&#10; content: '';&#13;&#10; position: absolute;&#13;&#10; top: 12px;&#13;&#10; left: 12px;&#13;&#10; right: 12px;&#13;&#10; bottom: 12px;&#13;&#10; border: 1px solid rgba(255, 255, 252, 0.4);&#13;&#10; border-radius: calc(var(--brand-radius, 16px) * 0.6);&#13;&#10; pointer-events: none;&#13;&#10;}&#13;&#10;[data-lo-lane-in] {&#13;&#10; transition: opacity 1.15s cubic-bezier(0.16, 1, 0.3, 1), transform 1.1s cubic-bezier(0.16, 1, 0.3, 1);&#13;&#10;}&#13;&#10;[data-lo-lane-show="0"] [data-lo-lane-in] {&#13;&#10; opacity: 0;&#13;&#10; transform: translateY(32px);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;[data-lo-lane-show="0"] .lo-lane__media {&#13;&#10; transform: scale(1.08);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;@media (max-width: 852px) {&#13;&#10; .lo-lane__main {&#13;&#10; grid-template-columns: 1fr;&#13;&#10; gap: 48px;&#13;&#10; }&#13;&#10; .lo-lane__frame {&#13;&#10; order: -1;&#13;&#10; width: 100%;&#13;&#10; max-width: 452px;&#13;&#10; margin: 0 auto;&#13;&#10; aspect-ratio: 4 / 3;&#13;&#10; }&#13;&#10; .lo-lane__col-l {&#13;&#10; text-align: left;&#13;&#10; }&#13;&#10; .lo-lane__col-l .lo-lane__tick {&#13;&#10; margin-left: 0;&#13;&#10; }&#13;&#10;}&#13;&#10;&#13;&#10;&#13;&#10;&#13;&#10;&#13;&#10;.lo-tile {&#13;&#10; --lo-tile-fill: var(--brand-fill, #f8f6ef);&#13;&#10; --lo-tile-ink: var(--brand-copy, #14140f);&#13;&#10; --lo-tile-dim: rgba(20, 20, 16, 0.7);&#13;&#10; --lo-tile-stroke: rgba(18, 20, 15, 0.15);&#13;&#10; --lo-tile-frame: rgba(17, 14, 18, 0.08);&#13;&#10; --lo-tile-accent: var(--brand-main, #ff6a1c);&#13;&#10; position: relative;&#13;&#10; box-sizing: border-box;&#13;&#10; padding: clamp(84px, 9vw, 126px) 22px clamp(90px, 11vw, 146px);&#13;&#10; background: var(--lo-tile-fill);&#13;&#10; color: var(--lo-tile-ink);&#13;&#10; font-family: var(--brand-type, 'Noto Sans KR', sans-serif);&#13;&#10; word-break: keep-all;&#13;&#10;}&#13;&#10;.lo-tile[data-lo-tile-tone="dark"] {&#13;&#10; --lo-tile-fill: var(--brand-ink, #0f0f0e);&#13;&#10; --lo-tile-ink: #f1f2ea;&#13;&#10; --lo-tile-dim: rgba(241, 240, 235, 0.7);&#13;&#10; --lo-tile-stroke: rgba(245, 243, 239, 0.18);&#13;&#10; --lo-tile-frame: rgba(244, 240, 235, 0.09);&#13;&#10;}&#13;&#10;.lo-tile__wrap {&#13;&#10; max-width: var(--brand-measure, 1308px);&#13;&#10; margin: 0 auto;&#13;&#10;}&#13;&#10;.lo-tile__head {&#13;&#10; margin: 0 0 clamp(42px, 6vw, 94px);&#13;&#10; max-width: 18.125em;&#13;&#10; font-family: var(--brand-type-top, var(--brand-type, 'Noto Sans KR', sans-serif));&#13;&#10; font-size: clamp(28px, 4.2vw, 58px);&#13;&#10; font-weight: 800;&#13;&#10; line-height: 1.15;&#13;&#10; letter-spacing: -0.045em;&#13;&#10;}&#13;&#10;.lo-tile__ul {&#13;&#10; counter-reset: ft06n-mv;&#13;&#10;}&#13;&#10;.lo-tile__row {&#13;&#10; position: relative;&#13;&#10; display: grid;&#13;&#10; grid-template-columns: 1.25fr 1fr;&#13;&#10; gap: clamp(24px, 5vw, 82px);&#13;&#10; align-items: center;&#13;&#10; padding: clamp(30px, 4vw, 52px) 0;&#13;&#10; border-top: 1px solid var(--lo-tile-stroke);&#13;&#10; counter-increment: ft06n-mv;&#13;&#10;}&#13;&#10;.lo-tile__row::before {&#13;&#10; content: '';&#13;&#10; position: absolute;&#13;&#10; left: 0;&#13;&#10; top: -1px;&#13;&#10; width: 64px;&#13;&#10; height: 1px;&#13;&#10; background: var(--lo-tile-accent);&#13;&#10; transform-origin: 0 50%;&#13;&#10; transition: transform 1.2s cubic-bezier(0.16, 1, 0.3, 1) 0.45s;&#13;&#10;}&#13;&#10;.lo-tile__frame {&#13;&#10; aspect-ratio: 16 / 10;&#13;&#10; border-radius: var(--brand-radius, 16px);&#13;&#10; background: var(--lo-tile-frame);&#13;&#10; overflow: hidden;&#13;&#10;}&#13;&#10;.lo-tile__media {&#13;&#10; display: block;&#13;&#10; width: 100%;&#13;&#10; height: 100%;&#13;&#10; object-fit: cover;&#13;&#10;}&#13;&#10;.lo-tile__main {&#13;&#10; display: flex;&#13;&#10; flex-direction: column;&#13;&#10; align-items: flex-start;&#13;&#10; gap: 16px;&#13;&#10;}&#13;&#10;.lo-tile__main::before {&#13;&#10; content: counter(ft06n-mv, decimal-leading-zero);&#13;&#10; font-size: 14px;&#13;&#10; font-weight: 300;&#13;&#10; letter-spacing: 0.08em;&#13;&#10; color: var(--lo-tile-dim);&#13;&#10;}&#13;&#10;.lo-tile__name {&#13;&#10; margin: 0;&#13;&#10; font-family: var(--brand-type-top, var(--brand-type, 'Noto Sans KR', sans-serif));&#13;&#10; font-size: clamp(22px, 2.4vw, 32px);&#13;&#10; font-weight: 800;&#13;&#10; line-height: 1.25;&#13;&#10; letter-spacing: -0.035em;&#13;&#10;}&#13;&#10;.lo-tile__copy {&#13;&#10; margin: 0;&#13;&#10; max-width: 30.625em;&#13;&#10; font-size: clamp(16px, 1.1vw, 16px);&#13;&#10; line-height: 1.85;&#13;&#10; color: var(--lo-tile-dim);&#13;&#10;}&#13;&#10;.lo-tile__cta {&#13;&#10; display: inline-flex;&#13;&#10; align-items: center;&#13;&#10; gap: 12px;&#13;&#10; min-height: 44px;&#13;&#10; margin-top: 7px;&#13;&#10; padding: 0 24px;&#13;&#10; border: 1px solid var(--lo-tile-stroke);&#13;&#10; border-radius: var(--brand-action-radius, 1046px);&#13;&#10; color: var(--lo-tile-ink);&#13;&#10; font-size: 16px;&#13;&#10; font-weight: 700;&#13;&#10; text-decoration: none;&#13;&#10; transition: border-color 0.3s ease, transform 0.3s ease;&#13;&#10;}&#13;&#10;.lo-tile__cta:hover {&#13;&#10; border-color: var(--lo-tile-ink);&#13;&#10; transform: translateY(-2px);&#13;&#10;}&#13;&#10;.lo-tile__cta:focus-visible {&#13;&#10; outline: 2px solid var(--lo-tile-ink);&#13;&#10; outline-offset: 3px;&#13;&#10;}&#13;&#10;.lo-tile__arrow {&#13;&#10; position: relative;&#13;&#10; width: 18px;&#13;&#10; height: 1.5px;&#13;&#10; background: currentColor;&#13;&#10; transition: width 0.3s ease;&#13;&#10;}&#13;&#10;.lo-tile__arrow::after {&#13;&#10; content: '';&#13;&#10; position: absolute;&#13;&#10; right: 0;&#13;&#10; top: -3px;&#13;&#10; width: 6px;&#13;&#10; height: 6px;&#13;&#10; border-top: 1.5px solid currentColor;&#13;&#10; border-right: 1.5px solid currentColor;&#13;&#10; transform: rotate(45deg);&#13;&#10;}&#13;&#10;.lo-tile__cta:hover .lo-tile__arrow {&#13;&#10; width: 22px;&#13;&#10;}&#13;&#10;[data-lo-tile-in] {&#13;&#10; transition: opacity 1.05s cubic-bezier(0.16, 1, 0.3, 1), transform 1s cubic-bezier(0.16, 1, 0.3, 1);&#13;&#10;}&#13;&#10;[data-lo-tile-show="0"] [data-lo-tile-in] {&#13;&#10; opacity: 0;&#13;&#10; transform: translateY(32px);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;[data-lo-tile-show="0"] .lo-tile__row::before {&#13;&#10; transform: scaleX(0);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;@media (max-width: 850px) {&#13;&#10; .lo-tile__row {&#13;&#10; grid-template-columns: 1fr;&#13;&#10; }&#13;&#10;}&#13;&#10;&#13;&#10;&#13;&#10;&#13;&#10;&#13;&#10;.lo-view {&#13;&#10; --lo-view-fill: var(--brand-fill, #f8f2f4);&#13;&#10; --lo-view-ink: var(--brand-copy, #100e12);&#13;&#10; --lo-view-dim: rgba(20, 20, 20, 0.68);&#13;&#10; --lo-view-stroke: rgba(14, 18, 19, 0.2);&#13;&#10; --lo-view-accent: var(--brand-main, #ff671f);&#13;&#10; position: relative;&#13;&#10; box-sizing: border-box;&#13;&#10; padding: clamp(86px, 10vw, 150px) 20px clamp(86px, 11vw, 164px);&#13;&#10; background: var(--lo-view-fill);&#13;&#10; color: var(--lo-view-ink);&#13;&#10; font-family: var(--brand-type, 'Noto Sans KR', sans-serif);&#13;&#10; word-break: keep-all;&#13;&#10;}&#13;&#10;.lo-view[data-lo-view-tone="dark"] {&#13;&#10; --lo-view-fill: var(--brand-ink, #0f0b0f);&#13;&#10; --lo-view-ink: #f2f4ef;&#13;&#10; --lo-view-dim: rgba(245, 243, 235, 0.7);&#13;&#10; --lo-view-stroke: rgba(241, 239, 239, 0.24);&#13;&#10;}&#13;&#10;.lo-view__wrap {&#13;&#10; max-width: var(--brand-measure, 1216px);&#13;&#10; margin: 0 auto;&#13;&#10;}&#13;&#10;.lo-view__top {&#13;&#10; max-width: 37.625em;&#13;&#10; margin: 0 auto clamp(56px, 7vw, 92px);&#13;&#10; text-align: center;&#13;&#10;}&#13;&#10;.lo-view__head {&#13;&#10; margin: 0 0 18px;&#13;&#10; font-family: var(--brand-type-top, var(--brand-type, 'Noto Sans KR', sans-serif));&#13;&#10; font-size: clamp(30px, 3.6vw, 44px);&#13;&#10; font-weight: 800;&#13;&#10; line-height: 1.15;&#13;&#10; letter-spacing: -0.04em;&#13;&#10;}&#13;&#10;.lo-view__copy {&#13;&#10; margin: 0;&#13;&#10; font-size: clamp(16px, 1.15vw, 18px);&#13;&#10; line-height: 1.75;&#13;&#10; color: var(--lo-view-dim);&#13;&#10;}&#13;&#10;.lo-view__steps {&#13;&#10; list-style: none;&#13;&#10; margin: 0;&#13;&#10; padding: 0;&#13;&#10; display: grid;&#13;&#10; grid-auto-flow: column;&#13;&#10; grid-auto-columns: minmax(0, 1fr);&#13;&#10; counter-reset: pr05n-anim;&#13;&#10;}&#13;&#10;.lo-view__step {&#13;&#10; position: relative;&#13;&#10; display: flex;&#13;&#10; flex-direction: column;&#13;&#10; align-items: center;&#13;&#10; padding: 0 clamp(12px, 2vw, 30px);&#13;&#10; text-align: center;&#13;&#10; counter-increment: pr05n-anim;&#13;&#10;}&#13;&#10;.lo-view__mark {&#13;&#10; position: relative;&#13;&#10; display: flex;&#13;&#10; align-items: center;&#13;&#10; justify-content: center;&#13;&#10; width: 140px;&#13;&#10; height: 134px;&#13;&#10; margin-bottom: clamp(24px, 3vw, 36px);&#13;&#10;}&#13;&#10;.lo-view__mark::before {&#13;&#10; content: counter(pr05n-anim, decimal-leading-zero);&#13;&#10; font-size: 40px;&#13;&#10; font-weight: 300;&#13;&#10; line-height: 1;&#13;&#10; letter-spacing: -0.03em;&#13;&#10; font-variant-numeric: tabular-nums;&#13;&#10;}&#13;&#10;.lo-view__svg {&#13;&#10; position: absolute;&#13;&#10; inset: 0;&#13;&#10; width: 100%;&#13;&#10; height: 100%;&#13;&#10; transform: rotate(-90deg);&#13;&#10;}&#13;&#10;.lo-view__ring {&#13;&#10; fill: none;&#13;&#10; stroke: var(--lo-view-stroke);&#13;&#10; stroke-width: 1;&#13;&#10; stroke-dasharray: 1;&#13;&#10; stroke-dashoffset: 0;&#13;&#10; transition: stroke-dashoffset 1.5s cubic-bezier(0.16, 1, 0.3, 1);&#13;&#10; transition-delay: inherit;&#13;&#10;}&#13;&#10;.lo-view__dot {&#13;&#10; position: absolute;&#13;&#10; top: 16px;&#13;&#10; right: 16px;&#13;&#10; width: 10px;&#13;&#10; height: 9px;&#13;&#10; border-radius: 50%;&#13;&#10; background: var(--lo-view-accent);&#13;&#10;}&#13;&#10;.lo-view__arrow {&#13;&#10; display: none;&#13;&#10; position: absolute;&#13;&#10; top: 70px;&#13;&#10; left: calc(50% + 90px);&#13;&#10; right: calc(-50% + 84px);&#13;&#10; height: 1px;&#13;&#10;}&#13;&#10;[data-lo-view-link] .lo-view__arrow {&#13;&#10; display: block;&#13;&#10;}&#13;&#10;.lo-view__arrow::before {&#13;&#10; content: '';&#13;&#10; position: absolute;&#13;&#10; inset: 0;&#13;&#10; background: var(--lo-view-stroke);&#13;&#10; transform-origin: 0 50%;&#13;&#10; transition: transform 0.9s cubic-bezier(0.16, 1, 0.3, 1);&#13;&#10; transition-delay: inherit;&#13;&#10;}&#13;&#10;.lo-view__arrow::after {&#13;&#10; content: '';&#13;&#10; position: absolute;&#13;&#10; right: 0;&#13;&#10; top: -3.5px;&#13;&#10; width: 7px;&#13;&#10; height: 8px;&#13;&#10; border-top: 1px solid var(--lo-view-dim);&#13;&#10; border-right: 1px solid var(--lo-view-dim);&#13;&#10; transform: rotate(45deg);&#13;&#10; transition: opacity 0.65s ease;&#13;&#10; transition-delay: inherit;&#13;&#10;}&#13;&#10;.lo-view__name {&#13;&#10; margin: 0 0 14px;&#13;&#10; font-size: clamp(20px, 1.4vw, 18px);&#13;&#10; font-weight: 700;&#13;&#10; line-height: 1.35;&#13;&#10; letter-spacing: -0.02em;&#13;&#10;}&#13;&#10;.lo-view__copy-2 {&#13;&#10; max-width: 19em;&#13;&#10; margin: 0;&#13;&#10; font-size: 16px;&#13;&#10; line-height: 1.7;&#13;&#10; color: var(--lo-view-dim);&#13;&#10;}&#13;&#10;[data-lo-view-in] {&#13;&#10; transition: opacity 0.9s cubic-bezier(0.16, 1, 0.3, 1), transform 1.05s cubic-bezier(0.16, 1, 0.3, 1);&#13;&#10;}&#13;&#10;[data-lo-view-show="0"] [data-lo-view-in] {&#13;&#10; opacity: 0;&#13;&#10; transform: translateY(30px);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;[data-lo-view-show="0"] .lo-view__ring {&#13;&#10; stroke-dashoffset: 1;&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;[data-lo-view-show="0"] .lo-view__arrow::before {&#13;&#10; transform: scaleX(0);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;[data-lo-view-show="0"] .lo-view__arrow::after {&#13;&#10; opacity: 0;&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;@media (max-width: 698px) {&#13;&#10; .lo-view__steps {&#13;&#10; grid-auto-flow: row;&#13;&#10; gap: 74px;&#13;&#10; }&#13;&#10; .lo-view__arrow {&#13;&#10; top: calc(100% + 36px);&#13;&#10; left: calc(50% - 22px);&#13;&#10; right: auto;&#13;&#10; width: 42px;&#13;&#10; transform: rotate(90deg);&#13;&#10; }&#13;&#10;}&#13;&#10;&#13;&#10;&#13;&#10;&#13;&#10;&#13;&#10;.lo-sheet {&#13;&#10; --lo-sheet-fill: var(--brand-fill, #f5f4f3);&#13;&#10; --lo-sheet-ink: var(--brand-copy, #13130e);&#13;&#10; --lo-sheet-dim: rgba(19, 18, 15, 0.7);&#13;&#10; --lo-sheet-stroke: rgba(17, 19, 14, 0.14);&#13;&#10; --lo-sheet-accent: var(--brand-main, #ff6b1d);&#13;&#10; position: relative;&#13;&#10; box-sizing: border-box;&#13;&#10; padding: clamp(82px, 9.5vw, 134px) 20px clamp(62px, 8vw, 118px);&#13;&#10; background: var(--lo-sheet-fill);&#13;&#10; color: var(--lo-sheet-ink);&#13;&#10; font-family: var(--brand-type, 'Noto Sans KR', sans-serif);&#13;&#10; word-break: keep-all;&#13;&#10;}&#13;&#10;.lo-sheet[data-lo-sheet-tone="dark"] {&#13;&#10; --lo-sheet-fill: var(--brand-ink, #0e0a0c);&#13;&#10; --lo-sheet-ink: #f2f5eb;&#13;&#10; --lo-sheet-dim: rgba(244, 245, 238, 0.7);&#13;&#10; --lo-sheet-stroke: rgba(241, 244, 235, 0.16);&#13;&#10;}&#13;&#10;.lo-sheet__wrap {&#13;&#10; max-width: var(--brand-measure, 1220px);&#13;&#10; margin: 0 auto;&#13;&#10;}&#13;&#10;.lo-sheet__kicker {&#13;&#10; display: flex;&#13;&#10; align-items: center;&#13;&#10; gap: 14px;&#13;&#10; margin: 0 0 clamp(22px, 3vw, 38px);&#13;&#10; font-size: 14px;&#13;&#10; font-weight: 500;&#13;&#10; letter-spacing: 0.02em;&#13;&#10; color: var(--lo-sheet-dim);&#13;&#10;}&#13;&#10;.lo-sheet__dot {&#13;&#10; width: 8px;&#13;&#10; height: 8px;&#13;&#10; border-radius: 50%;&#13;&#10; background: var(--lo-sheet-accent);&#13;&#10; flex-shrink: 0;&#13;&#10;}&#13;&#10;.lo-sheet__top {&#13;&#10; display: grid;&#13;&#10; grid-template-columns: auto minmax(0, 1fr);&#13;&#10; gap: clamp(34px, 6vw, 112px);&#13;&#10; align-items: end;&#13;&#10;}&#13;&#10;.lo-sheet__fig {&#13;&#10; display: flex;&#13;&#10; align-items: flex-end;&#13;&#10; gap: 14px;&#13;&#10;}&#13;&#10;.lo-sheet__window {&#13;&#10; display: block;&#13;&#10; overflow: hidden;&#13;&#10; padding-top: 0.04em;&#13;&#10;}&#13;&#10;.lo-sheet__big {&#13;&#10; display: block;&#13;&#10; font-family: var(--brand-type-top, var(--brand-type, 'Noto Sans KR', sans-serif));&#13;&#10; font-size: clamp(98px, 15vw, 192px);&#13;&#10; font-weight: 800;&#13;&#10; line-height: 0.9;&#13;&#10; letter-spacing: -0.06em;&#13;&#10; font-variant-numeric: tabular-nums;&#13;&#10; transition: transform 1.25s cubic-bezier(0.16, 1, 0.3, 1) 0.1s;&#13;&#10;}&#13;&#10;.lo-sheet__unit {&#13;&#10; padding-bottom: 0.96em;&#13;&#10; font-size: clamp(16px, 1.3vw, 20px);&#13;&#10; font-weight: 500;&#13;&#10; letter-spacing: -0.01em;&#13;&#10; color: var(--lo-sheet-dim);&#13;&#10;}&#13;&#10;.lo-sheet__copy {&#13;&#10; padding-bottom: 12px;&#13;&#10;}&#13;&#10;.lo-sheet__head {&#13;&#10; max-width: 16.125em;&#13;&#10; margin: 0;&#13;&#10; font-family: var(--brand-type-top, var(--brand-type, 'Noto Sans KR', sans-serif));&#13;&#10; font-size: clamp(24px, 2.6vw, 36px);&#13;&#10; font-weight: 700;&#13;&#10; line-height: 1.3;&#13;&#10; letter-spacing: -0.035em;&#13;&#10;}&#13;&#10;.lo-sheet__copy-2 {&#13;&#10; max-width: 25.25em;&#13;&#10; margin: 16px 0 0;&#13;&#10; font-size: clamp(16px, 1.15vw, 18px);&#13;&#10; line-height: 1.85;&#13;&#10; color: var(--lo-sheet-dim);&#13;&#10;}&#13;&#10;.lo-sheet__hr {&#13;&#10; position: relative;&#13;&#10; height: 1px;&#13;&#10; margin: clamp(44px, 6vw, 88px) 0 clamp(30px, 3.5vw, 46px);&#13;&#10; background: var(--lo-sheet-stroke);&#13;&#10; transform-origin: 0 50%;&#13;&#10; transition: transform 1.35s cubic-bezier(0.16, 1, 0.3, 1) 0.4s;&#13;&#10;}&#13;&#10;.lo-sheet__names {&#13;&#10; display: grid;&#13;&#10; grid-template-columns: repeat(4, minmax(0, 1fr));&#13;&#10; gap: 20px clamp(18px, 3vw, 38px);&#13;&#10; margin: 0;&#13;&#10; padding: 0;&#13;&#10; list-style: none;&#13;&#10;}&#13;&#10;.lo-sheet__name {&#13;&#10; position: relative;&#13;&#10; padding-left: 20px;&#13;&#10; font-size: clamp(16px, 1.2vw, 16px);&#13;&#10; font-weight: 400;&#13;&#10; line-height: 1.45;&#13;&#10; color: var(--lo-sheet-dim);&#13;&#10; transition: color 0.35s ease;&#13;&#10;}&#13;&#10;.lo-sheet__name::before {&#13;&#10; content: '';&#13;&#10; position: absolute;&#13;&#10; left: 0;&#13;&#10; top: 0.68em;&#13;&#10; width: 10px;&#13;&#10; height: 1px;&#13;&#10; background: var(--lo-sheet-stroke);&#13;&#10; transition: background-color 0.3s ease, width 0.3s ease;&#13;&#10;}&#13;&#10;.lo-sheet__name:hover {&#13;&#10; color: var(--lo-sheet-ink);&#13;&#10;}&#13;&#10;.lo-sheet__name:hover::before {&#13;&#10; width: 16px;&#13;&#10; background: var(--lo-sheet-accent);&#13;&#10;}&#13;&#10;[data-lo-sheet-in] {&#13;&#10; transition: opacity 0.9s cubic-bezier(0.16, 1, 0.3, 1), transform 1.05s cubic-bezier(0.16, 1, 0.3, 1), color 0.3s ease;&#13;&#10;}&#13;&#10;[data-lo-sheet-show="0"] [data-lo-sheet-in] {&#13;&#10; opacity: 0;&#13;&#10; transform: translateY(30px);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;[data-lo-sheet-show="0"] .lo-sheet__big {&#13;&#10; transform: translateY(102%);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;[data-lo-sheet-show="0"] .lo-sheet__hr {&#13;&#10; transform: scaleX(0);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;@media (max-width: 930px) {&#13;&#10; .lo-sheet__top {&#13;&#10; grid-template-columns: 1fr;&#13;&#10; align-items: start;&#13;&#10; }&#13;&#10; .lo-sheet__names {&#13;&#10; grid-template-columns: repeat(2, minmax(0, 1fr));&#13;&#10; }&#13;&#10;}&#13;&#10;&#13;&#10;&#13;&#10;&#13;&#10;&#13;&#10;.lo-pane {&#13;&#10; --lo-pane-fill: var(--brand-fill, #f9f7f0);&#13;&#10; --lo-pane-ink: var(--brand-copy, #131213);&#13;&#10; --lo-pane-dim: rgba(15, 14, 15, 0.68);&#13;&#10; --lo-pane-stroke: rgba(18, 14, 15, 0.16);&#13;&#10; --lo-pane-panel: #fffffd;&#13;&#10; --lo-pane-accent: var(--brand-main, #fe6721);&#13;&#10; --lo-pane-action-fill: #121014;&#13;&#10; --lo-pane-action-ink: #fdffff;&#13;&#10; position: relative;&#13;&#10; box-sizing: border-box;&#13;&#10; padding: clamp(88px, 10.5vw, 148px) 22px clamp(80px, 9vw, 134px);&#13;&#10; background: var(--lo-pane-fill);&#13;&#10; color: var(--lo-pane-ink);&#13;&#10; font-family: var(--brand-type, 'Noto Sans KR', sans-serif);&#13;&#10; word-break: keep-all;&#13;&#10;}&#13;&#10;.lo-pane[data-lo-pane-tone="dark"] {&#13;&#10; --lo-pane-fill: var(--brand-ink, #0f0f0f);&#13;&#10; --lo-pane-ink: #f6f2eb;&#13;&#10; --lo-pane-dim: rgba(247, 243, 236, 0.7);&#13;&#10; --lo-pane-stroke: rgba(243, 242, 240, 0.18);&#13;&#10; --lo-pane-panel: #151618;&#13;&#10; --lo-pane-action-fill: #f2efeb;&#13;&#10; --lo-pane-action-ink: #0d0f0f;&#13;&#10;}&#13;&#10;.lo-pane__ticket {&#13;&#10; max-width: min(var(--brand-measure, 1276px), 1076px);&#13;&#10; margin: 0 auto;&#13;&#10; display: grid;&#13;&#10; grid-template-columns: 1fr minmax(284px, 0.46fr);&#13;&#10; background: var(--lo-pane-panel);&#13;&#10; border: 1px solid var(--lo-pane-stroke);&#13;&#10; border-radius: var(--brand-radius, 16px);&#13;&#10;}&#13;&#10;.lo-pane__main {&#13;&#10; padding: clamp(38px, 5vw, 74px) clamp(26px, 5vw, 68px);&#13;&#10;}&#13;&#10;.lo-pane__kicker {&#13;&#10; display: flex;&#13;&#10; align-items: center;&#13;&#10; gap: 12px;&#13;&#10; margin: 0 0 clamp(24px, 3vw, 32px);&#13;&#10; font-size: 14px;&#13;&#10; font-weight: 500;&#13;&#10; letter-spacing: 0.02em;&#13;&#10; color: var(--lo-pane-dim);&#13;&#10;}&#13;&#10;.lo-pane__dot {&#13;&#10; width: 9px;&#13;&#10; height: 8px;&#13;&#10; border-radius: 50%;&#13;&#10; background: var(--lo-pane-accent);&#13;&#10; flex-shrink: 0;&#13;&#10;}&#13;&#10;.lo-pane__head {&#13;&#10; margin: 0;&#13;&#10; max-width: 13.125em;&#13;&#10; font-family: var(--brand-type-top, var(--brand-type, 'Noto Sans KR', sans-serif));&#13;&#10; font-size: clamp(28px, 3.3vw, 48px);&#13;&#10; font-weight: 800;&#13;&#10; line-height: 1.25;&#13;&#10; letter-spacing: -0.035em;&#13;&#10;}&#13;&#10;.lo-pane__offer {&#13;&#10; display: flex;&#13;&#10; align-items: flex-end;&#13;&#10; flex-wrap: wrap;&#13;&#10; gap: 9px 20px;&#13;&#10; margin: clamp(28px, 4vw, 50px) 0 clamp(20px, 2.6vw, 30px);&#13;&#10;}&#13;&#10;.lo-pane__big {&#13;&#10; margin: 0;&#13;&#10; font-size: clamp(62px, 9vw, 124px);&#13;&#10; font-weight: 300;&#13;&#10; line-height: 0.9;&#13;&#10; letter-spacing: -0.05em;&#13;&#10;}&#13;&#10;.lo-pane__unit {&#13;&#10; margin: 0 0 0.48em;&#13;&#10; padding-left: 16px;&#13;&#10; border-left: 2px solid var(--lo-pane-accent);&#13;&#10; font-size: 16px;&#13;&#10; font-weight: 600;&#13;&#10; line-height: 1.5;&#13;&#10;}&#13;&#10;.lo-pane__copy {&#13;&#10; margin: 0;&#13;&#10; max-width: 31.75em;&#13;&#10; font-size: clamp(16px, 1.15vw, 18px);&#13;&#10; line-height: 1.85;&#13;&#10; color: var(--lo-pane-dim);&#13;&#10;}&#13;&#10;.lo-pane__stub {&#13;&#10; position: relative;&#13;&#10; display: flex;&#13;&#10; flex-direction: column;&#13;&#10; justify-content: center;&#13;&#10; gap: 18px;&#13;&#10; padding: clamp(32px, 4vw, 54px) clamp(26px, 3.6vw, 48px);&#13;&#10; border-left: 1px dashed var(--lo-pane-stroke);&#13;&#10;}&#13;&#10;.lo-pane__stub::before,&#13;&#10;.lo-pane__stub::after {&#13;&#10; content: '';&#13;&#10; position: absolute;&#13;&#10; left: -15px;&#13;&#10; width: 28px;&#13;&#10; height: 30px;&#13;&#10; box-sizing: border-box;&#13;&#10; border-radius: 50%;&#13;&#10; background: var(--lo-pane-fill);&#13;&#10; border: 1px solid var(--lo-pane-stroke);&#13;&#10;}&#13;&#10;.lo-pane__stub::before {&#13;&#10; top: -15px;&#13;&#10; clip-path: inset(16px 0 0 0);&#13;&#10;}&#13;&#10;.lo-pane__stub::after {&#13;&#10; bottom: -15px;&#13;&#10; clip-path: inset(0 0 14px 0);&#13;&#10;}&#13;&#10;.lo-pane__key {&#13;&#10; margin: 0;&#13;&#10; font-size: 14px;&#13;&#10; font-weight: 500;&#13;&#10; letter-spacing: 0.04em;&#13;&#10; color: var(--lo-pane-dim);&#13;&#10;}&#13;&#10;.lo-pane__code {&#13;&#10; margin: 0;&#13;&#10; padding: 14px 14px;&#13;&#10; border: 1px solid var(--lo-pane-stroke);&#13;&#10; border-radius: calc(var(--brand-radius, 16px) * 0.6);&#13;&#10; font-size: clamp(18px, 1.7vw, 20px);&#13;&#10; font-weight: 700;&#13;&#10; letter-spacing: 0.23em;&#13;&#10; text-align: center;&#13;&#10;}&#13;&#10;.lo-pane__go {&#13;&#10; display: inline-flex;&#13;&#10; align-items: center;&#13;&#10; justify-content: center;&#13;&#10; gap: 12px;&#13;&#10; min-height: 52px;&#13;&#10; padding: 0 28px;&#13;&#10; border-radius: var(--brand-action-radius, 922px);&#13;&#10; background: var(--lo-pane-action-fill);&#13;&#10; color: var(--lo-pane-action-ink);&#13;&#10; font-size: 16px;&#13;&#10; font-weight: 700;&#13;&#10; text-decoration: none;&#13;&#10; transition: transform 0.3s ease;&#13;&#10;}&#13;&#10;.lo-pane__go:hover {&#13;&#10; transform: translateY(-2px);&#13;&#10;}&#13;&#10;.lo-pane__go:focus-visible {&#13;&#10; outline: 2px solid var(--lo-pane-ink);&#13;&#10; outline-offset: 3px;&#13;&#10;}&#13;&#10;.lo-pane__arrow {&#13;&#10; position: relative;&#13;&#10; width: 16px;&#13;&#10; height: 1.5px;&#13;&#10; background: currentColor;&#13;&#10; transition: width 0.3s ease;&#13;&#10;}&#13;&#10;.lo-pane__arrow::after {&#13;&#10; content: '';&#13;&#10; position: absolute;&#13;&#10; right: 0;&#13;&#10; top: -3px;&#13;&#10; width: 6px;&#13;&#10; height: 6px;&#13;&#10; border-top: 1.5px solid currentColor;&#13;&#10; border-right: 1.5px solid currentColor;&#13;&#10; transform: rotate(45deg);&#13;&#10;}&#13;&#10;.lo-pane__go:hover .lo-pane__arrow {&#13;&#10; width: 24px;&#13;&#10;}&#13;&#10;.lo-pane__note {&#13;&#10; margin: 0;&#13;&#10; font-size: 14px;&#13;&#10; line-height: 1.6;&#13;&#10; color: var(--lo-pane-dim);&#13;&#10;}&#13;&#10;[data-lo-pane-in] {&#13;&#10; transition: opacity 0.9s cubic-bezier(0.16, 1, 0.3, 1), transform 1.1s cubic-bezier(0.16, 1, 0.3, 1);&#13;&#10;}&#13;&#10;[data-lo-pane-show="0"] [data-lo-pane-in] {&#13;&#10; opacity: 0;&#13;&#10; transform: translateY(26px);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;@media (max-width: 718px) {&#13;&#10; .lo-pane__ticket {&#13;&#10; grid-template-columns: 1fr;&#13;&#10; }&#13;&#10; .lo-pane__stub {&#13;&#10; border-left: 0;&#13;&#10; border-top: 1px dashed var(--lo-pane-stroke);&#13;&#10; }&#13;&#10; .lo-pane__stub::before,&#13;&#10; .lo-pane__stub::after {&#13;&#10; top: -15px;&#13;&#10; bottom: auto;&#13;&#10; }&#13;&#10; .lo-pane__stub::before {&#13;&#10; left: -15px;&#13;&#10; clip-path: inset(0 0 0 16px);&#13;&#10; }&#13;&#10; .lo-pane__stub::after {&#13;&#10; left: auto;&#13;&#10; right: -15px;&#13;&#10; clip-path: inset(0 14px 0 0);&#13;&#10; }&#13;&#10;}&#13;&#10;&#13;&#10;&lt;/style&gt;&#13;&#10;&#13;&#10;&lt;section class="lo-intro" data-lo-intro="" data-lo-intro-tone="dark"&gt;&#13;&#10;&lt;div class="lo-intro__wrap"&gt;&#13;&#10;&lt;div class="lo-intro__top"&gt;&#13;&#10;&lt;p class="lo-intro__kicker lo-kicker" data-lo-intro-in=""&gt;&lt;span aria-hidden="true" class="lo-intro__dot"&gt;&lt;/span&gt;전략 개요&lt;/p&gt;&#13;&#10;&lt;h1 class="lo-intro__head lo-hero-head" data-lo-intro-in=""&gt;웹상위노출 전략 설계 기준&lt;/h1&gt;&#13;&#10;&lt;p class="lo-intro__copy lo-copy" data-lo-intro-in=""&gt;전략은 키워드 목록이 아니라 페이지 배치표입니다. &lt;a href="/posts/post_002"&gt;검색 의도&lt;/a&gt; 하나에 페이지 하나를 대응시킵니다.&lt;/p&gt;&#13;&#10;&lt;/div&gt;&#13;&#10;&lt;div class="lo-intro__frame" data-lo-intro-in=""&gt;&#13;&#10;&lt;img alt="웹상위노출 전략의 결과물은 페이지 배치표: 검색 의도 하나에 페이지 하나를 대응" class="lo-intro__media" height="686" loading="lazy" src="/img/pale-window.svg" width="1600"/&gt;&#13;&#10;&lt;/div&gt;&#13;&#10;&lt;p class="lo-intro__cap" data-lo-intro-in=""&gt;&lt;span aria-hidden="true" class="lo-intro__cap-stroke"&gt;&lt;/span&gt;전략의 결과물은 페이지 배치표&lt;/p&gt;&#13;&#10;&lt;/div&gt;&#13;&#10;&lt;script&gt;&#13;&#10; (function () {&#13;&#10; var N = {"root": "data-lo-intro", "tone": "data-lo-intro-tone", "state": "data-lo-intro-show", "item": "data-lo-intro-in"};&#13;&#10; var s = document.currentScript;&#13;&#10; var R = s &amp;&amp; s.closest('[' + N.root + ']');&#13;&#10; if (!R) { return; }&#13;&#10; var items = R.querySelectorAll('[' + N.item + ']');&#13;&#10; // 시간차는 현재 DOM 순서로 매김&#13;&#10; for (var i = 0; i &lt; items.length; i++) {&#13;&#10; items[i].style.transitionDelay = (i * 0.12) + 's, ' + (i * 0.12) + 's';&#13;&#10; }&#13;&#10; var show = function () { R.setAttribute(N.state, '1'); };&#13;&#10; if (!('IntersectionObserver' in window)) { return; }&#13;&#10; R.setAttribute(N.state, '0');&#13;&#10; var io = new IntersectionObserver(function (es) {&#13;&#10; if (es[0].isIntersecting) {&#13;&#10; io.disconnect();&#13;&#10; requestAnimationFrame(function () { requestAnimationFrame(show); });&#13;&#10; }&#13;&#10; }, { threshold: 0.15 });&#13;&#10; io.observe(R);&#13;&#10; })();&#13;&#10; &lt;/script&gt;&#13;&#10;&lt;/section&gt;</description></item></channel></rss>