<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>웹상위노출 설계 웹마케팅AI</title><link>https://webmarketing.ai.kr/index.html</link><description>Recent content on 웹상위노출 설계 웹마케팅AI</description><generator>Hugo</generator><language>ko</language><lastBuildDate>Thu, 29 Oct 2026 13:36:00 +0900</lastBuildDate><atom:link href="https://webmarketing.ai.kr/index.xml" rel="self" type="application/rss+xml"/><item><title>웹상위노출이 막히는 자리를 찾는 순서</title><link>https://webmarketing.ai.kr/posts/post_001.html</link><pubDate>Fri, 16 Oct 2026 00:00:00 +0000</pubDate><guid>https://webmarketing.ai.kr/posts/post_001.html</guid><description>&lt;p&gt;순위를 먼저 보면 원인을 놓칩니다. 지금 사이트가 검색 로봇에게 어떻게 읽히고 있는지부터 확인하는 편이 빠릅니다.&lt;/p&gt;&#10;&lt;p&gt;첫 칸은 색인입니다. 중요한 문서가 검색 결과에 들어가 있는지, 수집을 막는 규칙이 걸려 있지 않은지 봅니다. 두 번째 칸은 구조입니다. 메뉴와 주소 규칙이 서로 어긋나면 같은 내용이 여러 주소로 흩어지고, 어느 쪽도 제대로 평가받지 못합니다.&lt;/p&gt;&#10;&lt;p&gt;세 번째 칸은 문서입니다. 찾는 질문에 답이 되는 글이 있는지, 비슷한 주제가 겹쳐 서로의 자리를 깎고 있지 않은지 기준표로 가립니다. 마지막 칸은 링크입니다. 들어오는 링크의 출처와 내부 연결 흐름을 함께 봅니다.&lt;/p&gt;</description></item><item><title>웹사이트상위노출을 막는 기술 설정 다섯 가지</title><link>https://webmarketing.ai.kr/posts/post_002.html</link><pubDate>Tue, 27 Oct 2026 00:00:00 +0000</pubDate><guid>https://webmarketing.ai.kr/posts/post_002.html</guid><description>&lt;p&gt;기술 항목은 화면으로 드러나지 않아 늦게 발견됩니다. 그래서 점검표를 만들어 같은 조건에서 재어 봅니다.&lt;/p&gt;&#10;&lt;p&gt;첫째, 서버 응답이 느린 경우입니다. 화면이 그려지는 시간과 서버가 답하는 시간을 나눠 재면 어디가 늦는지 분명해집니다. 둘째, 같은 문서가 여러 주소로 열리는 경우입니다. 대표 주소를 하나로 지정하면 흩어진 평가가 모입니다.&lt;/p&gt;&#10;&lt;p&gt;셋째, 수집을 막는 규칙이 중요한 문서까지 가린 경우입니다. 규칙 한 줄이 웹사이트상위노출 전체를 눌러 놓는 일이 생각보다 흔합니다. 넷째, 사이트맵과 실제 문서 목록이 어긋난 경우입니다.&lt;/p&gt;&#10;&lt;p&gt;다섯째, 구조화 데이터가 규격에서 벗어난 경우입니다. 검색 결과에 쓰이는 표시 정보에 오류가 남아 있으면 그 자리가 비어 보입니다. 다섯 항목을 고친 뒤에는 같은 도구로 다시 재어 값을 기록해 둡니다.&lt;/p&gt;</description></item><item><title>겹친 문서를 합치면 자리가 생깁니다</title><link>https://webmarketing.ai.kr/posts/post_003.html</link><pubDate>Sun, 18 Oct 2026 00:00:00 +0000</pubDate><guid>https://webmarketing.ai.kr/posts/post_003.html</guid><description>&lt;p&gt;글을 많이 쓰는 것보다 경계를 잘 나누는 일이 먼저입니다. 질문 하나에 문서 하나를 두는 것이 기본 기준입니다.&lt;/p&gt;&#10;&lt;p&gt;검색어를 모아 보면 같은 질문을 다르게 적은 말이 줄줄이 나옵니다. 이것을 문서마다 하나씩 배정하면 새로 쓸 글의 수가 저절로 줄어듭니다. 이미 있는 글 가운데 주제가 겹치는 것은 대표 문서를 정해 내용을 모으고, 남은 글은 보조 설명으로 돌립니다.&lt;/p&gt;&#10;&lt;p&gt;합치기만 해도 웹사이트상위노출 흐름이 달라지는 경우가 많습니다. 흩어져 있던 신호가 한 문서로 모이기 때문입니다.&lt;/p&gt;&#10;&lt;p&gt;발행 뒤에는 반응을 같은 기준으로 다시 읽습니다. 끝까지 읽히지 않는 글은 질문 순서를 앞으로 당기고, 정보가 낡은 글은 날짜를 적어 다시 씁니다. 분기마다 한 번씩 이 작업을 돌리면 문서 수가 늘어도 구성이 흐트러지지 않습니다.&lt;/p&gt;</description></item><item><title>홈페이지상위노출에 도움이 되는 링크 가리기</title><link>https://webmarketing.ai.kr/posts/post_004.html</link><pubDate>Sun, 25 Oct 2026 00:00:00 +0000</pubDate><guid>https://webmarketing.ai.kr/posts/post_004.html</guid><description>&lt;p&gt;링크는 많을수록 좋은 것이 아니라 설명할 수 있어야 좋은 것입니다. 출처를 직접 열어 보지 않은 링크는 기준에 넣지 않습니다.&lt;/p&gt;&#10;&lt;p&gt;먼저 들어오는 링크를 한곳에 모아 출처와 연결된 문서를 함께 적습니다. 그다음 주제가 맞는 링크와 맞지 않는 링크를 나눕니다. 주제가 어긋난 자리에서 한꺼번에 늘어난 링크는 홈페이지상위노출에 도움이 되기보다 설명해야 할 짐이 됩니다.&lt;/p&gt;&#10;&lt;p&gt;끊을 것은 끊고 살릴 것은 내부 연결을 고쳐 흐름을 이어 줍니다. 새 링크를 붙이지 않고 내부 연결만 정리해도 문서 사이의 신호가 살아나는 경우가 있습니다.&lt;/p&gt;</description></item><item><title>진행 단계를 넘어가는 기준을 미리 정하기</title><link>https://webmarketing.ai.kr/posts/post_005.html</link><pubDate>Fri, 23 Oct 2026 00:00:00 +0000</pubDate><guid>https://webmarketing.ai.kr/posts/post_005.html</guid><description>&lt;p&gt;작업이 길어지는 이유는 할 일이 많기 때문이 아니라, 넘어가는 기준이 없기 때문입니다.&lt;/p&gt;&#10;&lt;p&gt;상담 단계에서는 다룰 범위와 다루지 않을 범위를 함께 적습니다. 설계 단계에서는 일정과 확인 항목을 한 장으로 묶어 미리 보여 드립니다. 이 두 장이 있으면 실행 중에 생기는 판단이 빨라집니다.&lt;/p&gt;&#10;&lt;p&gt;실행 단계에서는 바뀐 내용을 그때마다 기록으로 남깁니다. 어떤 설정을 왜 고쳤는지 적어 두면 다음 사람이 같은 자리를 다시 뒤지지 않습니다. 홈페이지상위노출 작업은 손댄 자리가 많아 기록이 없으면 원인을 되짚기 어렵습니다.&lt;/p&gt;</description></item><item><title>상담 전에 챙기면 좋은 자료 세 가지</title><link>https://webmarketing.ai.kr/posts/post_006.html</link><pubDate>Fri, 02 Oct 2026 00:00:00 +0000</pubDate><guid>https://webmarketing.ai.kr/posts/post_006.html</guid><description>&lt;p&gt;준비물이 없어도 상담은 됩니다. 다만 아래 세 가지가 있으면 첫 통화에서 범위까지 정리할 수 있습니다.&lt;/p&gt;&#10;&lt;p&gt;첫째는 지금 쓰고 계신 주소입니다. 주소만 있으면 기본 항목은 바로 살펴볼 수 있습니다. 둘째는 검색 관리 도구의 접근 권한입니다. 색인 상태와 유입 검색어를 직접 볼 수 있어 추측이 줄어듭니다.&lt;/p&gt;&#10;&lt;p&gt;셋째는 지금 가장 아쉬운 점입니다. 어떤 검색어로 찾아오기를 바라시는지, 어느 페이지가 비어 있다고 느끼시는지 말씀해 주시면 홈페이지상위노출 작업의 우선순위를 그 자리에서 정할 수 있습니다.&lt;/p&gt;&#10;&lt;p&gt;통화가 어려우시면 문자로 주소와 상황만 남겨 주셔도 됩니다. 확인하는 대로 먼저 연락드리고, 범위를 정한 뒤에 항목별 금액을 보내 드립니다.&lt;/p&gt;</description></item><item><title>유튜브 SEO 문답으로 짚기</title><link>https://webmarketing.ai.kr/posts/%EC%9C%A0%ED%8A%9C%EB%B8%8C_seo.html</link><pubDate>Thu, 29 Oct 2026 09:57:00 +0900</pubDate><guid>https://webmarketing.ai.kr/posts/%EC%9C%A0%ED%8A%9C%EB%B8%8C_seo.html</guid><description>&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;유튜브 SEO는 작성하는 쪽에 따라 YouTube 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; 질문 항목 분류로는 로컬·이커머스·AI 검색 용어 쪽에 들어간다.&lt;sup id="fnref:2"&gt;&lt;a href="#fn:2" class="footnote-ref" role="doc-noteref"&gt;2&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;어떤 사정에서 유튜브 SEO가 굳었나&lt;/p&gt;&#10;&lt;/blockquote&gt;&#10;&lt;p&gt;&lt;a href="./"&gt;웹사이트상위노출&lt;/a&gt;을 두고 질문 목록을 꾸릴 때 거듭 나오는 물음이라 답을 남긴다. 영상 수가 크게 늘면서 좋은 영상도 묻히는 일이 흔해져, 찾아지게 만드는 겉정보 관리가 따로 필요해졌다.&lt;/p&gt;</description></item><item><title>구글 디스커버 사례 기록과 판정</title><link>https://webmarketing.ai.kr/posts/%EA%B5%AC%EA%B8%80_%EB%94%94%EC%8A%A4%EC%BB%A4%EB%B2%84.html</link><pubDate>Thu, 29 Oct 2026 06:00:00 +0900</pubDate><guid>https://webmarketing.ai.kr/posts/%EA%B5%AC%EA%B8%80_%EB%94%94%EC%8A%A4%EC%BB%A4%EB%B2%84.html</guid><description>&lt;h2 id="사례-카드-첫-칸의-개요"&gt;사례 카드 첫 칸의 개요&lt;/h2&gt;&#10;&lt;p&gt;구글 디스커버는 기록 서식에서는 Google Discover, 구글 앱 추천 피드 라는 표기로도 나온다.&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; 사례 항목 분류로는 로컬·이커머스·AI 검색 용어 칸에 자리한다.&lt;sup id="fnref:2"&gt;&lt;a href="#fn:2" class="footnote-ref" role="doc-noteref"&gt;2&lt;/a&gt;&lt;/sup&gt; 관심사에 맞는 글을 검색어 없이 카드 묶음으로 추천해 모바일 화면에 띄워 주는 구글의 피드다.&lt;/p&gt;&#10;&lt;h2 id="사례가-생긴-사정"&gt;사례가 생긴 사정&lt;/h2&gt;&#10;&lt;p&gt;&lt;a href="./"&gt;웹상위노출&lt;/a&gt;을 두고 소견을 적어 둘 때 구글 디스커버가 한 사례로 나뉜 이유는 이렇다. 휴대폰으로 읽을 거리를 찾는 사용자가 많아지자, 검색 없이도 글을 먼저 내보이는 추천 통로가 마련됐다.&lt;/p&gt;</description></item><item><title>국제 SEO 진단 사례 노트</title><link>https://webmarketing.ai.kr/posts/%EA%B5%AD%EC%A0%9C_seo.html</link><pubDate>Thu, 29 Oct 2026 13:36:00 +0900</pubDate><guid>https://webmarketing.ai.kr/posts/%EA%B5%AD%EC%A0%9C_seo.html</guid><description>&lt;h2 id="기록지-머리의-정의"&gt;기록지 머리의 정의&lt;/h2&gt;&#10;&lt;p&gt;국제 SEO는 기록 서식에서는 International 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; 사례지 분류로는 로컬·이커머스·AI 검색 용어 칸에 자리한다.&lt;sup id="fnref:2"&gt;&lt;a href="#fn:2" class="footnote-ref" role="doc-noteref"&gt;2&lt;/a&gt;&lt;/sup&gt; 여러 나라와 언어를 상대하는 사이트에서 주소 구조와 버전 표시를 정리해, 지역마다 알맞은 화면이 노출되게 만드는 작업이다.&lt;/p&gt;&#10;&lt;h2 id="사례가-생긴-경위"&gt;사례가 생긴 경위&lt;/h2&gt;&#10;&lt;p&gt;&lt;a href="./"&gt;홈페이지상위노출&lt;/a&gt;을 목표로 한 사이트의 기록을 넘겨 볼 때 국제 SEO가 사례로 자주 오르는 사정은 이렇다. 수출과 해외 서비스가 늘면서 한 사이트로 여러 나라를 상대해야 하는 상황이 생기자, 구조 선택과 표시 규칙이 과제로 떠올랐다.&lt;/p&gt;</description></item><item><title>보이스 서치 뜻풀이와 쓰는 자리</title><link>https://webmarketing.ai.kr/posts/%EB%B3%B4%EC%9D%B4%EC%8A%A4_%EC%84%9C%EC%B9%98.html</link><pubDate>Wed, 28 Oct 2026 10:04:00 +0900</pubDate><guid>https://webmarketing.ai.kr/posts/%EB%B3%B4%EC%9D%B4%EC%8A%A4_%EC%84%9C%EC%B9%98.html</guid><description>&lt;h2 id="낱말-풀이-앞쪽의-기본-뜻"&gt;낱말 풀이 앞쪽의 기본 뜻&lt;/h2&gt;&#10;&lt;p&gt;보이스 서치는 기록 서식에서는 Voice 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; 낱말 분류로는 로컬·이커머스·AI 검색 용어 쪽에 들어간다.&lt;sup id="fnref:2"&gt;&lt;a href="#fn:2" class="footnote-ref" role="doc-noteref"&gt;2&lt;/a&gt;&lt;/sup&gt; 손으로 적지 않고 소리로 묻는 검색 행동을 뜻하기도 하고, 그렇게 들어온 물음에 읽어 줄 답을 마련하는 작업을 뜻하기도 한다.&lt;/p&gt;&#10;&lt;h2 id="풀이가-필요해진-사정"&gt;풀이가 필요해진 사정&lt;/h2&gt;&#10;&lt;p&gt;&lt;a href="./"&gt;웹사이트상위노출&lt;/a&gt;을 놓고 막는 자리를 말로 가릴 때 이 말이 기준 낱말로 굳은 사정은 이렇다. 스마트폰 비서와 스피커가 퍼지면서 손을 쓰지 않는 질문이 늘어, 말로 묻는 검색을 따로 다루게 됐다.&lt;/p&gt;</description></item><item><title>쿼리 팬아웃 진단 순서와 확인란</title><link>https://webmarketing.ai.kr/posts/%EC%BF%BC%EB%A6%AC_%ED%8C%AC%EC%95%84%EC%9B%83.html</link><pubDate>Wed, 28 Oct 2026 06:00:00 +0900</pubDate><guid>https://webmarketing.ai.kr/posts/%EC%BF%BC%EB%A6%AC_%ED%8C%AC%EC%95%84%EC%9B%83.html</guid><description>&lt;h2 id="항목표-맨-위의-뜻-정리"&gt;항목표 맨 위의 뜻 정리&lt;/h2&gt;&#10;&lt;p&gt;쿼리 팬아웃은 확인란 이름으로는 Query Fan-out, 질의 확산 라는 표기로도 적힌다.&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; 목록 분류로는 로컬·이커머스·AI 검색 용어 갈래에 속한다.&lt;sup id="fnref:2"&gt;&lt;a href="#fn:2" class="footnote-ref" role="doc-noteref"&gt;2&lt;/a&gt;&lt;/sup&gt; 묻는 사람이 한 문장만 넣어도 속에서는 여러 갈래 질문으로 쪼개 따로 찾고, 그 조각들을 다시 붙여 답을 짜는 처리 방식이다.&lt;/p&gt;&#10;&lt;h2 id="체크-항목이-된-사연"&gt;체크 항목이 된 사연&lt;/h2&gt;&#10;&lt;p&gt;&lt;a href="./"&gt;웹상위노출&lt;/a&gt;을 두고 점검 목록을 꾸릴 때 이 항목이 목록에 남게 된 흐름은 이렇다. 한 문장에 여러 조건이 섞인 질문이 많아 단일 검색으로는 답을 모으기 어려워, 질문을 쪼개 찾는 방식이 쓰이게 됐다.&lt;/p&gt;</description></item><item><title>패시지 랭킹을 묻는 순서대로 풀기</title><link>https://webmarketing.ai.kr/posts/%ED%8C%A8%EC%8B%9C%EC%A7%80_%EB%9E%AD%ED%82%B9.html</link><pubDate>Wed, 28 Oct 2026 13:42:00 +0900</pubDate><guid>https://webmarketing.ai.kr/posts/%ED%8C%A8%EC%8B%9C%EC%A7%80_%EB%9E%AD%ED%82%B9.html</guid><description>&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;패시지 랭킹은 화면 표기에 따라 Passage Ranking, 구절 단위 평가 라는 이름으로도 검색된다.&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; 문답 구분 분류로는 로컬·이커머스·AI 검색 용어 묶음에 놓인다.&lt;sup id="fnref:2"&gt;&lt;a href="#fn:2" class="footnote-ref" role="doc-noteref"&gt;2&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;a href="./"&gt;홈페이지상위노출&lt;/a&gt;을 두고 상태를 칸칸이 적어 갈 때 먼저 묻는 물음이라 답을 앞에 둔다. 넓은 주제를 한 문서에 담으면 세부 질문이 묻혀 버리는 문제가 있어, 문서 전체가 아닌 일부를 보고 평가하는 방식이 쓰이게 됐다.&lt;/p&gt;</description></item><item><title>브랜드 멘션 진단 노트</title><link>https://webmarketing.ai.kr/posts/%EB%B8%8C%EB%9E%9C%EB%93%9C_%EB%A9%98%EC%85%98.html</link><pubDate>Tue, 27 Oct 2026 09:25:00 +0900</pubDate><guid>https://webmarketing.ai.kr/posts/%EB%B8%8C%EB%9E%9C%EB%93%9C_%EB%A9%98%EC%85%98.html</guid><description>&lt;h2 id="점검표-맨-위의-항목의-뜻"&gt;점검표 맨 위의 항목의 뜻&lt;/h2&gt;&#10;&lt;p&gt;브랜드 멘션은 보고서에 따라 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; 진단 항목 갈래로는 로컬·이커머스·AI 검색 용어 구역에 들어간다. 링크가 걸리지 않은 상태로 다른 글에 이름만 적히는 노출을 가리키며, AI 답변이 퍼진 뒤로 비중이 자주 이야기된다.&lt;/p&gt;&#10;&lt;h2 id="진단-목록에-들어온-배경"&gt;진단 목록에 들어온 배경&lt;/h2&gt;&#10;&lt;p&gt;&lt;a href="./"&gt;웹사이트상위노출&lt;/a&gt;을 목표로 삼은 사이트를 처음 훑을 때 브랜드 멘션이 점검 대상에 오른 과정은 이렇다. 링크를 걸지 않고 이름만 적는 글이 많아지고 AI 답변이 문맥을 읽어 답을 쓰게 되면서, 언급 자체의 값어치가 논의되기 시작했다.&lt;/p&gt;</description></item><item><title>AI 크롤러를 두고 자주 나오는 질문</title><link>https://webmarketing.ai.kr/posts/ai_%ED%81%AC%EB%A1%A4%EB%9F%AC.html</link><pubDate>Tue, 27 Oct 2026 06:13:00 +0900</pubDate><guid>https://webmarketing.ai.kr/posts/ai_%ED%81%AC%EB%A1%A4%EB%9F%AC.html</guid><description>&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;AI 크롤러는 진단 기록에서는 GPTBot, ClaudeBot, Google-Extended 라는 이름표로도 쓰인다.&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; 문답지 분류로는 로컬·이커머스·AI 검색 용어 묶음에 들어간다.&lt;sup id="fnref:2"&gt;&lt;a href="#fn:2" class="footnote-ref" role="doc-noteref"&gt;2&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;무엇이 AI 크롤러를 끌어올렸나&lt;/p&gt;&#10;&lt;/blockquote&gt;&#10;&lt;p&gt;&lt;a href="./"&gt;웹상위노출&lt;/a&gt;을 목표로 삼은 사이트를 재어 볼 때 자주 되돌아오는 물음이라 답을 적어 둔다. 생성형 서비스가 늘면서 자기 글이 학습과 답변에 쓰이는 것을 두고 허용 여부를 정하려는 운영자가 많아졌다.&lt;/p&gt;</description></item><item><title>llms.txt 체크 항목 정리</title><link>https://webmarketing.ai.kr/posts/llms_txt.html</link><pubDate>Tue, 27 Oct 2026 13:01:00 +0900</pubDate><guid>https://webmarketing.ai.kr/posts/llms_txt.html</guid><description>&lt;h2 id="확인란-머리의-뜻-정리"&gt;확인란 머리의 뜻 정리&lt;/h2&gt;&#10;&lt;p&gt;llms.txt는 체크리스트에 따라 llms.txt 파일, 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; 목록상 분류로는 로컬·이커머스·AI 검색 용어 쪽에 놓인다.&lt;sup id="fnref:2"&gt;&lt;a href="#fn:2" class="footnote-ref" role="doc-noteref"&gt;2&lt;/a&gt;&lt;/sup&gt; 사이트의 요약과 주요 문서 목록을 마크다운으로 적어 루트에 올려 두자는 제안 규격이며, 공식 표준으로 정해진 것은 아니다.&lt;/p&gt;&#10;&lt;h2 id="항목으로-굳은-경위"&gt;항목으로 굳은 경위&lt;/h2&gt;&#10;&lt;p&gt;&lt;a href="./"&gt;홈페이지상위노출&lt;/a&gt;을 두고 소견을 적어 내릴 때 이 항목이 칸 하나를 받은 경위는 이렇다. AI 도구가 메뉴와 스크립트로 둘러싸인 화면에서 본문을 골라내기 어렵다는 지적에서, 요약본을 미리 건네자는 제안이 나왔다.&lt;/p&gt;</description></item><item><title>제로 클릭 검색 점검 소견과 조치 순위</title><link>https://webmarketing.ai.kr/posts/%EC%A0%9C%EB%A1%9C_%ED%81%B4%EB%A6%AD_%EA%B2%80%EC%83%89.html</link><pubDate>Mon, 26 Oct 2026 09:28:00 +0900</pubDate><guid>https://webmarketing.ai.kr/posts/%EC%A0%9C%EB%A1%9C_%ED%81%B4%EB%A6%AD_%EA%B2%80%EC%83%89.html</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; 분류 칸으로는 로컬·이커머스·AI 검색 용어 묶음에 놓인다. 검색 화면만으로 알고 싶던 것이 해결되어 어떤 링크도 눌리지 않은 채 끝난 검색을 가리키는 말이다.&lt;/p&gt;&#10;&lt;h2 id="점검표에-자리-잡은-출발점"&gt;점검표에 자리 잡은 출발점&lt;/h2&gt;&#10;&lt;p&gt;&lt;a href="./"&gt;웹사이트상위노출&lt;/a&gt;을 목표로 한 사이트의 약한 칸을 찾을 때 이 항목이 빠지지 않고 들어가는 이유는 이렇다. 날씨와 환율, 간단한 정의처럼 화면에서 바로 답이 나오는 자리가 늘면서, 노출은 있어도 방문은 없는 상황이 흔해졌다.&lt;/p&gt;</description></item><item><title>AI 모드 용어 풀이 노트</title><link>https://webmarketing.ai.kr/posts/ai_%EB%AA%A8%EB%93%9C.html</link><pubDate>Mon, 26 Oct 2026 06:08:00 +0900</pubDate><guid>https://webmarketing.ai.kr/posts/ai_%EB%AA%A8%EB%93%9C.html</guid><description>&lt;h2 id="낱말-카드의-정의"&gt;낱말 카드의 정의&lt;/h2&gt;&#10;&lt;p&gt;AI 모드는 보고서 표기로는 AI Mode, 구글 대화형 검색 라는 표기로도 통한다.&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; 용어 구분 분류로는 로컬·이커머스·AI 검색 용어 쪽에 놓인다.&lt;sup id="fnref:2"&gt;&lt;a href="#fn:2" class="footnote-ref" role="doc-noteref"&gt;2&lt;/a&gt;&lt;/sup&gt; 질문을 주고받으며 답을 좁혀 가는 구글의 검색 화면으로, 목록 결과와는 다른 자리에서 따로 제공된다.&lt;/p&gt;&#10;&lt;h2 id="용어가-나뉜-내력"&gt;용어가 나뉜 내력&lt;/h2&gt;&#10;&lt;p&gt;&lt;a href="./"&gt;웹상위노출&lt;/a&gt;을 놓고 막는 자리를 말로 가릴 때 AI 모드가 따로 쓰이게 된 사정은 이렇다. 한 번의 검색어로는 담기 어려운 복잡한 질문이 많아, 묻고 되묻는 흐름을 검색 안으로 들여오는 시도가 나왔다.&lt;/p&gt;</description></item><item><title>AI 오버뷰 사례로 보는 진단 소견</title><link>https://webmarketing.ai.kr/posts/ai_%EC%98%A4%EB%B2%84%EB%B7%B0.html</link><pubDate>Mon, 26 Oct 2026 12:59:00 +0900</pubDate><guid>https://webmarketing.ai.kr/posts/ai_%EC%98%A4%EB%B2%84%EB%B7%B0.html</guid><description>&lt;h2 id="사례-설명-앞쪽의-개념"&gt;사례 설명 앞쪽의 개념&lt;/h2&gt;&#10;&lt;p&gt;AI 오버뷰는 작성하는 쪽에 따라 AI Overviews, 구글 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; 기록 분류로는 로컬·이커머스·AI 검색 용어 칸에 들어간다.&lt;sup id="fnref:2"&gt;&lt;a href="#fn:2" class="footnote-ref" role="doc-noteref"&gt;2&lt;/a&gt;&lt;/sup&gt; 검색어를 넣으면 목록보다 먼저 뜨는 요약 영역으로, 답 문장과 참고 링크가 함께 담기며 국내 화면에서는 AI 개요로 불린다.&lt;/p&gt;&#10;&lt;h2 id="기록을-남기게-된-맥락"&gt;기록을 남기게 된 맥락&lt;/h2&gt;&#10;&lt;p&gt;&lt;a href="./"&gt;홈페이지상위노출&lt;/a&gt;을 맡은 사이트의 사례를 모아 둘 때 이 항목이 기록에 남게 된 내력은 이렇다. 질문형 검색이 늘고 답을 바로 얻고 싶어 하는 수요가 커지면서, 결과 목록 앞에 요약을 붙이는 방식이 도입됐다.&lt;/p&gt;</description></item><item><title>진단 항목으로 읽는 LLMO·AIO</title><link>https://webmarketing.ai.kr/posts/llmo_aio.html</link><pubDate>Sun, 25 Oct 2026 09:30:00 +0900</pubDate><guid>https://webmarketing.ai.kr/posts/llmo_aio.html</guid><description>&lt;h2 id="리포트-첫-칸의-개념"&gt;리포트 첫 칸의 개념&lt;/h2&gt;&#10;&lt;p&gt;LLMO·AIO는 작성하는 쪽에 따라 LLM Optimization, AI Optimization 라는 이름으로도 기록된다.&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; 리포트 묶음으로는 로컬·이커머스·AI 검색 용어 쪽으로 분류된다. ChatGPT와 Gemini, Claude 같은 언어 모델 서비스의 답변에 브랜드나 글이 등장하게 하려는 활동을 부르는 업계 용어다.&lt;/p&gt;&#10;&lt;h2 id="진단-대상이-된-흐름"&gt;진단 대상이 된 흐름&lt;/h2&gt;&#10;&lt;p&gt;&lt;a href="./"&gt;웹사이트상위노출&lt;/a&gt;을 두고 사이트 상태를 정리하는 단계에서 LLMO·AIO가 점검 대상에 오른 과정은 이렇다. 사람들이 검색창 대신 대화형 서비스에 묻는 일이 늘면서, 그 답변 안에 어떻게 등장할지를 다루는 이름이 여러 갈래로 생겼다.&lt;/p&gt;</description></item><item><title>AEO 진단 질문 노트</title><link>https://webmarketing.ai.kr/posts/aeo.html</link><pubDate>Sun, 25 Oct 2026 06:16:00 +0900</pubDate><guid>https://webmarketing.ai.kr/posts/aeo.html</guid><description>&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;AEO는 문답지마다 Answer Engine Optimization, 답변 엔진 최적화 라는 명칭으로도 보인다.&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; 문답 분류로는 로컬·이커머스·AI 검색 용어 쪽에 들어간다.&lt;sup id="fnref:2"&gt;&lt;a href="#fn:2" class="footnote-ref" role="doc-noteref"&gt;2&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;a href="./"&gt;웹상위노출&lt;/a&gt;을 맡은 사이트를 처음 열어 볼 때 빠지지 않는 물음이라 답을 적어 둔다. 검색 결과 위쪽에 요약 답이 붙는 자리가 늘어나면서, 링크를 노리는 것과 별개로 답 자리를 겨냥하는 작업이 이름을 얻었다.&lt;/p&gt;</description></item><item><title>GEO 진단 체크리스트</title><link>https://webmarketing.ai.kr/posts/geo.html</link><pubDate>Sun, 25 Oct 2026 13:36:00 +0900</pubDate><guid>https://webmarketing.ai.kr/posts/geo.html</guid><description>&lt;h2 id="확인란-머리의-항목-요약"&gt;확인란 머리의 항목 요약&lt;/h2&gt;&#10;&lt;p&gt;GEO는 체크리스트에 따라 Generative Engine Optimization, 생성형 엔진 최적화 라는 표기로도 나온다.&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; 목록상 분류로는 로컬·이커머스·AI 검색 용어 쪽에 놓인다.&lt;sup id="fnref:2"&gt;&lt;a href="#fn:2" class="footnote-ref" role="doc-noteref"&gt;2&lt;/a&gt;&lt;/sup&gt; AI가 써 주는 답 안에 자기 글이 근거로 등장하게 하려는 작업을 부르는 이름이며, 범위와 방법이 아직 논의 중이다.&lt;/p&gt;&#10;&lt;h2 id="목록에-남은-사정"&gt;목록에 남은 사정&lt;/h2&gt;&#10;&lt;p&gt;&lt;a href="./"&gt;홈페이지상위노출&lt;/a&gt;을 두고 소견을 적어 내릴 때 GEO가 독립 항목이 된 내력은 이렇다. 검색 화면이 답을 직접 내놓는 방식으로 바뀌면서, 링크 순위가 아니라 답변 속 인용을 목표로 삼는 흐름이 생겨났다.&lt;/p&gt;</description></item><item><title>상품 상세 최적화 말뜻 가려 쓰기</title><link>https://webmarketing.ai.kr/posts/%EC%83%81%ED%92%88_%EC%83%81%EC%84%B8_%EC%B5%9C%EC%A0%81%ED%99%94.html</link><pubDate>Sat, 24 Oct 2026 09:24:00 +0900</pubDate><guid>https://webmarketing.ai.kr/posts/%EC%83%81%ED%92%88_%EC%83%81%EC%84%B8_%EC%B5%9C%EC%A0%81%ED%99%94.html</guid><description>&lt;h2 id="용어-묶음-첫-줄의-뜻풀이"&gt;용어 묶음 첫 줄의 뜻풀이&lt;/h2&gt;&#10;&lt;p&gt;상품 상세 최적화는 자료마다 PDP SEO, Product Detail Page 최적화 라는 이름으로도 붙는다.&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; 용어표 분류로는 로컬·이커머스·AI 검색 용어 묶음에 들어간다.&lt;sup id="fnref:2"&gt;&lt;a href="#fn:2" class="footnote-ref" role="doc-noteref"&gt;2&lt;/a&gt;&lt;/sup&gt; 상품 하나를 소개하는 화면을 구매자와 검색엔진 모두가 이해하도록 상품명과 설명, 이미지, 구조화 데이터까지 손보는 작업이다.&lt;/p&gt;&#10;&lt;h2 id="용어가-나뉜-연원"&gt;용어가 나뉜 연원&lt;/h2&gt;&#10;&lt;p&gt;&lt;a href="./"&gt;웹사이트상위노출&lt;/a&gt;을 기준으로 항목 이름을 정할 때 이 말이 이름을 얻은 경과는 이렇다. 같은 상품을 여러 판매자가 파는 환경에서 제조사 설명을 그대로 붙인 화면만으로는 구별되지 않아, 상세 화면을 다듬는 일이 중요해졌다.&lt;/p&gt;</description></item><item><title>가정한 사례로 읽는 카테고리 페이지 SEO</title><link>https://webmarketing.ai.kr/posts/%EC%B9%B4%ED%85%8C%EA%B3%A0%EB%A6%AC_%ED%8E%98%EC%9D%B4%EC%A7%80_seo.html</link><pubDate>Sat, 24 Oct 2026 06:00:00 +0900</pubDate><guid>https://webmarketing.ai.kr/posts/%EC%B9%B4%ED%85%8C%EA%B3%A0%EB%A6%AC_%ED%8E%98%EC%9D%B4%EC%A7%80_seo.html</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; 보고 분류로는 로컬·이커머스·AI 검색 용어 쪽에 들어간다.&lt;sup id="fnref:2"&gt;&lt;a href="#fn:2" class="footnote-ref" role="doc-noteref"&gt;2&lt;/a&gt;&lt;/sup&gt; 상품이나 글을 묶어 보여 주는 목록 화면이 넓은 검색어로 찾아지도록 제목과 설명, 정렬 구조를 다듬는 작업이다.&lt;/p&gt;&#10;&lt;h2 id="사례로-다루게-된-사연"&gt;사례로 다루게 된 사연&lt;/h2&gt;&#10;&lt;p&gt;&lt;a href="./"&gt;웹상위노출&lt;/a&gt;을 두고 사례를 견주어 볼 때 카테고리 페이지 SEO가 기록에 남은 흐름은 이렇다. 상품 하나하나보다 분류 이름으로 찾는 검색이 많아, 목록 화면이 유입의 입구 역할을 하게 되면서 따로 다루게 됐다.&lt;/p&gt;</description></item><item><title>무료 쇼핑 리스팅 사례와 조치 순서</title><link>https://webmarketing.ai.kr/posts/%EB%AC%B4%EB%A3%8C_%EC%87%BC%ED%95%91_%EB%A6%AC%EC%8A%A4%ED%8C%85.html</link><pubDate>Sat, 24 Oct 2026 13:32:00 +0900</pubDate><guid>https://webmarketing.ai.kr/posts/%EB%AC%B4%EB%A3%8C_%EC%87%BC%ED%95%91_%EB%A6%AC%EC%8A%A4%ED%8C%85.html</guid><description>&lt;h2 id="기록지-머리의-항목-설명"&gt;기록지 머리의 항목 설명&lt;/h2&gt;&#10;&lt;p&gt;무료 쇼핑 리스팅은 측정 도구 목록에서는 Free Listings, 무료 제품 목록 라는 표기로도 통한다.&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; 기록지 분류로는 로컬·이커머스·AI 검색 용어 구역에 들어간다.&lt;sup id="fnref:2"&gt;&lt;a href="#fn:2" class="footnote-ref" role="doc-noteref"&gt;2&lt;/a&gt;&lt;/sup&gt; 광고비를 들이지 않고 상품이 구글 쇼핑 화면에 노출되도록 하는 기능으로, 제출한 상품 데이터를 바탕으로 작동한다.&lt;/p&gt;&#10;&lt;h2 id="사례에-오른-내력"&gt;사례에 오른 내력&lt;/h2&gt;&#10;&lt;p&gt;&lt;a href="./"&gt;홈페이지상위노출&lt;/a&gt;을 목표로 한 사이트의 기록을 넘겨 볼 때 이 항목이 빠지지 않고 거론되는 이유는 이렇다. 쇼핑 화면이 광고로만 채워지는 구조에 대한 지적이 이어지면서, 판매자 데이터로 무료 노출 자리를 함께 제공하게 됐다.&lt;/p&gt;</description></item><item><title>머천트 센터 용어 풀이와 경계</title><link>https://webmarketing.ai.kr/posts/%EB%A8%B8%EC%B2%9C%ED%8A%B8_%EC%84%BC%ED%84%B0.html</link><pubDate>Fri, 23 Oct 2026 09:24:00 +0900</pubDate><guid>https://webmarketing.ai.kr/posts/%EB%A8%B8%EC%B2%9C%ED%8A%B8_%EC%84%BC%ED%84%B0.html</guid><description>&lt;h2 id="낱말-카드의-정의-정리"&gt;낱말 카드의 정의 정리&lt;/h2&gt;&#10;&lt;p&gt;머천트 센터는 표제어 이름표에는 Google Merchant Center, 상품 피드 관리 도구 라는 이름으로도 붙는다.&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; 용어 분류로는 로컬·이커머스·AI 검색 용어 갈래에 속한다.&lt;sup id="fnref:2"&gt;&lt;a href="#fn:2" class="footnote-ref" role="doc-noteref"&gt;2&lt;/a&gt;&lt;/sup&gt; 쇼핑 노출에 쓰일 상품 자료를 판매자가 올려 두고 심사 결과와 실적을 확인하는 구글의 관리 화면이다.&lt;/p&gt;&#10;&lt;h2 id="낱말이-자리-잡은-출발점"&gt;낱말이 자리 잡은 출발점&lt;/h2&gt;&#10;&lt;p&gt;&lt;a href="./"&gt;웹사이트상위노출&lt;/a&gt;을 놓고 막는 자리를 말로 가릴 때 머천트 센터가 용어로 나뉜 과정은 이렇다. 쇼핑 검색은 페이지를 긁어 읽는 것만으로는 가격과 재고를 믿기 어려워, 판매자가 직접 데이터를 제출하는 창구가 마련됐다.&lt;/p&gt;</description></item><item><title>상품 스키마를 칸칸이 짚어 보기</title><link>https://webmarketing.ai.kr/posts/%EC%83%81%ED%92%88_%EC%8A%A4%ED%82%A4%EB%A7%88.html</link><pubDate>Fri, 23 Oct 2026 06:00:00 +0900</pubDate><guid>https://webmarketing.ai.kr/posts/%EC%83%81%ED%92%88_%EC%8A%A4%ED%82%A4%EB%A7%88.html</guid><description>&lt;h2 id="점검-카드의-항목-요약"&gt;점검 카드의 항목 요약&lt;/h2&gt;&#10;&lt;p&gt;상품 스키마는 확인란 이름으로는 Product Schema, Product 구조화 데이터 라는 이름으로 옮겨 적히기도 한다.&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; 체크 항목 분류로는 로컬·이커머스·AI 검색 용어 묶음에 놓인다.&lt;sup id="fnref:2"&gt;&lt;a href="#fn:2" class="footnote-ref" role="doc-noteref"&gt;2&lt;/a&gt;&lt;/sup&gt; 판매 화면에 사람 눈으로 적힌 값을 기계도 읽도록 정해진 항목 이름에 담아 적어 두는 구조화 데이터의 한 종류다.&lt;/p&gt;&#10;&lt;h2 id="칸을-받게-된-과정"&gt;칸을 받게 된 과정&lt;/h2&gt;&#10;&lt;p&gt;&lt;a href="./"&gt;웹상위노출&lt;/a&gt;을 놓고 손볼 차례를 세울 때 상품 스키마가 독립 항목이 된 내력은 이렇다. 상품 정보를 화면 디자인에서 읽어 내기 어려워, 검색 결과에 가격과 재고를 함께 보여 주려면 기계가 읽을 표시가 필요했다.&lt;/p&gt;</description></item><item><title>리뷰 신호 진단 문답</title><link>https://webmarketing.ai.kr/posts/%EB%A6%AC%EB%B7%B0_%EC%8B%A0%ED%98%B8.html</link><pubDate>Fri, 23 Oct 2026 12:56:00 +0900</pubDate><guid>https://webmarketing.ai.kr/posts/%EB%A6%AC%EB%B7%B0_%EC%8B%A0%ED%98%B8.html</guid><description>&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;리뷰 신호는 보고서 표기로는 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; 질문 분류로는 로컬·이커머스·AI 검색 용어 묶음에 놓인다.&lt;sup id="fnref:2"&gt;&lt;a href="#fn:2" class="footnote-ref" role="doc-noteref"&gt;2&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;a href="./"&gt;홈페이지상위노출&lt;/a&gt;을 기준으로 항목을 나눠 볼 때 빠지지 않는 물음이라 답을 적어 둔다. 직접 가 보지 않고 고르는 선택이 늘면서 남이 남긴 경험담이 판단 재료가 되어, 지역과 상품 검색에서 비중이 커졌다.&lt;/p&gt;</description></item><item><title>네이버 플레이스 개념과 개선 순서</title><link>https://webmarketing.ai.kr/posts/%EB%84%A4%EC%9D%B4%EB%B2%84_%ED%94%8C%EB%A0%88%EC%9D%B4%EC%8A%A4.html</link><pubDate>Thu, 22 Oct 2026 09:40:00 +0900</pubDate><guid>https://webmarketing.ai.kr/posts/%EB%84%A4%EC%9D%B4%EB%B2%84_%ED%94%8C%EB%A0%88%EC%9D%B4%EC%8A%A4.html</guid><description>&lt;h2 id="점검표-맨-위의-항목-설명"&gt;점검표 맨 위의 항목 설명&lt;/h2&gt;&#10;&lt;p&gt;네이버 플레이스는 자료마다 Naver Place, 네이버 지도 업체 정보 라는 표기로도 통한다.&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; 점검표 구역으로는 로컬·이커머스·AI 검색 용어 묶음에 놓인다. 네이버 쪽 지역 검색에서 업체 화면을 이루는 영역으로, 위치와 운영 정보, 사진, 방문자가 남긴 글이 한자리에 모인다.&lt;/p&gt;&#10;&lt;h2 id="소견-대상이-된-내력"&gt;소견 대상이 된 내력&lt;/h2&gt;&#10;&lt;p&gt;&lt;a href="./"&gt;웹사이트상위노출&lt;/a&gt;을 두고 사이트 상태를 정리하는 단계에서 네이버 플레이스가 자주 지적되는 배경은 이렇다. 국내 사용자가 동네 업체를 네이버에서 먼저 찾는 흐름이 굳어지면서, 업체 정보를 모아 보여 주는 영역이 지역 검색의 중심이 됐다.&lt;/p&gt;</description></item><item><title>근접성: 무엇이 막고 무엇을 먼저 고치나</title><link>https://webmarketing.ai.kr/posts/%EA%B7%BC%EC%A0%91%EC%84%B1.html</link><pubDate>Thu, 22 Oct 2026 06:00:00 +0900</pubDate><guid>https://webmarketing.ai.kr/posts/%EA%B7%BC%EC%A0%91%EC%84%B1.html</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; 분류 칸으로는 로컬·이커머스·AI 검색 용어 칸에 놓인다. 지역 결과의 후보와 순서에 영향을 주는 거리 요인이며, 기준점은 검색자의 위치이거나 검색어에 들어간 지역이 된다.&lt;/p&gt;&#10;&lt;h2 id="항목이-리포트에-오른-사정"&gt;항목이 리포트에 오른 사정&lt;/h2&gt;&#10;&lt;p&gt;&lt;a href="./"&gt;웹상위노출&lt;/a&gt;을 기준으로 꾸리는 보고서 항목에서 이 항목이 기준으로 굳은 사정은 이렇다. 가까운 곳을 찾으려는 의도가 지역 검색에 짙게 깔려 있어, 거리가 결과 선정에서 큰 몫을 차지하게 됐다.&lt;/p&gt;&#10;&lt;figure role="figure" aria-label="근접성 흐름"&gt;&lt;img src="./fig/wk-%ea%b7%bc%ec%a0%91%ec%84%b1.svg" alt="근접성 흐름" width="720" height="189" loading="lazy" decoding="async"&gt;&lt;figcaption&gt;근접성 흐름&lt;/figcaption&gt;&lt;/figure&gt;&#10;&lt;h2 id="결과가-드러나는-순서"&gt;결과가 드러나는 순서&lt;/h2&gt;&#10;&lt;p&gt;막는 지점을 짚어 보면 이 항목의 작동은 다음과 같이 정리된다. 검색엔진은 기기 위치나 검색어의 지역 표현을 기준점으로 잡고, 그 주변 업체를 후보로 좁힌 뒤 다른 신호로 순서를 매긴다.&lt;/p&gt;</description></item><item><title>NAP 일관성이 가리키는 범위</title><link>https://webmarketing.ai.kr/posts/nap_%EC%9D%BC%EA%B4%80%EC%84%B1.html</link><pubDate>Thu, 22 Oct 2026 13:32:00 +0900</pubDate><guid>https://webmarketing.ai.kr/posts/nap_%EC%9D%BC%EA%B4%80%EC%84%B1.html</guid><description>&lt;h2 id="표제어-머리의-뜻풀이"&gt;표제어 머리의 뜻풀이&lt;/h2&gt;&#10;&lt;p&gt;NAP 일관성은 보고서 표기로는 NAP Consistency, 상호 주소 전화 일치 라는 표기로 나타나기도 한다.&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; 항목 분류 칸으로는 로컬·이커머스·AI 검색 용어 쪽에 놓인다.&lt;sup id="fnref:2"&gt;&lt;a href="#fn:2" class="footnote-ref" role="doc-noteref"&gt;2&lt;/a&gt;&lt;/sup&gt; 여러 곳에 흩어진 업체 등록 정보에서 이름과 위치, 연락처가 서로 어긋나지 않게 맞춰 두는 작업을 뜻한다.&lt;/p&gt;&#10;&lt;h2 id="용어표에-오른-연원"&gt;용어표에 오른 연원&lt;/h2&gt;&#10;&lt;p&gt;&lt;a href="./"&gt;홈페이지상위노출&lt;/a&gt;을 놓고 지적을 말로 적을 때 이 말이 빠지지 않고 쓰이는 이유는 이렇다. 같은 업체가 여러 곳에 조금씩 다르게 등록되어 검색엔진이 서로 다른 업체로 보는 일이 생기자, 표기 통일이 기본 작업이 됐다.&lt;/p&gt;</description></item><item><title>로컬 팩 문답 소견서</title><link>https://webmarketing.ai.kr/posts/%EB%A1%9C%EC%BB%AC_%ED%8C%A9.html</link><pubDate>Wed, 21 Oct 2026 09:40:00 +0900</pubDate><guid>https://webmarketing.ai.kr/posts/%EB%A1%9C%EC%BB%AC_%ED%8C%A9.html</guid><description>&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;로컬 팩은 자료마다 Local Pack, Map Pack 라는 이름으로 옮겨 적히기도 한다.&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; 항목 분류 칸으로는 로컬·이커머스·AI 검색 용어 칸에 들어간다.&lt;sup id="fnref:2"&gt;&lt;a href="#fn:2" class="footnote-ref" role="doc-noteref"&gt;2&lt;/a&gt;&lt;/sup&gt; 지역을 겨냥한 검색에서 지도 이미지와 업체 3개가 한 덩어리로 묶여 나오는 결과 영역을 부르는 실무 용어다.&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;a href="./"&gt;웹사이트상위노출&lt;/a&gt;을 두고 소견을 적어 내릴 때 거듭 나오는 물음이라 답을 남긴다. 지도 결과를 화면 위쪽에 모아 보여 주는 방식이 굳어지면서, 그 영역을 따로 부르는 이름이 실무에서 쓰이게 됐다.&lt;/p&gt;</description></item><item><title>구글 비즈니스 프로필 상태를 가려내는 목록</title><link>https://webmarketing.ai.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.html</link><pubDate>Wed, 21 Oct 2026 06:18:00 +0900</pubDate><guid>https://webmarketing.ai.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.html</guid><description>&lt;h2 id="확인란-머리의-항목-설명"&gt;확인란 머리의 항목 설명&lt;/h2&gt;&#10;&lt;p&gt;구글 비즈니스 프로필은 목록 표기에 따라 Google Business Profile, GBP 라는 명칭으로도 기록된다.&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; 목록 구분 분류로는 로컬·이커머스·AI 검색 용어 칸에 자리한다.&lt;sup id="fnref:2"&gt;&lt;a href="#fn:2" class="footnote-ref" role="doc-noteref"&gt;2&lt;/a&gt;&lt;/sup&gt; 업주가 자기 가게 정보를 올리고 고치면 그 내용이 구글 지도와 검색 화면의 업체 칸에 그대로 쓰이는 무료 서비스다.&lt;/p&gt;&#10;&lt;h2 id="목록에-올라온-연원"&gt;목록에 올라온 연원&lt;/h2&gt;&#10;&lt;p&gt;&lt;a href="./"&gt;웹상위노출&lt;/a&gt;을 두고 점검 목록을 꾸릴 때 구글 비즈니스 프로필이 빠지지 않고 들어가는 이유는 이렇다. 지도 검색이 늘면서 업주가 직접 정보를 고치고 문의에 답할 창구가 필요해져, 업체용 관리 화면이 제공되게 됐다.&lt;/p&gt;</description></item><item><title>로컬 SEO 가상 사례 풀이</title><link>https://webmarketing.ai.kr/posts/%EB%A1%9C%EC%BB%AC_seo.html</link><pubDate>Wed, 21 Oct 2026 13:43:00 +0900</pubDate><guid>https://webmarketing.ai.kr/posts/%EB%A1%9C%EC%BB%AC_seo.html</guid><description>&lt;h2 id="사례-설명-앞쪽의-정의"&gt;사례 설명 앞쪽의 정의&lt;/h2&gt;&#10;&lt;p&gt;로컬 SEO는 진단 기록에서는 Local 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; 사례 구분 분류로는 로컬·이커머스·AI 검색 용어 묶음에 들어간다.&lt;sup id="fnref:2"&gt;&lt;a href="#fn:2" class="footnote-ref" role="doc-noteref"&gt;2&lt;/a&gt;&lt;/sup&gt; 특정 지역에서 업체나 서비스를 찾는 검색에 업체 정보와 홈페이지가 함께 드러나게 다듬는 작업을 가리킨다.&lt;/p&gt;&#10;&lt;h2 id="사례로-다루게-된-연원"&gt;사례로 다루게 된 연원&lt;/h2&gt;&#10;&lt;p&gt;&lt;a href="./"&gt;홈페이지상위노출&lt;/a&gt;을 두고 사례를 견주어 볼 때 이 항목이 기준으로 굳은 사정은 이렇다. 휴대폰으로 가까운 곳을 찾는 검색이 늘면서 지도 결과가 화면 위쪽을 차지하게 되어, 지역 단위 대응이 따로 필요해졌다.&lt;/p&gt;</description></item><item><title>CLS 상태를 가려내는 기준</title><link>https://webmarketing.ai.kr/posts/cls.html</link><pubDate>Tue, 20 Oct 2026 09:39:00 +0900</pubDate><guid>https://webmarketing.ai.kr/posts/cls.html</guid><description>&lt;h2 id="요약-칸의-정의와-범위"&gt;요약 칸의 정의와 범위&lt;/h2&gt;&#10;&lt;p&gt;CLS는 작성하는 쪽에 따라 Cumulative Layout Shift, 누적 레이아웃 이동 라는 표기로도 보인다.&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; 리포트 묶음으로는 테크니컬 SEO 용어 칸으로 분류된다. 페이지를 보는 동안 예상하지 못하게 요소가 밀려난 정도를 모아 점수로 나타낸 화면 안정성 지표다.&lt;/p&gt;&#10;&lt;h2 id="진단-기준에-포함된-이유"&gt;진단 기준에 포함된 이유&lt;/h2&gt;&#10;&lt;p&gt;&lt;a href="./"&gt;웹사이트상위노출&lt;/a&gt;을 기준으로 꾸리는 보고서 항목에서 CLS가 한 항목으로 나뉜 이유는 이렇다. 글을 읽거나 버튼을 누르려는 순간 화면이 밀려 잘못 누르는 불편이 잦아, 그 흔들림을 숫자로 재는 지표가 도입됐다.&lt;/p&gt;</description></item><item><title>INP 용어 정리와 짝 개념</title><link>https://webmarketing.ai.kr/posts/inp.html</link><pubDate>Tue, 20 Oct 2026 06:02:00 +0900</pubDate><guid>https://webmarketing.ai.kr/posts/inp.html</guid><description>&lt;h2 id="풀이-첫-줄의-기본-뜻"&gt;풀이 첫 줄의 기본 뜻&lt;/h2&gt;&#10;&lt;p&gt;INP는 기록 서식에서는 Interaction to Next Paint, 상호작용 후 다음 표시 라는 이름으로도 붙는다.&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; 용어 분류로는 테크니컬 SEO 용어 구역에 들어간다.&lt;sup id="fnref:2"&gt;&lt;a href="#fn:2" class="footnote-ref" role="doc-noteref"&gt;2&lt;/a&gt;&lt;/sup&gt; 방문 내내 일어난 조작마다 화면이 다시 그려질 때까지의 지연을 모아, 그 페이지가 얼마나 더듬거리는지 보여 주는 값이다.&lt;/p&gt;&#10;&lt;h2 id="이름이-붙은-내력"&gt;이름이 붙은 내력&lt;/h2&gt;&#10;&lt;p&gt;&lt;a href="./"&gt;웹상위노출&lt;/a&gt;을 겨냥해 낱말을 골라 쓸 때 이 말이 자주 적히는 배경은 이렇다. 첫 입력만 재던 예전 지표로는 머무는 동안의 느림을 놓친다는 문제가 드러나, 방문 전체의 조작을 보는 방식으로 바뀌었다.&lt;/p&gt;</description></item><item><title>LCP 사례 소견과 뒤처리</title><link>https://webmarketing.ai.kr/posts/lcp.html</link><pubDate>Tue, 20 Oct 2026 13:23:00 +0900</pubDate><guid>https://webmarketing.ai.kr/posts/lcp.html</guid><description>&lt;h2 id="사례-기록-앞머리의-개요"&gt;사례 기록 앞머리의 개요&lt;/h2&gt;&#10;&lt;p&gt;LCP는 진단 기록에서는 Largest Contentful Paint, 최대 콘텐츠 표시 시간 라는 이름으로도 붙는다.&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; 사례지 분류로는 테크니컬 SEO 용어 쪽에 놓인다.&lt;sup id="fnref:2"&gt;&lt;a href="#fn:2" class="footnote-ref" role="doc-noteref"&gt;2&lt;/a&gt;&lt;/sup&gt; 방문자 눈에 들어오는 영역에서 덩치가 가장 큰 요소가 다 그려진 시점을 열기 시작한 순간과 견주어 나타낸 값이다.&lt;/p&gt;&#10;&lt;h2 id="예를-세우게-된-경위"&gt;예를 세우게 된 경위&lt;/h2&gt;&#10;&lt;p&gt;&lt;a href="./"&gt;홈페이지상위노출&lt;/a&gt;을 겨냥한 사이트의 상태를 적어 둘 때 LCP가 자주 지적되는 배경은 이렇다. 첫 응답이나 전체 로딩 완료 시점만으로는 방문자가 내용을 봤는지 알 수 없어, 주요 내용이 보이는 순간을 재는 지표가 필요해졌다.&lt;/p&gt;</description></item><item><title>코어 웹 바이탈 진단란 채우는 차례</title><link>https://webmarketing.ai.kr/posts/%EC%BD%94%EC%96%B4_%EC%9B%B9_%EB%B0%94%EC%9D%B4%ED%83%88.html</link><pubDate>Mon, 19 Oct 2026 09:57:00 +0900</pubDate><guid>https://webmarketing.ai.kr/posts/%EC%BD%94%EC%96%B4_%EC%9B%B9_%EB%B0%94%EC%9D%B4%ED%83%88.html</guid><description>&lt;h2 id="점검표-서두의-개념-정리"&gt;점검표 서두의 개념 정리&lt;/h2&gt;&#10;&lt;p&gt;코어 웹 바이탈은 체크리스트에 따라 Core Web Vitals, 핵심 웹 지표 라는 표기로 나타나기도 한다.&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; 점검표 분류로는 테크니컬 SEO 용어 묶음에 들어간다.&lt;sup id="fnref:2"&gt;&lt;a href="#fn:2" class="footnote-ref" role="doc-noteref"&gt;2&lt;/a&gt;&lt;/sup&gt; 구글이 사용자 체감 품질을 재려고 묶은 지표로, 화면 표시 속도는 &lt;a href="./posts/lcp.html"&gt;LCP&lt;/a&gt;, 반응 속도는 &lt;a href="./posts/inp.html"&gt;INP&lt;/a&gt;, 화면 흔들림은 &lt;a href="./posts/cls.html"&gt;CLS&lt;/a&gt;가 맡는다.&lt;/p&gt;&#10;&lt;h2 id="목록에-더해진-출발점"&gt;목록에 더해진 출발점&lt;/h2&gt;&#10;&lt;p&gt;&lt;a href="./"&gt;웹사이트상위노출&lt;/a&gt;을 맡은 사이트를 처음 열어 볼 때 코어 웹 바이탈이 자주 지적되는 배경은 이렇다. 속도 점수가 실제 사용자 경험과 어긋난다는 지적이 이어지자, 실제 방문 기록을 바탕으로 체감을 재는 묶음이 쓰이게 됐다.&lt;/p&gt;</description></item><item><title>진단 자리에서 듣는 hreflang 질문</title><link>https://webmarketing.ai.kr/posts/hreflang.html</link><pubDate>Mon, 19 Oct 2026 06:00:00 +0900</pubDate><guid>https://webmarketing.ai.kr/posts/hreflang.html</guid><description>&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;hreflang은 답변 서식에서는 hreflang 속성, rel alternate hreflang 라는 명칭으로도 보인다.&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; 질문 분류로는 테크니컬 SEO 용어 항목군에 속한다.&lt;sup id="fnref:2"&gt;&lt;a href="#fn:2" class="footnote-ref" role="doc-noteref"&gt;2&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;a href="./"&gt;웹상위노출&lt;/a&gt;을 놓고 손볼 차례를 세울 때 되풀이되는 물음이라 답을 정리해 둔다. 영어판이 국내 사용자에게 뜨거나 지역판끼리 중복으로 묶이는 문제가 생기자, 언어판 관계를 밝힐 표준 표시가 마련됐다.&lt;/p&gt;</description></item><item><title>클릭 뎁스 항목 소견서</title><link>https://webmarketing.ai.kr/posts/%ED%81%B4%EB%A6%AD_%EB%8E%81%EC%8A%A4.html</link><pubDate>Mon, 19 Oct 2026 12:55:00 +0900</pubDate><guid>https://webmarketing.ai.kr/posts/%ED%81%B4%EB%A6%AD_%EB%8E%81%EC%8A%A4.html</guid><description>&lt;h2 id="항목-카드의-정의"&gt;항목 카드의 정의&lt;/h2&gt;&#10;&lt;p&gt;클릭 뎁스는 보고서에 따라 Click Depth, 링크 깊이 라는 이름으로도 분류된다.&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; 진단 리포트의 분류로는 테크니컬 SEO 용어 쪽으로 묶인다. 방문자가 첫 화면에서 시작해 목표 문서에 이르는 동안 거쳐야 하는 링크 단계의 최소 개수다.&lt;/p&gt;&#10;&lt;h2 id="진단-목록에-들어온-사연"&gt;진단 목록에 들어온 사연&lt;/h2&gt;&#10;&lt;p&gt;&lt;a href="./"&gt;홈페이지상위노출&lt;/a&gt;을 놓고 사이트를 항목별로 나눠 볼 때 클릭 뎁스가 한 줄을 차지하게 된 경위는 이렇다. 중요한 페이지가 메뉴 깊은 곳에 묻혀 발견과 방문이 모두 줄어드는 일이 잦아, 구조를 점검하는 간단한 잣대로 쓰이게 됐다.&lt;/p&gt;</description></item><item><title>사이트 구조 사례 진단과 고칠 차례</title><link>https://webmarketing.ai.kr/posts/%EC%82%AC%EC%9D%B4%ED%8A%B8_%EA%B5%AC%EC%A1%B0.html</link><pubDate>Sun, 18 Oct 2026 10:02:00 +0900</pubDate><guid>https://webmarketing.ai.kr/posts/%EC%82%AC%EC%9D%B4%ED%8A%B8_%EA%B5%AC%EC%A1%B0.html</guid><description>&lt;h2 id="사례-보고-첫-줄의-항목-설명"&gt;사례 보고 첫 줄의 항목 설명&lt;/h2&gt;&#10;&lt;p&gt;사이트 구조는 사례 카드에 따라 Site Architecture, 정보 설계 라는 이름으로도 검색된다.&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; 항목 분류 칸으로는 테크니컬 SEO 용어 쪽으로 묶인다.&lt;sup id="fnref:2"&gt;&lt;a href="#fn:2" class="footnote-ref" role="doc-noteref"&gt;2&lt;/a&gt;&lt;/sup&gt; 어떤 주제를 상위 묶음으로 세우고 그 아래 문서를 어떻게 걸어 둘지 정한 계층과 링크의 짜임새를 가리킨다.&lt;/p&gt;&#10;&lt;h2 id="기록을-남기게-된-출발점"&gt;기록을 남기게 된 출발점&lt;/h2&gt;&#10;&lt;p&gt;&lt;a href="./"&gt;웹사이트상위노출&lt;/a&gt;을 목표로 한 사이트의 기록을 넘겨 볼 때 이 항목이 따로 다뤄지는 배경은 이렇다. 문서가 수백 건을 넘어가면 사람도 봇도 길을 잃기 때문에, 주제별로 묶어 입구를 만드는 설계가 필요해졌다.&lt;/p&gt;</description></item><item><title>고아 페이지 문답과 조치 순서</title><link>https://webmarketing.ai.kr/posts/%EA%B3%A0%EC%95%84_%ED%8E%98%EC%9D%B4%EC%A7%80.html</link><pubDate>Sun, 18 Oct 2026 06:00:00 +0900</pubDate><guid>https://webmarketing.ai.kr/posts/%EA%B3%A0%EC%95%84_%ED%8E%98%EC%9D%B4%EC%A7%80.html</guid><description>&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;고아 페이지는 자료마다 Orphan Page, 외톨이 페이지 라는 이름으로도 검색된다.&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; 질문 분류로는 테크니컬 SEO 용어 갈래로 나뉜다.&lt;sup id="fnref:2"&gt;&lt;a href="#fn:2" class="footnote-ref" role="doc-noteref"&gt;2&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;a href="./"&gt;웹상위노출&lt;/a&gt;을 겨냥해 문답지를 채워 갈 때 되풀이되는 물음이라 답을 정리해 둔다. 행사 안내나 광고용 착지 페이지를 급히 만들고 메뉴에 걸지 않는 일이 반복되면서 흔한 점검 항목이 됐다.&lt;/p&gt;</description></item><item><title>점검표로 보는 크롤 버짓</title><link>https://webmarketing.ai.kr/posts/%ED%81%AC%EB%A1%A4_%EB%B2%84%EC%A7%93.html</link><pubDate>Sun, 18 Oct 2026 13:39:00 +0900</pubDate><guid>https://webmarketing.ai.kr/posts/%ED%81%AC%EB%A1%A4_%EB%B2%84%EC%A7%93.html</guid><description>&lt;h2 id="진단표-머리의-정의"&gt;진단표 머리의 정의&lt;/h2&gt;&#10;&lt;p&gt;크롤 버짓은 항목 이름표에 따라 Crawl Budget, 수집 여력 라는 표기로도 나온다.&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; 진단표 분류로는 테크니컬 SEO 용어 묶음에 들어간다.&lt;sup id="fnref:2"&gt;&lt;a href="#fn:2" class="footnote-ref" role="doc-noteref"&gt;2&lt;/a&gt;&lt;/sup&gt; 검색엔진 봇이 한 사이트를 돌며 일정 기간에 요청할 주소의 분량으로, 서버가 견디는 한계와 검색엔진의 수집 의욕이 함께 작용한다.&lt;/p&gt;&#10;&lt;h2 id="진단표에-들어온-흐름"&gt;진단표에 들어온 흐름&lt;/h2&gt;&#10;&lt;p&gt;&lt;a href="./"&gt;홈페이지상위노출&lt;/a&gt;을 놓고 막는 자리를 추릴 때 크롤 버짓이 목록에 남게 된 흐름은 이렇다. 주소가 수십만 개로 늘어난 대형 사이트에서 새 글이 늦게 발견되는 일이 생기자, 수집 자원의 한계를 설명하는 개념으로 쓰이게 됐다.&lt;/p&gt;</description></item><item><title>진단 용어로 본 리디렉션 체인</title><link>https://webmarketing.ai.kr/posts/%EB%A6%AC%EB%94%94%EB%A0%89%EC%85%98_%EC%B2%B4%EC%9D%B8.html</link><pubDate>Sat, 17 Oct 2026 09:53:00 +0900</pubDate><guid>https://webmarketing.ai.kr/posts/%EB%A6%AC%EB%94%94%EB%A0%89%EC%85%98_%EC%B2%B4%EC%9D%B8.html</guid><description>&lt;h2 id="낱말-풀이-앞쪽의-개념-정리"&gt;낱말 풀이 앞쪽의 개념 정리&lt;/h2&gt;&#10;&lt;p&gt;리디렉션 체인은 표제어 이름표에는 Redirect Chain, 다단 이동 라는 이름으로 옮겨 적히기도 한다.&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; 용어표 분류로는 테크니컬 SEO 용어 묶음에 들어간다.&lt;sup id="fnref:2"&gt;&lt;a href="#fn:2" class="footnote-ref" role="doc-noteref"&gt;2&lt;/a&gt;&lt;/sup&gt; 한 주소에서 다른 주소로, 거기서 또 다른 주소로 이어지며 최종 목적지에 닿기까지 이동이 여러 번 일어나는 상태다.&lt;/p&gt;&#10;&lt;h2 id="말로-쓰이게-된-사연"&gt;말로 쓰이게 된 사연&lt;/h2&gt;&#10;&lt;p&gt;&lt;a href="./"&gt;웹사이트상위노출&lt;/a&gt;을 겨냥한 사이트의 상태를 말로 옮길 때 리디렉션 체인이 한 낱말로 굳은 경위는 이렇다. 사이트를 여러 차례 개편하면서 예전 이동 규칙을 지우지 않고 새 규칙을 덧붙이다 보면 자연히 생겨난다.&lt;/p&gt;</description></item><item><title>소프트 404 진단 기준과 손볼 차례</title><link>https://webmarketing.ai.kr/posts/%EC%86%8C%ED%94%84%ED%8A%B8_404.html</link><pubDate>Sat, 17 Oct 2026 06:24:00 +0900</pubDate><guid>https://webmarketing.ai.kr/posts/%EC%86%8C%ED%94%84%ED%8A%B8_404.html</guid><description>&lt;h2 id="점검-항목의-기본-뜻"&gt;점검 항목의 기본 뜻&lt;/h2&gt;&#10;&lt;p&gt;소프트 404는 자료마다 Soft 404, 위장된 없음 응답 라는 이름으로도 기록된다.&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; 점수표 구역으로는 테크니컬 SEO 용어 쪽으로 묶인다. 서버는 성공 응답을 돌려주는데 화면에는 내용이 없거나 없음 안내만 떠 있는 페이지를 가리키는 말이다.&lt;/p&gt;&#10;&lt;h2 id="항목으로-굳어진-경과"&gt;항목으로 굳어진 경과&lt;/h2&gt;&#10;&lt;p&gt;&lt;a href="./"&gt;웹상위노출&lt;/a&gt;을 겨냥해 작성하는 소견서 항목 중에 소프트 404가 한 항목으로 나뉜 이유는 이렇다. 쇼핑몰과 게시판이 없는 자료를 요청받을 때 빈 틀을 그대로 띄우는 일이 흔해, 검색엔진이 이런 상태를 따로 분류하기 시작했다.&lt;/p&gt;</description></item><item><title>404·410 항목 점검과 뒤처리</title><link>https://webmarketing.ai.kr/posts/404_410.html</link><pubDate>Sat, 17 Oct 2026 13:27:00 +0900</pubDate><guid>https://webmarketing.ai.kr/posts/404_410.html</guid><description>&lt;h2 id="점검-양식의-개요"&gt;점검 양식의 개요&lt;/h2&gt;&#10;&lt;p&gt;404·410은 측정 도구 화면에서는 Not Found, Gone 라는 표기로도 적힌다.&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; 목록상 분류로는 테크니컬 SEO 용어 쪽에 놓인다.&lt;sup id="fnref:2"&gt;&lt;a href="#fn:2" class="footnote-ref" role="doc-noteref"&gt;2&lt;/a&gt;&lt;/sup&gt; 요청한 페이지를 찾을 수 없다는 응답과, 의도적으로 지워 다시 생기지 않는다는 응답을 함께 묶어 부르는 이름이다.&lt;/p&gt;&#10;&lt;h2 id="목록에-남은-경과"&gt;목록에 남은 경과&lt;/h2&gt;&#10;&lt;p&gt;&lt;a href="./"&gt;홈페이지상위노출&lt;/a&gt;을 두고 상태를 칸칸이 적어 갈 때 이 항목이 목록에 따로 오른 사정은 이렇다. 없는 주소에도 서버가 성공 응답을 돌려주던 관행이 검색엔진과 방문자 모두를 혼란시켜, 상태를 정확히 알리는 쪽이 권장되게 됐다.&lt;/p&gt;</description></item><item><title>302 리디렉션을 비슷한 말과 갈라 보기</title><link>https://webmarketing.ai.kr/posts/302_%EB%A6%AC%EB%94%94%EB%A0%89%EC%85%98.html</link><pubDate>Fri, 16 Oct 2026 09:36:00 +0900</pubDate><guid>https://webmarketing.ai.kr/posts/302_%EB%A6%AC%EB%94%94%EB%A0%89%EC%85%98.html</guid><description>&lt;h2 id="용어-설명-첫-칸의-개념"&gt;용어 설명 첫 칸의 개념&lt;/h2&gt;&#10;&lt;p&gt;302 리디렉션은 보고서 표기로는 302 Found, 임시 이동 라는 표기로 나타나기도 한다.&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; 용어표 분류로는 테크니컬 SEO 용어 쪽으로 묶인다.&lt;sup id="fnref:2"&gt;&lt;a href="#fn:2" class="footnote-ref" role="doc-noteref"&gt;2&lt;/a&gt;&lt;/sup&gt; 임시 이동을 알리는 서버 응답으로, 지금은 다른 주소가 내용을 대신 내보이지만 주인은 본래 주소라는 뜻을 담는다.&lt;/p&gt;&#10;&lt;h2 id="낱말이-퍼진-흐름"&gt;낱말이 퍼진 흐름&lt;/h2&gt;&#10;&lt;p&gt;&lt;a href="./"&gt;웹사이트상위노출&lt;/a&gt;을 겨냥한 사이트의 상태를 말로 옮길 때 302 리디렉션이 빠지지 않고 쓰이는 이유는 이렇다. 점검 화면이나 지역 선택처럼 잠깐만 다른 곳을 보여 줘야 하는 상황이 있어, 영구 이동과 구분되는 응답이 쓰이게 됐다.&lt;/p&gt;</description></item><item><title>301 리디렉션을 처음 묻는 사람을 위한 문답</title><link>https://webmarketing.ai.kr/posts/301_%EB%A6%AC%EB%94%94%EB%A0%89%EC%85%98.html</link><pubDate>Fri, 16 Oct 2026 06:00:00 +0900</pubDate><guid>https://webmarketing.ai.kr/posts/301_%EB%A6%AC%EB%94%94%EB%A0%89%EC%85%98.html</guid><description>&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;301 리디렉션은 보고서 표기로는 301 Moved Permanently, 영구 이동 라는 표기로도 통한다.&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; 질문 항목 분류로는 테크니컬 SEO 용어 갈래에 속한다.&lt;sup id="fnref:2"&gt;&lt;a href="#fn:2" class="footnote-ref" role="doc-noteref"&gt;2&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;언제부터 301 리디렉션이 쓰이게 되었나&lt;/p&gt;&#10;&lt;/blockquote&gt;&#10;&lt;p&gt;&lt;a href="./"&gt;웹상위노출&lt;/a&gt;을 겨냥한 사이트의 약한 칸을 셀 때 자주 듣는 물음이라 답을 모아 둔다. 주소 체계를 바꾸거나 도메인을 옮길 때 기존 방문자와 검색 평가를 잃지 않으려는 요구에서 표준 이동 방식으로 자리 잡았다.&lt;/p&gt;</description></item><item><title>메타 로봇을 사례로 짚어 보기</title><link>https://webmarketing.ai.kr/posts/%EB%A9%94%ED%83%80_%EB%A1%9C%EB%B4%87.html</link><pubDate>Fri, 16 Oct 2026 13:18:00 +0900</pubDate><guid>https://webmarketing.ai.kr/posts/%EB%A9%94%ED%83%80_%EB%A1%9C%EB%B4%87.html</guid><description>&lt;h2 id="사례지-머리의-항목의-뜻"&gt;사례지 머리의 항목의 뜻&lt;/h2&gt;&#10;&lt;p&gt;메타 로봇은 작성하는 쪽에 따라 Meta Robots, X-Robots-Tag 헤더 라는 표기로도 나온다.&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; 기록 분류로는 테크니컬 SEO 용어 갈래에 속한다.&lt;sup id="fnref:2"&gt;&lt;a href="#fn:2" class="footnote-ref" role="doc-noteref"&gt;2&lt;/a&gt;&lt;/sup&gt; 문서 하나를 두고 색인 여부, 링크 추적, 미리보기 글 표시 방식 등을 검색엔진에 지시하는 수단이다.&lt;/p&gt;&#10;&lt;h2 id="사례가-생긴-연원"&gt;사례가 생긴 연원&lt;/h2&gt;&#10;&lt;p&gt;&lt;a href="./"&gt;홈페이지상위노출&lt;/a&gt;을 기준으로 사례를 갈라 볼 때 이 항목이 사례 대상이 된 과정은 이렇다. 사이트 전체 규칙만으로는 페이지마다 다른 사정을 담을 수 없어, 문서 단위로 세밀하게 지시할 방법이 필요해졌다.&lt;/p&gt;&#10;&lt;figure role="figure" aria-label="메타 로봇을 사례로 짚어 보기 주요 항목"&gt;&lt;img src="./fig/wk-%eb%a9%94%ed%83%80_%eb%a1%9c%eb%b4%87.svg" alt="메타 로봇을 사례로 짚어 보기 주요 항목" width="720" height="405" loading="lazy" decoding="async"&gt;&lt;figcaption&gt;메타 로봇을 사례로 짚어 보기 주요 항목&lt;/figcaption&gt;&lt;/figure&gt;&#10;&lt;h2 id="예시용-사이트"&gt;예시용 사이트&lt;/h2&gt;&#10;&lt;p&gt;원인이 결과로 이어지는 모습을 보기 위해 이 항목을 두고 가정한 장면 하나를 옮겨 둔다. 예를 들어 사내 자료 PDF를 결과에서 빼야 한다면 파일에는 태그를 넣을 자리가 없으니 서버 설정으로 헤더를 붙이는 방식을 쓴다.&lt;/p&gt;</description></item><item><title>노팔로우가 걸린 가상 사례 하나</title><link>https://webmarketing.ai.kr/posts/%EB%85%B8%ED%8C%94%EB%A1%9C%EC%9A%B0.html</link><pubDate>Thu, 15 Oct 2026 09:51:00 +0900</pubDate><guid>https://webmarketing.ai.kr/posts/%EB%85%B8%ED%8C%94%EB%A1%9C%EC%9A%B0.html</guid><description>&lt;h2 id="사례-진단서의-항목의-뜻"&gt;사례 진단서의 항목의 뜻&lt;/h2&gt;&#10;&lt;p&gt;노팔로우는 작성하는 쪽에 따라 nofollow, rel nofollow 속성 라는 이름으로도 검색된다.&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; 사례 항목 분류로는 테크니컬 SEO 용어 묶음에 놓인다.&lt;sup id="fnref:2"&gt;&lt;a href="#fn:2" class="footnote-ref" role="doc-noteref"&gt;2&lt;/a&gt;&lt;/sup&gt; 링크를 따라가 평가를 넘기지 말라고 검색엔진에 알리는 속성으로, 링크 하나하나에 붙여 쓴다.&lt;/p&gt;&#10;&lt;h2 id="사례를-들게-된-사연"&gt;사례를 들게 된 사연&lt;/h2&gt;&#10;&lt;p&gt;&lt;a href="./"&gt;웹사이트상위노출&lt;/a&gt;을 목표로 한 사이트의 기록을 넘겨 볼 때 이 항목이 사례 대상이 된 과정은 이렇다. 댓글과 게시판에 링크를 심는 스팸이 퍼지자, 운영자가 책임질 수 없는 링크를 가려낼 표시로 도입됐다.&lt;/p&gt;&#10;&lt;figure role="figure" aria-label="노팔로우가 걸린 가상 사례 하나 단계별 정리"&gt;&lt;img src="./fig/wk-%eb%85%b8%ed%8c%94%eb%a1%9c%ec%9a%b0.svg" alt="노팔로우가 걸린 가상 사례 하나 단계별 정리" width="720" height="207" loading="lazy" decoding="async"&gt;&lt;figcaption&gt;노팔로우가 걸린 가상 사례 하나 단계별 정리&lt;/figcaption&gt;&lt;/figure&gt;&#10;&lt;h2 id="단순화한-사이트"&gt;단순화한 사이트&lt;/h2&gt;&#10;&lt;p&gt;기록지에 적히는 상황을 떠올려 보기 위해 노팔로우를 두고 꾸며 낸 상황 하나를 든다. 가령 후원 배너를 그대로 걸어 두면 대가성 링크가 일반 추천처럼 보이므로, 그 링크에 속성을 붙여 성격을 밝히는 편이 안전하다.&lt;/p&gt;</description></item><item><title>노인덱스 점검표와 조치 순위</title><link>https://webmarketing.ai.kr/posts/%EB%85%B8%EC%9D%B8%EB%8D%B1%EC%8A%A4.html</link><pubDate>Thu, 15 Oct 2026 06:00:00 +0900</pubDate><guid>https://webmarketing.ai.kr/posts/%EB%85%B8%EC%9D%B8%EB%8D%B1%EC%8A%A4.html</guid><description>&lt;h2 id="체크리스트-첫-칸의-기본-뜻"&gt;체크리스트 첫 칸의 기본 뜻&lt;/h2&gt;&#10;&lt;p&gt;노인덱스는 점검 양식에 따라 noindex, 색인 제외 지시어 라는 표기로 나타나기도 한다.&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; 점검표 분류로는 테크니컬 SEO 용어 갈래로 나뉜다.&lt;sup id="fnref:2"&gt;&lt;a href="#fn:2" class="footnote-ref" role="doc-noteref"&gt;2&lt;/a&gt;&lt;/sup&gt; 페이지를 읽는 것은 허용하되 검색 결과 목록에는 넣지 말라고 알리는 지시로, 메타 태그나 응답 헤더에 담아 전한다.&lt;/p&gt;&#10;&lt;h2 id="항목으로-나뉜-이유"&gt;항목으로 나뉜 이유&lt;/h2&gt;&#10;&lt;p&gt;&lt;a href="./"&gt;웹상위노출&lt;/a&gt;을 두고 상태를 칸칸이 적어 갈 때 이 항목이 기준으로 굳은 사정은 이렇다. 장바구니나 내부 검색 결과처럼 사람에게는 필요하지만 검색 결과에서는 도움이 되지 않는 페이지가 늘면서 쓰임이 넓어졌다.&lt;/p&gt;</description></item><item><title>캐노니컬 태그 문답 정리</title><link>https://webmarketing.ai.kr/posts/%EC%BA%90%EB%85%B8%EB%8B%88%EC%BB%AC_%ED%83%9C%EA%B7%B8.html</link><pubDate>Thu, 15 Oct 2026 12:59:00 +0900</pubDate><guid>https://webmarketing.ai.kr/posts/%EC%BA%90%EB%85%B8%EB%8B%88%EC%BB%AC_%ED%83%9C%EA%B7%B8.html</guid><description>&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;캐노니컬 태그는 답변 서식에서는 Canonical Tag, rel canonical 요소 라는 이름표로도 쓰인다.&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; 질문 항목 분류로는 테크니컬 SEO 용어 쪽에 놓인다.&lt;sup id="fnref:2"&gt;&lt;a href="#fn:2" class="footnote-ref" role="doc-noteref"&gt;2&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;a href="./"&gt;홈페이지상위노출&lt;/a&gt;을 목표로 한 사이트를 훑어 내릴 때 자주 듣는 물음이라 답을 모아 둔다. 정렬 값이나 추적 꼬리표가 붙어 같은 내용이 여러 주소로 생기는 일이 흔해지면서, 대표 주소를 운영자가 밝힐 수단이 필요해졌다.&lt;/p&gt;</description></item><item><title>사이트맵 해설: 증상에서 조치까지</title><link>https://webmarketing.ai.kr/posts/%EC%82%AC%EC%9D%B4%ED%8A%B8%EB%A7%B5.html</link><pubDate>Wed, 14 Oct 2026 10:03:00 +0900</pubDate><guid>https://webmarketing.ai.kr/posts/%EC%82%AC%EC%9D%B4%ED%8A%B8%EB%A7%B5.html</guid><description>&lt;h2 id="진단-양식의-항목의-뜻"&gt;진단 양식의 항목의 뜻&lt;/h2&gt;&#10;&lt;p&gt;사이트맵은 진단서마다 XML Sitemap, sitemap.xml 파일 라는 표기로도 올라간다.&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; 분류 칸으로는 테크니컬 SEO 용어 쪽에 자리한다. 검색엔진에 색인을 바라는 주소를 정해진 XML 서식으로 모아 적은 파일이며, 주소마다 마지막 수정 시점 같은 보조 정보를 붙일 수 있다.&lt;/p&gt;&#10;&lt;h2 id="점검표에-자리-잡은-맥락"&gt;점검표에 자리 잡은 맥락&lt;/h2&gt;&#10;&lt;p&gt;&lt;a href="./"&gt;웹사이트상위노출&lt;/a&gt;을 놓고 사이트를 항목별로 나눠 볼 때 사이트맵이 점검 대상에 오른 과정은 이렇다. 링크만으로는 새 글이나 깊은 곳의 주소가 늦게 발견되기 때문에, 발행 사실을 검색엔진에 직접 알리는 수단으로 쓰이게 됐다.&lt;/p&gt;</description></item><item><title>robots.txt 뜻과 헷갈리는 말</title><link>https://webmarketing.ai.kr/posts/robots_txt.html</link><pubDate>Wed, 14 Oct 2026 06:00:00 +0900</pubDate><guid>https://webmarketing.ai.kr/posts/robots_txt.html</guid><description>&lt;h2 id="표제어-머리의-정의"&gt;표제어 머리의 정의&lt;/h2&gt;&#10;&lt;p&gt;robots.txt는 기록 서식에서는 Robots Exclusion Protocol, 로봇 배제 규약 라는 이름표로도 쓰인다.&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; 용어 분류로는 테크니컬 SEO 용어 칸에 들어간다.&lt;sup id="fnref:2"&gt;&lt;a href="#fn:2" class="footnote-ref" role="doc-noteref"&gt;2&lt;/a&gt;&lt;/sup&gt; 웹 서버 최상단에 두는 작은 텍스트 파일로, 수집 봇마다 들어와도 되는 경로와 들어오면 안 되는 경로를 적어 알린다.&lt;/p&gt;&#10;&lt;h2 id="이름이-붙은-경위"&gt;이름이 붙은 경위&lt;/h2&gt;&#10;&lt;p&gt;&lt;a href="./"&gt;웹상위노출&lt;/a&gt;을 기준으로 말뜻을 맞춰 둘 때 robots.txt가 한 낱말로 굳은 경위는 이렇다. 초기 웹에서 수집 봇이 서버 자원을 과하게 끌어다 쓰는 일이 잦아, 운영자와 검색엔진이 서로 지킬 간단한 약속으로 자리 잡은 규약이다.&lt;/p&gt;</description></item><item><title>SEO기술점검 항목과 웹사이트상위노출 기준 - 웹마케팅AI</title><link>https://webmarketing.ai.kr/SEO%EA%B8%B0%EC%88%A0%EC%A0%90%EA%B2%80.html</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://webmarketing.ai.kr/SEO%EA%B8%B0%EC%88%A0%EC%A0%90%EA%B2%80.html</guid><description>&lt;style&gt;&#10;&#10;&#10;.btYard {&#10; --bt-yard-surface: var(--theme-surface, #f6f4f4);&#10; --bt-yard-front: var(--theme-txt, #121410);&#10; --bt-yard-soft: rgba(18, 15, 15, 0.68);&#10; --bt-yard-frame: rgba(18, 19, 15, 0.08);&#10; --bt-yard-acc: var(--theme-primary, #ff6a1c);&#10; position: relative;&#10; box-sizing: border-box;&#10; padding: clamp(156px, 13.5vw, 194px) 20px clamp(48px, 6vw, 88px);&#10; background: var(--bt-yard-surface);&#10; color: var(--bt-yard-front);&#10; font-family: var(--theme-type, 'Noto Sans KR', sans-serif);&#10; word-break: keep-all;&#10;}&#10;.btYard[data-js-bt-yard-theme="dark"] {&#10; --bt-yard-surface: var(--theme-deep, #0a0a0c);&#10; --bt-yard-front: #f3f2ea;&#10; --bt-yard-soft: rgba(247, 241, 235, 0.7);&#10; --bt-yard-frame: rgba(246, 242, 234, 0.08);&#10;}&#10;.btYardWrap {&#10; max-width: var(--theme-width, 1218px);&#10; margin: 0 auto;&#10;}&#10;.btYardTop {&#10; display: flex;&#10; flex-direction: column;&#10; align-items: center;&#10; text-align: center;&#10;}&#10;.btYardKicker {&#10; display: inline-flex;&#10; align-items: center;&#10; gap: 10px;&#10; margin: 0 0 clamp(20px, 2.6vw, 28px);&#10; font-size: 14px;&#10; font-weight: 500;&#10; letter-spacing: 0.02em;&#10; color: var(--bt-yard-soft);&#10;}&#10;.btYardPip {&#10; width: 7px;&#10; height: 6px;&#10; border-radius: 50%;&#10; background: var(--bt-yard-acc);&#10;}&#10;.btYardTtl {&#10; max-width: 13.875em;&#10; margin: 0;&#10; font-family: var(--theme-type-header, var(--theme-type, 'Noto Sans KR', sans-serif));&#10; font-size: clamp(36px, 6.2vw, 92px);&#10; font-weight: 800;&#10; line-height: 1.15;&#10; letter-spacing: -0.044em;&#10;}&#10;.btYardTxt {&#10; max-width: 32.875em;&#10; margin: clamp(24px, 2.8vw, 32px) 0 0;&#10; font-size: clamp(16px, 1.3vw, 20px);&#10; font-weight: 300;&#10; line-height: 1.8;&#10; color: var(--bt-yard-soft);&#10;}&#10;.btYardFrame {&#10; position: relative;&#10; margin: clamp(50px, 6.5vw, 102px) 0 0;&#10; aspect-ratio: 21 / 9;&#10; border-radius: var(--theme-corner, 14px);&#10; background: var(--bt-yard-frame);&#10; overflow: hidden;&#10;}&#10;.btYardMedia {&#10; display: block;&#10; width: 100%;&#10; height: 100%;&#10; object-fit: cover;&#10; transition: transform 1.7s cubic-bezier(0.16, 1, 0.3, 1) 0.35s, opacity 1.1s ease 0.3s;&#10;}&#10;.btYardCap {&#10; display: flex;&#10; align-items: center;&#10; gap: 16px;&#10; margin: 20px 0 0;&#10; font-size: 14px;&#10; font-weight: 400;&#10; color: var(--bt-yard-soft);&#10;}&#10;.btYardCapBar {&#10; width: 28px;&#10; height: 1px;&#10; background: var(--bt-yard-acc);&#10; flex-shrink: 0;&#10;}&#10;[data-js-bt-yard-reveal] {&#10; transition: opacity 1s cubic-bezier(0.16, 1, 0.3, 1), transform 1s cubic-bezier(0.16, 1, 0.3, 1);&#10;}&#10;[data-js-bt-yard-ready="0"] [data-js-bt-yard-reveal] {&#10; opacity: 0;&#10; transform: translateY(22px);&#10; transition: none;&#10;}&#10;[data-js-bt-yard-ready="0"] .btYardMedia {&#10; opacity: 0;&#10; transform: scale(1.08);&#10; transition: none;&#10;}&#10;@media (max-width: 698px) {&#10; .btYardFrame {&#10; aspect-ratio: 4 / 3;&#10; }&#10;}&#10;&#10;&#10;&#10;&#10;.btDeck {&#10; --bt-deck-surface: var(--theme-surface, #f9f8ee);&#10; --bt-deck-front: var(--theme-txt, #0f1013);&#10; --bt-deck-soft: rgba(18, 18, 17, 0.7);&#10; --bt-deck-bar: rgba(16, 15, 19, 0.14);&#10; --bt-deck-panel: #fffffe;&#10; --bt-deck-acc: var(--theme-primary, #ff671c);&#10; position: relative;&#10; box-sizing: border-box;&#10; padding: clamp(66px, 9vw, 130px) 22px clamp(80px, 10.5vw, 136px);&#10; background: var(--bt-deck-surface);&#10; color: var(--bt-deck-front);&#10; font-family: var(--theme-type, 'Noto Sans KR', sans-serif);&#10; word-break: keep-all;&#10;}&#10;.btDeck[data-js-bt-deck-theme="dark"] {&#10; --bt-deck-surface: var(--theme-deep, #090b0f);&#10; --bt-deck-front: #f2f4eb;&#10; --bt-deck-soft: rgba(244, 243, 234, 0.7);&#10; --bt-deck-bar: rgba(245, 240, 240, 0.16);&#10; --bt-deck-panel: #16171a;&#10;}&#10;.btDeckWrap {&#10; max-width: var(--theme-width, 1132px);&#10; margin: 0 auto;&#10;}&#10;.btDeckHeader {&#10; display: flex;&#10; flex-wrap: wrap;&#10; align-items: flex-end;&#10; justify-content: space-between;&#10; gap: 22px 50px;&#10; margin-bottom: clamp(44px, 5.4vw, 68px);&#10;}&#10;.btDeckIntro {&#10; max-width: 622px;&#10;}&#10;.btDeckTtl {&#10; margin: 0;&#10; font-family: var(--theme-type-header, var(--theme-type, 'Noto Sans KR', sans-serif));&#10; font-size: clamp(28px, 3.9vw, 54px);&#10; font-weight: 800;&#10; line-height: 1.15;&#10; letter-spacing: -0.04em;&#10;}&#10;.btDeckTxt {&#10; margin: 20px 0 0;&#10; max-width: 32.75em;&#10; font-size: clamp(14px, 1.15vw, 16px);&#10; line-height: 1.85;&#10; color: var(--bt-deck-soft);&#10;}&#10;.btDeckNext {&#10; display: inline-flex;&#10; align-items: center;&#10; gap: 12px;&#10; min-height: 46px;&#10; padding: 0 26px;&#10; border: 1px solid var(--bt-deck-bar);&#10; border-radius: var(--theme-action-corner, 974px);&#10; color: inherit;&#10; font-size: 16px;&#10; font-weight: 700;&#10; text-decoration: none;&#10; transition: border-color 0.3s ease;&#10;}&#10;.btDeckNext:hover {&#10; border-color: var(--bt-deck-front);&#10;}&#10;.btDeckNext:focus-visible {&#10; outline: 2px solid var(--bt-deck-front);&#10; outline-offset: 3px;&#10;}&#10;.btDeckItems {&#10; display: flex;&#10; flex-direction: column;&#10; gap: 12px;&#10; margin: 0;&#10; padding: 0;&#10; list-style: none;&#10;}&#10;.btDeckEl {&#10; display: grid;&#10; grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.25fr) 40px;&#10; align-items: center;&#10; gap: 18px clamp(24px, 4vw, 52px);&#10; padding: clamp(24px, 3vw, 38px) clamp(26px, 3.4vw, 40px);&#10; border-radius: var(--theme-corner, 16px);&#10; background: var(--bt-deck-panel);&#10;}&#10;.btDeckStart {&#10; display: flex;&#10; align-items: center;&#10; gap: 20px;&#10;}&#10;.btDeckDash {&#10; flex-shrink: 0;&#10; width: 20px;&#10; height: 2px;&#10; background: var(--bt-deck-acc);&#10; transition: width 0.6s cubic-bezier(0.16, 1, 0.3, 1);&#10;}&#10;.btDeckName {&#10; margin: 0;&#10; font-size: clamp(18px, 1.6vw, 20px);&#10; font-weight: 800;&#10; line-height: 1.3;&#10; letter-spacing: -0.025em;&#10;}&#10;.btDeckTxt2 {&#10; margin: 0;&#10; padding-left: clamp(24px, 3vw, 42px);&#10; border-left: 1px solid var(--bt-deck-bar);&#10; font-size: 14px;&#10; line-height: 1.85;&#10; color: var(--bt-deck-soft);&#10;}&#10;.btDeckChevron {&#10; position: relative;&#10; justify-self: end;&#10; width: 22px;&#10; height: 1.5px;&#10; background: currentColor;&#10; transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);&#10;}&#10;.btDeckChevron::after {&#10; content: '';&#10; position: absolute;&#10; right: 0;&#10; top: -3.5px;&#10; width: 7px;&#10; height: 7px;&#10; border-top: 1.5px solid currentColor;&#10; border-right: 1.5px solid currentColor;&#10; transform: rotate(45deg);&#10;}&#10;.btDeckEl:hover .btDeckDash {&#10; width: 34px;&#10;}&#10;.btDeckEl:hover .btDeckChevron {&#10; transform: translateX(8px);&#10;}&#10;[data-js-bt-deck-reveal] {&#10; transition: opacity 0.9s cubic-bezier(0.16, 1, 0.3, 1), transform 0.95s cubic-bezier(0.16, 1, 0.3, 1);&#10;}&#10;[data-js-bt-deck-ready="0"] [data-js-bt-deck-reveal] {&#10; opacity: 0;&#10; transform: translateY(28px);&#10; transition: none;&#10;}&#10;@media (max-width: 806px) {&#10; .btDeckEl {&#10; grid-template-columns: 1fr;&#10; }&#10; .btDeckTxt2 {&#10; padding: 18px 0 0;&#10; border-left: 0;&#10; border-top: 1px solid var(--bt-deck-bar);&#10; }&#10; .btDeckChevron {&#10; display: none;&#10; }&#10;}&#10;&#10;&#10;&#10;&#10;.btChapter {&#10; --bt-chapter-surface: var(--theme-surface, #f8f2f0);&#10; --bt-chapter-front: var(--theme-txt, #0e1213);&#10; --bt-chapter-soft: rgba(20, 16, 18, 0.68);&#10; --bt-chapter-bar: rgba(18, 19, 20, 0.14);&#10; --bt-chapter-frame: rgba(17, 14, 16, 0.07);&#10; --bt-chapter-acc: var(--theme-primary, #ff6a1e);&#10; position: relative;&#10; box-sizing: border-box;&#10; padding: clamp(76px, 9vw, 138px) 20px clamp(86px, 10.5vw, 140px);&#10; background: var(--bt-chapter-surface);&#10; color: var(--bt-chapter-front);&#10; font-family: var(--theme-type, 'Noto Sans KR', sans-serif);&#10; word-break: keep-all;&#10;}&#10;.btChapter[data-js-bt-chapter-theme="dark"] {&#10; --bt-chapter-surface: var(--theme-deep, #0b0a0c);&#10; --bt-chapter-front: #f1efee;&#10; --bt-chapter-soft: rgba(242, 240, 235, 0.68);&#10; --bt-chapter-bar: rgba(241, 243, 236, 0.16);&#10; --bt-chapter-frame: rgba(246, 244, 237, 0.08);&#10;}&#10;.btChapterWrap {&#10; max-width: var(--theme-width, 1268px);&#10; margin: 0 auto;&#10;}&#10;.btChapterHeader {&#10; display: flex;&#10; flex-wrap: wrap;&#10; justify-content: space-between;&#10; align-items: flex-end;&#10; gap: 26px 52px;&#10;}&#10;.btChapterTtl {&#10; max-width: 13.375em;&#10; margin: 0;&#10; font-family: var(--theme-type-header, var(--theme-type, 'Noto Sans KR', sans-serif));&#10; font-size: clamp(30px, 4.2vw, 54px);&#10; font-weight: 800;&#10; line-height: 1.15;&#10; letter-spacing: -0.04em;&#10;}&#10;.btChapterSide {&#10; max-width: 24.125em;&#10;}&#10;.btChapterTxt {&#10; margin: 0;&#10; font-size: clamp(14px, 1.1vw, 18px);&#10; line-height: 1.8;&#10; color: var(--bt-chapter-soft);&#10;}&#10;.btChapterLnk {&#10; display: inline-flex;&#10; align-items: center;&#10; gap: 14px;&#10; min-height: 52px;&#10; margin-top: 22px;&#10; padding: 0 24px;&#10; border: 1px solid var(--bt-chapter-bar);&#10; border-radius: var(--theme-action-corner, 986px);&#10; color: var(--bt-chapter-front);&#10; font-size: 16px;&#10; font-weight: 600;&#10; text-decoration: none;&#10; transition: border-color 0.3s ease;&#10;}&#10;.btChapterLnk:hover {&#10; border-color: var(--bt-chapter-front);&#10;}&#10;.btChapterLnk:focus-visible {&#10; outline: 2px solid var(--bt-chapter-front);&#10; outline-offset: 3px;&#10;}&#10;.btChapterChevron {&#10; position: relative;&#10; width: 16px;&#10; height: 1.5px;&#10; background: currentColor;&#10;}&#10;.btChapterChevron::after {&#10; content: '';&#10; position: absolute;&#10; right: 0;&#10; top: -3px;&#10; width: 6px;&#10; height: 6px;&#10; border-top: 1.5px solid currentColor;&#10; border-right: 1.5px solid currentColor;&#10; transform: rotate(45deg);&#10;}&#10;.btChapterList {&#10; display: grid;&#10; grid-template-columns: repeat(2, minmax(0, 1fr));&#10; gap: clamp(50px, 6vw, 84px) clamp(18px, 3vw, 46px);&#10; margin-top: clamp(46px, 6vw, 80px);&#10;}&#10;.btChapterPanel {&#10; position: relative;&#10; display: flex;&#10; flex-direction: column;&#10; padding-bottom: clamp(26px, 2.6vw, 34px);&#10; border-bottom: 1px solid var(--bt-chapter-bar);&#10;}&#10;.btChapterPanel::after {&#10; content: '';&#10; position: absolute;&#10; left: 0;&#10; bottom: -1px;&#10; width: 100%;&#10; height: 1px;&#10; background: var(--bt-chapter-acc);&#10; transform: scaleX(0);&#10; transform-origin: 0 50%;&#10; transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);&#10;}&#10;.btChapterPanel:hover::after,&#10;.btChapterPanel:focus-within::after {&#10; transform: scaleX(1);&#10;}&#10;.btChapterFrame {&#10; margin: 0;&#10; overflow: hidden;&#10; aspect-ratio: 16 / 10;&#10; border-radius: var(--theme-corner, 16px);&#10; background: var(--bt-chapter-frame);&#10;}&#10;.btChapterMedia {&#10; display: block;&#10; width: 100%;&#10; height: 100%;&#10; object-fit: cover;&#10; transition: transform 1.2s cubic-bezier(0.16, 1, 0.3, 1);&#10;}&#10;.btChapterPanel:hover .btChapterMedia {&#10; transform: scale(1.04);&#10;}&#10;.btChapterInfo {&#10; display: flex;&#10; align-items: center;&#10; gap: 10px;&#10; margin: 26px 0 0;&#10; font-size: 14px;&#10; font-weight: 500;&#10; letter-spacing: 0.03em;&#10; color: var(--bt-chapter-soft);&#10;}&#10;.btChapterPip {&#10; width: 5px;&#10; height: 5px;&#10; border-radius: 50%;&#10; background: var(--bt-chapter-acc);&#10; flex-shrink: 0;&#10;}&#10;.btChapterName {&#10; margin: 14px 0 0;&#10; font-size: clamp(18px, 1.9vw, 30px);&#10; font-weight: 700;&#10; line-height: 1.25;&#10; letter-spacing: -0.03em;&#10;}&#10;.btChapterTxt2 {&#10; max-width: 34em;&#10; margin: 12px 0 0;&#10; font-size: 16px;&#10; line-height: 1.8;&#10; color: var(--bt-chapter-soft);&#10;}&#10;[data-js-bt-chapter-reveal] {&#10; transition: opacity 0.95s cubic-bezier(0.16, 1, 0.3, 1), transform 0.9s cubic-bezier(0.16, 1, 0.3, 1);&#10;}&#10;[data-js-bt-chapter-ready="0"] [data-js-bt-chapter-reveal] {&#10; opacity: 0;&#10; transform: translateY(36px);&#10; transition: none;&#10;}&#10;.btChapterFrame {&#10; transition: clip-path 1.3s cubic-bezier(0.16, 1, 0.3, 1);&#10; transition-delay: inherit;&#10;}&#10;[data-js-bt-chapter-ready="0"] .btChapterFrame {&#10; clip-path: inset(12% 12% 12% 12% round var(--theme-corner, 14px));&#10; transition: none;&#10;}&#10;@media (max-width: 660px) {&#10; .btChapterList {&#10; grid-template-columns: 1fr;&#10; }&#10;}&#10;&#10;&#10;&#10;&#10;.btScene {&#10; --bt-scene-surface: var(--theme-surface, #f3f8ee);&#10; --bt-scene-front: var(--theme-txt, #0e1110);&#10; --bt-scene-soft: rgba(15, 15, 14, 0.7);&#10; --bt-scene-bar: rgba(15, 14, 19, 0.15);&#10; --bt-scene-acc: var(--theme-primary, #ff6a1d);&#10; position: relative;&#10; box-sizing: border-box;&#10; padding: clamp(92px, 12.5vw, 172px) 20px clamp(68px, 8.5vw, 118px);&#10; background: var(--bt-scene-surface);&#10; color: var(--bt-scene-front);&#10; font-family: var(--theme-type, 'Noto Sans KR', sans-serif);&#10; word-break: keep-all;&#10; overflow: hidden;&#10;}&#10;.btScene[data-js-bt-scene-theme="dark"] {&#10; --bt-scene-surface: var(--theme-deep, #0d0a11);&#10; --bt-scene-front: #f2f4ed;&#10; --bt-scene-soft: rgba(243, 243, 237, 0.7);&#10; --bt-scene-bar: rgba(243, 241, 234, 0.17);&#10;}&#10;.btSceneWrap {&#10; max-width: var(--theme-width, 1254px);&#10; margin: 0 auto;&#10;}&#10;.btSceneHeader {&#10; display: flex;&#10; flex-wrap: wrap;&#10; justify-content: space-between;&#10; align-items: flex-end;&#10; gap: 22px clamp(30px, 6vw, 100px);&#10; margin-bottom: clamp(38px, 6vw, 82px);&#10;}&#10;.btSceneTtl {&#10; margin: 0;&#10; max-width: 12em;&#10; font-family: var(--theme-type-header, var(--theme-type, 'Noto Sans KR', sans-serif));&#10; font-size: clamp(32px, 4.6vw, 70px);&#10; font-weight: 900;&#10; line-height: 1.2;&#10; letter-spacing: -0.045em;&#10;}&#10;.btSceneTxt {&#10; margin: 0;&#10; max-width: 22.625em;&#10; font-size: clamp(16px, 1.15vw, 18px);&#10; font-weight: 300;&#10; line-height: 1.9;&#10; color: var(--bt-scene-soft);&#10;}&#10;.btSceneItems {&#10; margin: 0;&#10; padding: 0;&#10; list-style: none;&#10; counter-reset: pr04c-mv;&#10;}&#10;.btSceneRow {&#10; position: relative;&#10; display: grid;&#10; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);&#10; gap: clamp(22px, 4vw, 66px);&#10; align-items: end;&#10; padding: clamp(26px, 3vw, 40px) 0 clamp(34px, 3.6vw, 46px);&#10; counter-increment: pr04c-mv;&#10;}&#10;.btSceneLine {&#10; position: absolute;&#10; left: 0;&#10; right: 0;&#10; top: 0;&#10; height: 1px;&#10; background: var(--bt-scene-bar);&#10; overflow: hidden;&#10; transition-delay: inherit;&#10;}&#10;.btSceneLineBar {&#10; position: absolute;&#10; left: 0;&#10; top: 0;&#10; width: 100%;&#10; height: 1px;&#10; background: var(--bt-scene-acc);&#10; transform-origin: 0 50%;&#10; transform: scaleX(0.12);&#10; transition: transform 1.2s cubic-bezier(0.65, 0, 0.35, 1);&#10; transition-delay: inherit;&#10;}&#10;.btSceneRow:hover .btSceneLineBar {&#10; transform: scaleX(1);&#10; transition-delay: 0s;&#10;}&#10;.btSceneMask {&#10; display: block;&#10; overflow: hidden;&#10; padding-bottom: 0.04em;&#10; transition-delay: inherit;&#10;}&#10;.btSceneNo {&#10; display: block;&#10; font-size: clamp(90px, 15vw, 212px);&#10; font-weight: 300;&#10; line-height: 0.8;&#10; letter-spacing: -0.07em;&#10; transition: transform 1.1s cubic-bezier(0.16, 1, 0.3, 1);&#10; transition-delay: inherit;&#10;}&#10;.btSceneNo::before {&#10; content: counter(pr04c-mv);&#10;}&#10;.btSceneBd {&#10; max-width: 26.75em;&#10; padding-bottom: 0.39em;&#10;}&#10;.btSceneName {&#10; margin: 0 0 12px;&#10; font-size: clamp(20px, 2vw, 32px);&#10; font-weight: 800;&#10; line-height: 1.35;&#10; letter-spacing: -0.03em;&#10;}&#10;.btSceneTxt2 {&#10; margin: 0;&#10; font-size: 16px;&#10; font-weight: 400;&#10; line-height: 1.75;&#10; color: var(--bt-scene-soft);&#10;}&#10;[data-js-bt-scene-reveal] {&#10; transition: opacity 1s cubic-bezier(0.16, 1, 0.3, 1), transform 1.05s cubic-bezier(0.16, 1, 0.3, 1);&#10;}&#10;[data-js-bt-scene-ready="0"] [data-js-bt-scene-reveal] {&#10; opacity: 0;&#10; transform: translateY(20px);&#10; transition: none;&#10;}&#10;[data-js-bt-scene-ready="0"] .btSceneNo {&#10; transform: translateY(100%);&#10; transition: none;&#10;}&#10;[data-js-bt-scene-ready="0"] .btSceneLineBar {&#10; transform: scaleX(0);&#10; transition: none;&#10;}&#10;@media (max-width: 790px) {&#10; .btSceneRow {&#10; grid-template-columns: auto minmax(0, 1fr);&#10; gap: 20px;&#10; align-items: start;&#10; }&#10; .btSceneNo {&#10; font-size: 68px;&#10; min-width: 0.93em;&#10; }&#10; .btSceneBd {&#10; padding: 6px 0 0;&#10; }&#10;}&#10;&#10;&#10;&#10;&#10;.btWell {&#10; --bt-well-surface: var(--theme-surface, #f7f7f3);&#10; --bt-well-front: var(--theme-txt, #140f14);&#10; --bt-well-soft: rgba(17, 15, 16, 0.68);&#10; --bt-well-bar: rgba(19, 18, 20, 0.16);&#10; --bt-well-acc: var(--theme-primary, #ff671c);&#10; position: relative;&#10; box-sizing: border-box;&#10; padding: clamp(76px, 9vw, 126px) 22px clamp(78px, 10.5vw, 156px);&#10; background: var(--bt-well-surface);&#10; color: var(--bt-well-front);&#10; font-family: var(--theme-type, 'Noto Sans KR', sans-serif);&#10; word-break: keep-all;&#10;}&#10;.btWell[data-js-bt-well-theme="dark"] {&#10; --bt-well-surface: var(--theme-deep, #0f0a0b);&#10; --bt-well-front: #f4f3eb;&#10; --bt-well-soft: rgba(242, 242, 240, 0.7);&#10; --bt-well-bar: rgba(247, 242, 239, 0.18);&#10;}&#10;.btWellWrap {&#10; max-width: var(--theme-width, 1236px);&#10; margin: 0 auto;&#10; display: grid;&#10; grid-template-columns: 4fr 7fr;&#10; gap: clamp(44px, 7vw, 122px);&#10;}&#10;.btWellSide {&#10; display: flex;&#10; flex-direction: column;&#10; gap: 24px;&#10;}&#10;.btWellTtl {&#10; margin: 0;&#10; font-family: var(--theme-type-header, var(--theme-type, 'Noto Sans KR', sans-serif));&#10; font-size: clamp(28px, 3.4vw, 50px);&#10; font-weight: 800;&#10; line-height: 1.15;&#10; letter-spacing: -0.04em;&#10;}&#10;.btWellTxt {&#10; margin: 0;&#10; max-width: 24.25em;&#10; font-size: 16px;&#10; line-height: 1.85;&#10; color: var(--bt-well-soft);&#10;}&#10;.btWellCtrl {&#10; display: none;&#10; align-items: center;&#10; gap: 20px;&#10; margin-top: auto;&#10; padding-top: 16px;&#10;}&#10;[data-js-bt-well-m="1"] .btWellCtrl {&#10; display: flex;&#10;}&#10;.btWellArrows {&#10; display: flex;&#10; gap: 7px;&#10;}&#10;.btWellChevron {&#10; display: grid;&#10; place-items: center;&#10; width: 52px;&#10; height: 48px;&#10; padding: 0;&#10; border: 1px solid var(--bt-well-bar);&#10; border-radius: 50%;&#10; background: transparent;&#10; color: var(--bt-well-front);&#10; cursor: pointer;&#10; transition: border-color 0.3s ease, transform 0.3s ease;&#10;}&#10;.btWellChevron:hover {&#10; border-color: var(--bt-well-front);&#10;}&#10;.btWellChevron:focus-visible {&#10; outline: 2px solid var(--bt-well-front);&#10; outline-offset: 3px;&#10;}&#10;.btWellIco {&#10; width: 20px;&#10; height: 18px;&#10; fill: none;&#10; stroke: currentColor;&#10; stroke-width: 1.5;&#10;}&#10;.btWellDots {&#10; display: flex;&#10; flex-wrap: wrap;&#10; gap: 6px;&#10;}&#10;[data-js-bt-well-d] {&#10; position: relative;&#10; width: 32px;&#10; height: 30px;&#10; padding: 0;&#10; border: 0;&#10; background: transparent;&#10; cursor: pointer;&#10;}&#10;[data-js-bt-well-d]::before {&#10; content: '';&#10; position: absolute;&#10; left: 0;&#10; right: 0;&#10; top: 50%;&#10; height: 2px;&#10; background: var(--bt-well-bar);&#10;}&#10;[data-js-bt-well-d]:focus-visible {&#10; outline: 2px solid var(--bt-well-front);&#10; outline-offset: 2px;&#10;}&#10;[data-js-bt-well-f] {&#10; position: absolute;&#10; left: 0;&#10; right: 0;&#10; top: 50%;&#10; height: 2px;&#10; background: var(--bt-well-acc);&#10; transform: scaleX(0);&#10; transform-origin: 0 50%;&#10;}&#10;[data-js-bt-well-d][aria-current="true"] [data-js-bt-well-f] {&#10; animation: well-run-mv 6.15s linear infinite;&#10;}&#10;[data-js-bt-well-p="0"] [data-js-bt-well-f],&#10;[data-js-bt-well-ready="0"] [data-js-bt-well-f] {&#10; animation-play-state: paused;&#10;}&#10;.btWellView {&#10; display: flex;&#10; flex-direction: column;&#10; gap: 58px;&#10; border-top: 1px solid var(--bt-well-bar);&#10; padding-top: clamp(34px, 4vw, 48px);&#10;}&#10;[data-js-bt-well-m="1"] .btWellView {&#10; display: grid;&#10;}&#10;.btWellSlide {&#10; margin: 0;&#10; min-width: 0;&#10;}&#10;[data-js-bt-well-m="1"] .btWellSlide {&#10; grid-area: 1 / 1;&#10; opacity: 0;&#10; visibility: hidden;&#10; transform: translateY(18px);&#10; transition: opacity 0.65s ease, transform 0.95s cubic-bezier(0.16, 1, 0.3, 1), visibility 0s linear 0.75s;&#10;}&#10;[data-js-bt-well-m="1"] .btWellSlide[data-js-bt-well-on] {&#10; opacity: 1;&#10; visibility: visible;&#10; transform: none;&#10; transition: opacity 0.85s ease 0.15s, transform 1s cubic-bezier(0.16, 1, 0.3, 1) 0.15s, visibility 0s;&#10;}&#10;.btWellQuote {&#10; margin: 0;&#10; font-size: clamp(20px, 2.5vw, 34px);&#10; font-weight: 400;&#10; line-height: 1.55;&#10; letter-spacing: -0.03em;&#10;}&#10;.btWellCap {&#10; display: flex;&#10; flex-wrap: wrap;&#10; align-items: baseline;&#10; gap: 6px 16px;&#10; margin-top: clamp(30px, 3.4vw, 44px);&#10;}&#10;.btWellAuthor {&#10; font-size: 16px;&#10; font-weight: 700;&#10;}&#10;.btWellSub {&#10; font-size: 16px;&#10; color: var(--bt-well-soft);&#10;}&#10;[data-js-bt-well-reveal] {&#10; transition: opacity 1s cubic-bezier(0.16, 1, 0.3, 1), transform 1.05s cubic-bezier(0.16, 1, 0.3, 1);&#10;}&#10;[data-js-bt-well-ready="0"] [data-js-bt-well-reveal] {&#10; opacity: 0;&#10; transform: translateY(26px);&#10; transition: none;&#10;}&#10;@keyframes well-run-mv {&#10; from { transform: scaleX(0); }&#10; to { transform: scaleX(1); }&#10;}&#10;@media (max-width: 848px) {&#10; .btWellWrap {&#10; grid-template-columns: 1fr;&#10; }&#10; .btWellCtrl {&#10; margin-top: 7px;&#10; }&#10;}&#10;&#10;&#10;&#10;&#10;.btBay {&#10; --bt-bay-surface: var(--theme-surface, #f9f5f4);&#10; --bt-bay-front: var(--theme-txt, #120e0f);&#10; --bt-bay-soft: rgba(15, 17, 16, 0.7);&#10; --bt-bay-bar: rgba(18, 19, 20, 0.16);&#10; --bt-bay-acc: var(--theme-primary, #ff6920);&#10; --bt-bay-action-surface: #130f12;&#10; --bt-bay-action-front: #fffcfd;&#10; position: relative;&#10; box-sizing: border-box;&#10; padding: clamp(104px, 13vw, 174px) 22px clamp(86px, 10vw, 124px);&#10; background: var(--bt-bay-surface);&#10; color: var(--bt-bay-front);&#10; font-family: var(--theme-type, 'Noto Sans KR', sans-serif);&#10; word-break: keep-all;&#10;}&#10;.btBay[data-js-bt-bay-theme="dark"] {&#10; --bt-bay-surface: var(--theme-deep, #0e0b0e);&#10; --bt-bay-front: #f5f3f0;&#10; --bt-bay-soft: rgba(241, 244, 238, 0.7);&#10; --bt-bay-bar: rgba(242, 239, 238, 0.18);&#10; --bt-bay-action-surface: #f2f3ec;&#10; --bt-bay-action-front: #0f0c11;&#10;}&#10;.btBayWrap {&#10; max-width: var(--theme-width, 1084px);&#10; margin: 0 auto;&#10;}&#10;.btBayTtl {&#10; max-width: 14.25em;&#10; margin: 0;&#10; font-family: var(--theme-type-header, var(--theme-type, 'Noto Sans KR', sans-serif));&#10; font-size: clamp(38px, 7.4vw, 106px);&#10; font-weight: 900;&#10; line-height: 1.1;&#10; letter-spacing: -0.045em;&#10;}&#10;.btBayLine {&#10; position: relative;&#10; height: 1px;&#10; margin: clamp(46px, 7vw, 100px) 0 clamp(32px, 3.4vw, 44px);&#10; background: var(--bt-bay-bar);&#10; overflow: hidden;&#10;}&#10;.btBayLineBar {&#10; position: absolute;&#10; left: 0;&#10; top: 0;&#10; width: 100%;&#10; height: 1px;&#10; background: var(--bt-bay-acc);&#10; transform: scaleX(0.14);&#10; transform-origin: 0 50%;&#10; transition: transform 1.7s cubic-bezier(0.16, 1, 0.3, 1) 0.35s;&#10;}&#10;.btBayRow {&#10; display: flex;&#10; flex-wrap: wrap;&#10; align-items: flex-end;&#10; justify-content: space-between;&#10; gap: 34px 48px;&#10;}&#10;.btBayTxt {&#10; max-width: 29.125em;&#10; margin: 0;&#10; font-size: clamp(16px, 1.25vw, 18px);&#10; font-weight: 400;&#10; line-height: 1.9;&#10; color: var(--bt-bay-soft);&#10;}&#10;.btBayGo {&#10; display: inline-flex;&#10; align-items: center;&#10; gap: 14px;&#10; min-height: 64px;&#10; padding: 0 34px;&#10; box-sizing: border-box;&#10; border-radius: var(--theme-action-corner, 908px);&#10; background: var(--bt-bay-action-surface);&#10; color: var(--bt-bay-action-front);&#10; font-size: 16px;&#10; font-weight: 700;&#10; text-decoration: none;&#10; white-space: nowrap;&#10; transition: transform 0.25s ease, opacity 0.3s ease;&#10;}&#10;.btBayGo:hover {&#10; transform: translateY(-2px);&#10;}&#10;.btBayGo:focus-visible {&#10; outline: 2px solid var(--bt-bay-front);&#10; outline-offset: 3px;&#10;}&#10;.btBayChevron {&#10; position: relative;&#10; width: 18px;&#10; height: 1.5px;&#10; background: currentColor;&#10; transition: width 0.3s ease;&#10;}&#10;.btBayChevron::after {&#10; content: '';&#10; position: absolute;&#10; right: 0;&#10; top: -3px;&#10; width: 6px;&#10; height: 6px;&#10; border-top: 1.5px solid currentColor;&#10; border-right: 1.5px solid currentColor;&#10; transform: rotate(45deg);&#10;}&#10;.btBayGo:hover .btBayChevron {&#10; width: 28px;&#10;}&#10;[data-js-bt-bay-reveal] {&#10; transition: opacity 1.05s cubic-bezier(0.16, 1, 0.3, 1), transform 1s cubic-bezier(0.16, 1, 0.3, 1);&#10;}&#10;[data-js-bt-bay-ready="0"] [data-js-bt-bay-reveal] {&#10; opacity: 0;&#10; transform: translateY(34px);&#10; transition: none;&#10;}&#10;[data-js-bt-bay-ready="0"] .btBayLineBar {&#10; transform: scaleX(0);&#10; transition: none;&#10;}&#10;[data-js-bt-bay-ready="1"] .btBayLineBar {&#10; transform: scaleX(1);&#10;}&#10;@media (max-width: 526px) {&#10; .btBayGo {&#10; width: 100%;&#10; justify-content: center;&#10; }&#10;}&#10;&#10;&lt;/style&gt;&#10;&#10;&lt;section class="btYard" data-js-bt-yard="" data-js-bt-yard-theme="dark"&gt;&#10;&lt;div class="btYardWrap"&gt;&#10;&lt;div class="btYardTop"&gt;&#10;&lt;p class="btYardKicker btKicker" data-js-bt-yard-reveal=""&gt;&lt;span aria-hidden="true" class="btYardPip"&gt;&lt;/span&gt;기술 점검&lt;/p&gt;&#10;&lt;h1 class="btYardTtl btHeroTtl" data-js-bt-yard-reveal=""&gt;설정부터 바로잡는 기술 점검&lt;/h1&gt;&#10;&lt;p class="btYardTxt btTxt" data-js-bt-yard-reveal=""&gt;서버 응답과 주소 규칙, 색인 설정처럼 눈에 띄지 않는 항목이 웹사이트상위노출을 먼저 막습니다.&lt;/p&gt;&#10;&lt;/div&gt;&#10;&lt;div class="btYardFrame" data-js-bt-yard-reveal=""&gt;&#10;&lt;img alt="웹사이트상위노출 기술 점검 화면" class="btYardMedia" height="686" loading="lazy" src="./img/soft-desk.svg" width="1600"/&gt;&#10;&lt;/div&gt;&#10;&lt;p class="btYardCap" data-js-bt-yard-reveal=""&gt;&lt;span aria-hidden="true" class="btYardCapBar"&gt;&lt;/span&gt;점검표를 채우는 과정&lt;/p&gt;&#10;&lt;/div&gt;&#10;&lt;script&gt;&#10; (function () {&#10; var N = {"root": "data-js-bt-yard", "tone": "data-js-bt-yard-theme", "state": "data-js-bt-yard-ready", "item": "data-js-bt-yard-reveal"};&#10; var s = document.currentScript;&#10; var R = s &amp;&amp; s.closest('[' + N.root + ']');&#10; if (!R) { return; }&#10; var items = R.querySelectorAll('[' + N.item + ']');&#10; // 시간차는 현재 DOM 순서로 매김&#10; for (var i = 0; i &lt; items.length; i++) {&#10; items[i].style.transitionDelay = (i * 0.12) + 's, ' + (i * 0.12) + 's';&#10; }&#10; var show = function () { R.setAttribute(N.state, '1'); };&#10; if (!('IntersectionObserver' in window)) { return; }&#10; // 처음 화면에 이미 보이는 섹션은 숨기지 않는다(2026-10-27): 가장 큰 글(LCP)이 등장 지연만큼 늦게 잡혀 PageSpeed 모바일 80점대&#10; if (R.getBoundingClientRect().top &gt;= window.innerHeight) { R.setAttribute(N.state, '0'); }&#10; var io = new IntersectionObserver(function (es) {&#10; if (es[0].isIntersecting) {&#10; io.disconnect();&#10; requestAnimationFrame(function () { requestAnimationFrame(show); });&#10; }&#10; }, { threshold: 0.15 });&#10; io.observe(R);&#10; })();&#10; &lt;/script&gt;&#10;&lt;/section&gt;</description></item><item><title>백링크관리 기준과 점검 주기 - 웹마케팅AI</title><link>https://webmarketing.ai.kr/%EB%B0%B1%EB%A7%81%ED%81%AC%EA%B4%80%EB%A6%AC.html</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://webmarketing.ai.kr/%EB%B0%B1%EB%A7%81%ED%81%AC%EA%B4%80%EB%A6%AC.html</guid><description>&lt;style&gt;&#10;&#10;&#10;.btCore {&#10; --bt-core-surface: var(--theme-surface, #f6f4f4);&#10; --bt-core-front: var(--theme-txt, #121410);&#10; --bt-core-soft: rgba(20, 16, 15, 0.68);&#10; --bt-core-bar: rgba(19, 17, 14, 0.15);&#10; --bt-core-acc: var(--theme-primary, #ff6a1c);&#10; position: relative;&#10; box-sizing: border-box;&#10; padding: clamp(154px, 14vw, 202px) 20px 0;&#10; background: var(--bt-core-surface);&#10; color: var(--bt-core-front);&#10; font-family: var(--theme-type, 'Noto Sans KR', sans-serif);&#10; word-break: keep-all;&#10;}&#10;.btCore[data-js-bt-core-theme="dark"] {&#10; --bt-core-surface: var(--theme-deep, #0a0a0c);&#10; --bt-core-front: #f3f2ea;&#10; --bt-core-soft: rgba(245, 243, 237, 0.7);&#10; --bt-core-bar: rgba(243, 240, 239, 0.17);&#10;}&#10;.btCoreWrap {&#10; max-width: var(--theme-width, 1088px);&#10; margin: 0 auto;&#10; padding-bottom: clamp(62px, 8vw, 114px);&#10; border-bottom: 1px solid var(--bt-core-bar);&#10;}&#10;.btCoreList {&#10; display: grid;&#10; grid-template-columns: minmax(0, 1.15fr) 1px minmax(0, 1fr);&#10; gap: clamp(32px, 5.5vw, 82px);&#10; align-items: end;&#10;}&#10;.btCoreTtl {&#10; margin: 0;&#10; font-family: var(--theme-type-header, var(--theme-type, 'Noto Sans KR', sans-serif));&#10; font-size: clamp(38px, 5.6vw, 86px);&#10; font-weight: 800;&#10; line-height: 1.15;&#10; letter-spacing: -0.042em;&#10;}&#10;.btCoreSplit {&#10; position: relative;&#10; align-self: stretch;&#10; min-height: 128px;&#10; background: var(--bt-core-bar);&#10; transform-origin: 50% 0;&#10; transition: transform 1.15s cubic-bezier(0.16, 1, 0.3, 1) 0.2s;&#10;}&#10;.btCoreSplit::after {&#10; content: '';&#10; position: absolute;&#10; left: 0;&#10; bottom: 0;&#10; width: 1px;&#10; height: 40px;&#10; background: var(--bt-core-acc);&#10;}&#10;.btCoreSide {&#10; display: flex;&#10; flex-direction: column;&#10; gap: clamp(22px, 2.4vw, 28px);&#10; padding-bottom: 6px;&#10;}&#10;.btCoreTxt {&#10; max-width: 28.5em;&#10; margin: 0;&#10; font-size: clamp(18px, 1.45vw, 22px);&#10; font-weight: 300;&#10; line-height: 1.8;&#10; letter-spacing: -0.01em;&#10;}&#10;.btCoreExtra {&#10; max-width: 31.875em;&#10; margin: 0;&#10; font-size: 16px;&#10; font-weight: 400;&#10; line-height: 1.75;&#10; color: var(--bt-core-soft);&#10;}&#10;.btCoreSub {&#10; display: flex;&#10; flex-wrap: wrap;&#10; gap: 7px 32px;&#10; margin: 0;&#10; padding: 0;&#10; list-style: none;&#10; font-size: 14px;&#10; font-weight: 500;&#10; color: var(--bt-core-soft);&#10;}&#10;[data-js-bt-core-reveal] {&#10; transition: opacity 1.05s cubic-bezier(0.16, 1, 0.3, 1), transform 1.1s cubic-bezier(0.16, 1, 0.3, 1);&#10;}&#10;[data-js-bt-core-ready="0"] [data-js-bt-core-reveal] {&#10; opacity: 0;&#10; transform: translateY(26px);&#10; transition: none;&#10;}&#10;[data-js-bt-core-ready="0"] .btCoreSplit {&#10; transform: scaleY(0);&#10; transition: none;&#10;}&#10;@media (max-width: 872px) {&#10; .btCoreList {&#10; grid-template-columns: 1fr;&#10; gap: 28px;&#10; }&#10; .btCoreSplit {&#10; min-height: 0;&#10; height: 1px;&#10; width: 64px;&#10; transform-origin: 0 50%;&#10; }&#10; .btCoreSplit::after {&#10; width: 24px;&#10; height: 1px;&#10; }&#10; [data-js-bt-core-ready="0"] .btCoreSplit {&#10; transform: scaleX(0);&#10; }&#10;}&#10;&#10;&#10;&#10;&#10;.btFlow {&#10; --bt-flow-surface: var(--theme-surface, #f9f8ee);&#10; --bt-flow-front: var(--theme-txt, #0f1013);&#10; --bt-flow-soft: rgba(17, 18, 14, 0.7);&#10; --bt-flow-bar: rgba(18, 15, 20, 0.16);&#10; --bt-flow-frame: rgba(20, 16, 18, 0.07);&#10; --bt-flow-acc: var(--theme-primary, #ff6b1e);&#10; --bt-flow-action-surface: #140e0e;&#10; --bt-flow-action-front: #fcfeff;&#10; position: relative;&#10; box-sizing: border-box;&#10; padding: clamp(84px, 10vw, 146px) 20px clamp(92px, 12vw, 150px);&#10; background: var(--bt-flow-surface);&#10; color: var(--bt-flow-front);&#10; font-family: var(--theme-type, 'Noto Sans KR', sans-serif);&#10; word-break: keep-all;&#10; overflow: hidden;&#10;}&#10;.btFlow[data-js-bt-flow-theme="dark"] {&#10; --bt-flow-surface: var(--theme-deep, #0a0e0c);&#10; --bt-flow-front: #f3f2ec;&#10; --bt-flow-soft: rgba(245, 244, 240, 0.7);&#10; --bt-flow-bar: rgba(244, 239, 236, 0.2);&#10; --bt-flow-frame: rgba(242, 240, 235, 0.08);&#10; --bt-flow-action-surface: #f6efec;&#10; --bt-flow-action-front: #090d10;&#10;}&#10;.btFlowWrap {&#10; max-width: var(--theme-width, 1086px);&#10; margin: 0 auto;&#10; display: grid;&#10; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);&#10; gap: clamp(46px, 7vw, 114px);&#10; align-items: center;&#10;}&#10;.btFlowVisual {&#10; position: relative;&#10; margin: 0 0 0 clamp(0px, 2vw, 26px);&#10;}&#10;.btFlowOutline {&#10; position: absolute;&#10; inset: clamp(18px, 2.6vw, 36px) clamp(18px, 2.6vw, 38px) clamp(-34px, -2.6vw, -18px) clamp(-34px, -2.6vw, -18px);&#10; border: 1px solid var(--bt-flow-bar);&#10; border-radius: var(--theme-corner, 16px);&#10; pointer-events: none;&#10;}&#10;.btFlowFrame {&#10; position: relative;&#10; aspect-ratio: 4 / 5;&#10; max-height: 658px;&#10; border-radius: var(--theme-corner, 14px);&#10; background: var(--bt-flow-frame);&#10; overflow: hidden;&#10;}&#10;.btFlowMedia {&#10; display: block;&#10; width: 100%;&#10; height: 100%;&#10; object-fit: cover;&#10; transform-origin: 50% 60%;&#10; transition: transform 1.5s cubic-bezier(0.16, 1, 0.3, 1);&#10;}&#10;.btFlowCap {&#10; position: absolute;&#10; right: clamp(-28px, -2vw, -12px);&#10; bottom: clamp(32px, 5vw, 62px);&#10; max-width: 282px;&#10; margin: 0;&#10; padding: 22px 24px 22px;&#10; border-radius: calc(var(--theme-corner, 14px) * 0.6);&#10; background: var(--bt-flow-surface);&#10; border: 1px solid var(--bt-flow-bar);&#10;}&#10;.btFlowCapMark {&#10; display: block;&#10; width: 26px;&#10; height: 2px;&#10; margin-bottom: 14px;&#10; background: var(--bt-flow-acc);&#10;}&#10;.btFlowCapHeader {&#10; display: block;&#10; font-size: 14px;&#10; font-weight: 700;&#10; letter-spacing: -0.01em;&#10;}&#10;.btFlowCapTxt {&#10; display: block;&#10; margin-top: 6px;&#10; font-size: 14px;&#10; line-height: 1.65;&#10; color: var(--bt-flow-soft);&#10;}&#10;.btFlowBd {&#10; max-width: 492px;&#10;}&#10;.btFlowTtl {&#10; margin: 0;&#10; font-family: var(--theme-type-header, var(--theme-type, 'Noto Sans KR', sans-serif));&#10; font-size: clamp(30px, 3.5vw, 44px);&#10; font-weight: 800;&#10; line-height: 1.2;&#10; letter-spacing: -0.04em;&#10;}&#10;.btFlowTxt {&#10; margin: clamp(26px, 3vw, 38px) 0 0;&#10; font-size: clamp(16px, 1.15vw, 18px);&#10; font-weight: 400;&#10; line-height: 1.9;&#10; color: var(--bt-flow-soft);&#10;}&#10;.btFlowSub {&#10; display: grid;&#10; grid-template-columns: 1fr 1fr;&#10; gap: 26px;&#10; margin: clamp(34px, 4vw, 56px) 0 0;&#10; padding-top: 26px;&#10; border-top: 1px solid var(--bt-flow-bar);&#10;}&#10;.btFlowSubEl {&#10; margin: 0;&#10;}&#10;.btFlowSubTerm {&#10; font-size: 12px;&#10; font-weight: 400;&#10; color: var(--bt-flow-soft);&#10;}&#10;.btFlowSubTxt {&#10; margin: 8px 0 0;&#10; font-size: 16px;&#10; font-weight: 700;&#10; letter-spacing: -0.01em;&#10;}&#10;.btFlowNext {&#10; display: inline-flex;&#10; align-items: center;&#10; gap: 12px;&#10; margin-top: clamp(38px, 4vw, 52px);&#10; min-height: 56px;&#10; padding: 0 26px;&#10; border-radius: var(--theme-action-corner, 920px);&#10; background: var(--bt-flow-action-surface);&#10; color: var(--bt-flow-action-front);&#10; font-size: 16px;&#10; font-weight: 700;&#10; text-decoration: none;&#10; transition: transform 0.3s ease;&#10;}&#10;.btFlowNext:hover {&#10; transform: translateY(-2px);&#10;}&#10;.btFlowNext:focus-visible {&#10; outline: 2px solid var(--bt-flow-front);&#10; outline-offset: 3px;&#10;}&#10;.btFlowChevron {&#10; position: relative;&#10; width: 18px;&#10; height: 1.5px;&#10; background: currentColor;&#10; transition: width 0.3s ease;&#10;}&#10;.btFlowChevron::after {&#10; content: '';&#10; position: absolute;&#10; right: 0;&#10; top: -3px;&#10; width: 6px;&#10; height: 6px;&#10; border-top: 1.5px solid currentColor;&#10; border-right: 1.5px solid currentColor;&#10; transform: rotate(45deg);&#10;}&#10;.btFlowNext:hover .btFlowChevron {&#10; width: 20px;&#10;}&#10;.btFlowOutline,&#10;[data-js-bt-flow-reveal] {&#10; transition: opacity 1s cubic-bezier(0.16, 1, 0.3, 1), transform 1.15s cubic-bezier(0.16, 1, 0.3, 1);&#10;}&#10;[data-js-bt-flow-ready="0"] [data-js-bt-flow-reveal] {&#10; opacity: 0;&#10; transform: translateY(26px);&#10; transition: none;&#10;}&#10;[data-js-bt-flow-ready="0"] .btFlowOutline {&#10; opacity: 0;&#10; transform: translate(-16px, 18px);&#10; transition: none;&#10;}&#10;[data-js-bt-flow-ready="0"] .btFlowMedia {&#10; transform: scale(1.08);&#10; transition: none;&#10;}&#10;@media (max-width: 930px) {&#10; .btFlowWrap {&#10; grid-template-columns: 1fr;&#10; }&#10; .btFlowVisual {&#10; max-width: 570px;&#10; margin: 0 clamp(14px, 4vw, 34px) 0 clamp(18px, 4vw, 36px);&#10; }&#10; .btFlowBd {&#10; max-width: 658px;&#10; }&#10;}&#10;@media (max-width: 590px) {&#10; .btFlowCap {&#10; right: -8px;&#10; max-width: 214px;&#10; }&#10; .btFlowSub {&#10; grid-template-columns: 1fr;&#10; gap: 18px;&#10; }&#10;}&#10;&#10;&#10;&#10;&#10;.btLane {&#10; --bt-lane-surface: var(--theme-surface, #f6f5f0);&#10; --bt-lane-front: var(--theme-txt, #100f0f);&#10; --bt-lane-soft: rgba(14, 18, 16, 0.7);&#10; --bt-lane-bar: rgba(19, 19, 17, 0.14);&#10; --bt-lane-frame: rgba(15, 15, 14, 0.07);&#10; --bt-lane-acc: var(--theme-primary, #fc6720);&#10; position: relative;&#10; box-sizing: border-box;&#10; padding: clamp(80px, 10.5vw, 150px) 22px clamp(94px, 11vw, 148px);&#10; background: var(--bt-lane-surface);&#10; color: var(--bt-lane-front);&#10; font-family: var(--theme-type, 'Noto Sans KR', sans-serif);&#10; word-break: keep-all;&#10;}&#10;.btLane[data-js-bt-lane-theme="dark"] {&#10; --bt-lane-surface: var(--theme-deep, #090f0b);&#10; --bt-lane-front: #f1f2ec;&#10; --bt-lane-soft: rgba(242, 239, 239, 0.7);&#10; --bt-lane-bar: rgba(243, 243, 237, 0.16);&#10; --bt-lane-frame: rgba(243, 241, 234, 0.08);&#10;}&#10;.btLaneWrap {&#10; max-width: var(--theme-width, 1102px);&#10; margin: 0 auto;&#10;}&#10;.btLaneHeader {&#10; display: grid;&#10; grid-template-columns: 1.4fr 1fr;&#10; gap: clamp(24px, 5vw, 76px);&#10; align-items: end;&#10; padding-bottom: clamp(30px, 4vw, 54px);&#10; border-bottom: 1px solid var(--bt-lane-bar);&#10;}&#10;.btLaneTtl {&#10; max-width: 13.375em;&#10; margin: 0;&#10; font-family: var(--theme-type-header, var(--theme-type, 'Noto Sans KR', sans-serif));&#10; font-size: clamp(28px, 4.6vw, 66px);&#10; font-weight: 800;&#10; line-height: 1.15;&#10; letter-spacing: -0.042em;&#10;}&#10;.btLaneTxt {&#10; max-width: 24.25em;&#10; margin: 0;&#10; font-size: clamp(16px, 1.15vw, 18px);&#10; line-height: 1.85;&#10; color: var(--bt-lane-soft);&#10;}&#10;.btLaneList {&#10; display: grid;&#10; grid-template-columns: repeat(12, minmax(0, 1fr));&#10; column-gap: clamp(16px, 2.4vw, 34px);&#10; row-gap: clamp(52px, 7vw, 112px);&#10; margin-top: clamp(48px, 6vw, 94px);&#10;}&#10;.btLaneCase {&#10; grid-column: span 6;&#10; margin: 0;&#10;}&#10;.btLaneWide {&#10; grid-column: 1 / span 7;&#10;}&#10;.btLaneTall {&#10; grid-column: 9 / span 4;&#10; margin-top: clamp(42px, 9vw, 154px);&#10;}&#10;.btLaneMid {&#10; grid-column: 2 / span 5;&#10;}&#10;.btLaneLow {&#10; grid-column: 8 / span 5;&#10; margin-top: clamp(26px, 5vw, 66px);&#10;}&#10;.btLaneFrame {&#10; position: relative;&#10; overflow: hidden;&#10; aspect-ratio: 4 / 3;&#10; border-radius: var(--theme-corner, 14px);&#10; background: var(--bt-lane-frame);&#10; clip-path: inset(0 0 0 0);&#10; transition: clip-path 1.3s cubic-bezier(0.16, 1, 0.3, 1);&#10; transition-delay: inherit;&#10;}&#10;.btLaneTall .btLaneFrame {&#10; aspect-ratio: 3 / 4;&#10;}&#10;.btLaneMid .btLaneFrame {&#10; aspect-ratio: 1 / 1;&#10;}&#10;.btLaneMedia {&#10; display: block;&#10; width: 100%;&#10; height: 100%;&#10; object-fit: cover;&#10; transform: scale(1);&#10; transition: transform 1.6s cubic-bezier(0.16, 1, 0.3, 1);&#10;}&#10;.btLaneCase:hover .btLaneMedia {&#10; transform: scale(1.035);&#10;}&#10;.btLaneCap {&#10; display: grid;&#10; grid-template-columns: 28px 1fr;&#10; column-gap: 16px;&#10; margin-top: 20px;&#10;}&#10;.btLaneMark {&#10; width: 26px;&#10; height: 1px;&#10; margin-top: 0.93em;&#10; background: var(--bt-lane-acc);&#10;}&#10;.btLaneName {&#10; margin: 0;&#10; font-size: clamp(18px, 1.5vw, 22px);&#10; font-weight: 700;&#10; line-height: 1.35;&#10; letter-spacing: -0.02em;&#10;}&#10;.btLaneNote {&#10; grid-column: 2;&#10; margin: 6px 0 0;&#10; font-size: 14px;&#10; line-height: 1.75;&#10; color: var(--bt-lane-soft);&#10;}&#10;.btLaneFoot {&#10; display: flex;&#10; justify-content: flex-end;&#10; margin-top: clamp(52px, 7vw, 96px);&#10;}&#10;.btLaneAll {&#10; display: inline-flex;&#10; align-items: center;&#10; gap: 12px;&#10; min-height: 52px;&#10; padding: 0 24px;&#10; border: 1px solid var(--bt-lane-bar);&#10; border-radius: var(--theme-action-corner, 930px);&#10; color: var(--bt-lane-front);&#10; font-size: 16px;&#10; font-weight: 600;&#10; text-decoration: none;&#10; transition: border-color 0.3s ease;&#10;}&#10;.btLaneAll:hover {&#10; border-color: var(--bt-lane-front);&#10;}&#10;.btLaneAll:focus-visible {&#10; outline: 2px solid var(--bt-lane-front);&#10; outline-offset: 3px;&#10;}&#10;.btLaneChevron {&#10; position: relative;&#10; width: 16px;&#10; height: 1.5px;&#10; background: currentColor;&#10; transition: width 0.25s ease;&#10;}&#10;.btLaneChevron::after {&#10; content: '';&#10; position: absolute;&#10; right: 0;&#10; top: -3px;&#10; width: 7px;&#10; height: 6px;&#10; border-top: 1.5px solid currentColor;&#10; border-right: 1.5px solid currentColor;&#10; transform: rotate(45deg);&#10;}&#10;.btLaneAll:hover .btLaneChevron {&#10; width: 24px;&#10;}&#10;[data-js-bt-lane-reveal] {&#10; transition: opacity 0.9s cubic-bezier(0.16, 1, 0.3, 1), transform 1.05s cubic-bezier(0.16, 1, 0.3, 1);&#10;}&#10;[data-js-bt-lane-ready="0"] [data-js-bt-lane-reveal] {&#10; opacity: 0;&#10; transform: translateY(28px);&#10; transition: none;&#10;}&#10;[data-js-bt-lane-ready="0"] .btLaneFrame {&#10; clip-path: inset(0 0 100% 0);&#10; transition: none;&#10;}&#10;[data-js-bt-lane-ready="0"] .btLaneMedia {&#10; transform: scale(1.14);&#10; transition: none;&#10;}&#10;@media (max-width: 972px) {&#10; .btLaneHeader {&#10; grid-template-columns: 1fr;&#10; align-items: start;&#10; }&#10; .btLaneWide,&#10; .btLaneMid {&#10; grid-column: 1 / span 7;&#10; }&#10; .btLaneTall,&#10; .btLaneLow {&#10; grid-column: 8 / span 5;&#10; }&#10;}&#10;@media (max-width: 582px) {&#10; .btLaneList {&#10; grid-template-columns: 1fr;&#10; }&#10; .btLaneCase,&#10; .btLaneWide,&#10; .btLaneTall,&#10; .btLaneMid,&#10; .btLaneLow {&#10; grid-column: 1 / -1;&#10; margin-top: 0;&#10; }&#10; .btLaneFoot {&#10; justify-content: flex-start;&#10; }&#10;}&#10;&#10;&#10;&#10;&#10;.btPiece {&#10; --bt-piece-surface: var(--theme-surface, #f9f5ef);&#10; --bt-piece-front: var(--theme-txt, #120f14);&#10; --bt-piece-soft: rgba(17, 15, 16, 0.7);&#10; --bt-piece-bar: rgba(19, 18, 20, 0.16);&#10; --bt-piece-acc: var(--theme-primary, #fd6c1f);&#10; position: relative;&#10; box-sizing: border-box;&#10; padding: clamp(88px, 10.5vw, 138px) 20px clamp(92px, 11vw, 152px);&#10; background: var(--bt-piece-surface);&#10; color: var(--bt-piece-front);&#10; font-family: var(--theme-type, 'Noto Sans KR', sans-serif);&#10; word-break: keep-all;&#10;}&#10;.btPiece[data-js-bt-piece-theme="dark"] {&#10; --bt-piece-surface: var(--theme-deep, #0d0e10);&#10; --bt-piece-front: #f7f0f0;&#10; --bt-piece-soft: rgba(242, 242, 240, 0.7);&#10; --bt-piece-bar: rgba(247, 242, 239, 0.18);&#10;}&#10;.btPieceWrap {&#10; max-width: var(--theme-width, 1166px);&#10; margin: 0 auto;&#10;}&#10;.btPieceHeader {&#10; display: grid;&#10; grid-template-columns: 1.15fr 1fr;&#10; gap: clamp(22px, 5vw, 94px);&#10; align-items: end;&#10; margin-bottom: clamp(52px, 8vw, 108px);&#10;}&#10;.btPieceKicker {&#10; display: flex;&#10; align-items: center;&#10; gap: 12px;&#10; margin: 0 0 clamp(22px, 3vw, 38px);&#10; font-size: 14px;&#10; font-weight: 500;&#10; letter-spacing: 0.02em;&#10; color: var(--bt-piece-soft);&#10;}&#10;.btPiecePip {&#10; width: 8px;&#10; height: 8px;&#10; border-radius: 50%;&#10; background: var(--bt-piece-acc);&#10; flex-shrink: 0;&#10;}&#10;.btPieceTtl {&#10; margin: 0;&#10; max-width: 15.375em;&#10; font-family: var(--theme-type-header, var(--theme-type, 'Noto Sans KR', sans-serif));&#10; font-size: clamp(28px, 4.2vw, 60px);&#10; font-weight: 800;&#10; line-height: 1.25;&#10; letter-spacing: -0.04em;&#10;}&#10;.btPieceTxt {&#10; margin: 0;&#10; max-width: 29.75em;&#10; font-size: clamp(16px, 1.2vw, 18px);&#10; font-weight: 400;&#10; line-height: 1.85;&#10; color: var(--bt-piece-soft);&#10;}&#10;.btPieceTrack {&#10; position: relative;&#10;}&#10;.btPieceRail {&#10; position: absolute;&#10; left: 0;&#10; right: 0;&#10; top: 5px;&#10; height: 1px;&#10; background: var(--bt-piece-bar);&#10; overflow: hidden;&#10;}&#10;.btPieceBar {&#10; position: absolute;&#10; inset: 0;&#10; background: var(--bt-piece-acc);&#10; transform-origin: 0 50%;&#10; transition: transform 1.9s cubic-bezier(0.65, 0, 0.35, 1) 0.35s;&#10;}&#10;.btPieceItems {&#10; position: relative;&#10; display: grid;&#10; grid-template-columns: repeat(4, minmax(0, 1fr));&#10; gap: clamp(26px, 3.2vw, 46px);&#10; margin: 0;&#10; padding: 0;&#10; list-style: none;&#10; counter-reset: pr01c-fx;&#10;}&#10;.btPieceStep {&#10; position: relative;&#10; padding-top: 44px;&#10; counter-increment: pr01c-fx;&#10;}&#10;.btPieceNode {&#10; position: absolute;&#10; left: 0;&#10; top: 0;&#10; width: 10px;&#10; height: 12px;&#10; box-sizing: border-box;&#10; border-radius: 50%;&#10; border: 1px solid var(--bt-piece-front);&#10; background: var(--bt-piece-surface);&#10; transition-delay: inherit;&#10;}&#10;.btPieceNode::after {&#10; content: '';&#10; position: absolute;&#10; inset: 2px;&#10; border-radius: 50%;&#10; background: var(--bt-piece-acc);&#10; transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);&#10; transition-delay: inherit;&#10;}&#10;.btPieceNo {&#10; display: block;&#10; margin-bottom: 20px;&#10; font-size: 12px;&#10; font-weight: 500;&#10; letter-spacing: 0.08em;&#10; color: var(--bt-piece-soft);&#10;}&#10;.btPieceNo::before {&#10; content: counter(pr01c-fx, decimal-leading-zero);&#10;}&#10;.btPieceName {&#10; margin: 0 0 12px;&#10; font-size: clamp(20px, 1.6vw, 22px);&#10; font-weight: 800;&#10; line-height: 1.35;&#10; letter-spacing: -0.025em;&#10;}&#10;.btPieceTxt2 {&#10; margin: 0;&#10; max-width: 17.625em;&#10; font-size: 14px;&#10; font-weight: 400;&#10; line-height: 1.9;&#10; color: var(--bt-piece-soft);&#10;}&#10;[data-js-bt-piece-reveal] {&#10; transition: opacity 0.9s cubic-bezier(0.16, 1, 0.3, 1), transform 0.9s cubic-bezier(0.16, 1, 0.3, 1);&#10;}&#10;[data-js-bt-piece-ready="0"] [data-js-bt-piece-reveal] {&#10; opacity: 0;&#10; transform: translateY(26px);&#10; transition: none;&#10;}&#10;[data-js-bt-piece-ready="0"] .btPieceBar {&#10; transform: scaleX(0);&#10; transition: none;&#10;}&#10;[data-js-bt-piece-ready="0"] .btPieceNode::after {&#10; transform: scale(0);&#10; transition: none;&#10;}&#10;@media (max-width: 826px) {&#10; .btPieceHeader {&#10; grid-template-columns: 1fr;&#10; align-items: start;&#10; }&#10; .btPieceItems {&#10; grid-template-columns: repeat(2, minmax(0, 1fr));&#10; row-gap: 60px;&#10; }&#10; .btPieceRail {&#10; display: none;&#10; }&#10; .btPieceStep {&#10; border-top: 1px solid var(--bt-piece-bar);&#10; padding-top: 34px;&#10; }&#10; .btPieceNode {&#10; top: -6px;&#10; }&#10;}&#10;@media (max-width: 516px) {&#10; .btPieceItems {&#10; grid-template-columns: 1fr;&#10; row-gap: 42px;&#10; }&#10;}&#10;&#10;&#10;&#10;&#10;.btPane {&#10; --bt-pane-surface: var(--theme-surface, #f8f2ee);&#10; --bt-pane-front: var(--theme-txt, #140f0e);&#10; --bt-pane-soft: rgba(15, 17, 16, 0.7);&#10; --bt-pane-bar: rgba(18, 19, 20, 0.12);&#10; --bt-pane-acc: var(--theme-primary, #ff6b1d);&#10; position: relative;&#10; box-sizing: border-box;&#10; padding: clamp(74px, 9vw, 122px) 22px clamp(84px, 10vw, 134px);&#10; background: var(--bt-pane-surface);&#10; color: var(--bt-pane-front);&#10; font-family: var(--theme-type, 'Noto Sans KR', sans-serif);&#10; word-break: keep-all;&#10; overflow-wrap: anywhere;&#10;}&#10;.btPane[data-js-bt-pane-theme="dark"] {&#10; --bt-pane-surface: var(--theme-deep, #0f0c11);&#10; --bt-pane-front: #f5efeb;&#10; --bt-pane-soft: rgba(241, 244, 238, 0.7);&#10; --bt-pane-bar: rgba(242, 239, 238, 0.16);&#10;}&#10;.btPaneWrap {&#10; max-width: var(--theme-width, 1202px);&#10; margin: 0 auto;&#10; display: grid;&#10; grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);&#10; gap: clamp(48px, 8vw, 146px);&#10; align-items: start;&#10;}&#10;.btPaneSide {&#10; position: sticky;&#10; top: 126px;&#10;}&#10;.btPaneKicker {&#10; margin: 0 0 clamp(20px, 2vw, 28px);&#10; font-size: 14px;&#10; font-weight: 700;&#10; letter-spacing: 0.08em;&#10; color: var(--bt-pane-soft);&#10;}&#10;.btPaneTtl {&#10; margin: 0;&#10; font-family: var(--theme-type-header, var(--theme-type, 'Noto Sans KR', sans-serif));&#10; font-size: clamp(26px, 3.3vw, 46px);&#10; font-weight: 800;&#10; line-height: 1.15;&#10; letter-spacing: -0.04em;&#10;}&#10;.btPaneTxt {&#10; max-width: 25.625em;&#10; margin: clamp(20px, 2.4vw, 36px) 0 0;&#10; font-size: clamp(16px, 1.1vw, 16px);&#10; line-height: 1.8;&#10; color: var(--bt-pane-soft);&#10;}&#10;.btPaneItems {&#10; margin: 0;&#10; padding: 0;&#10; list-style: none;&#10; border-top: 1px solid var(--bt-pane-bar);&#10;}&#10;.btPaneRow {&#10; display: grid;&#10; grid-template-columns: minmax(0, 1fr) auto;&#10; align-items: baseline;&#10; gap: 10px 26px;&#10; padding: clamp(22px, 2.6vw, 34px) 0 clamp(24px, 2.4vw, 32px);&#10; border-bottom: 1px solid var(--bt-pane-bar);&#10;}&#10;.btPaneLab {&#10; margin: 0;&#10; font-size: clamp(16px, 1.2vw, 16px);&#10; font-weight: 500;&#10; line-height: 1.5;&#10;}&#10;.btPaneIndex {&#10; margin: 0;&#10; font-size: clamp(28px, 3.2vw, 46px);&#10; font-weight: 700;&#10; line-height: 1;&#10; letter-spacing: -0.04em;&#10; font-variant-numeric: tabular-nums;&#10; white-space: nowrap;&#10; text-align: right;&#10;}&#10;.btPaneTrack {&#10; grid-column: 1 / -1;&#10; position: relative;&#10; display: block;&#10; height: 6px;&#10; margin-top: 7px;&#10; background: var(--bt-pane-bar);&#10; border-radius: 3px;&#10; overflow: hidden;&#10;}&#10;.btPaneBar {&#10; position: absolute;&#10; inset: 0;&#10; display: block;&#10; background: var(--bt-pane-acc);&#10; border-radius: 3px;&#10; transform-origin: 0 50%;&#10; transform: scaleX(var(--bt-pane-p, 1));&#10; transition: transform 1.55s cubic-bezier(0.16, 1, 0.3, 1);&#10;}&#10;[data-js-bt-pane-reveal] {&#10; transition: opacity 0.95s cubic-bezier(0.16, 1, 0.3, 1), transform 1.1s cubic-bezier(0.16, 1, 0.3, 1);&#10;}&#10;[data-js-bt-pane-ready="0"] [data-js-bt-pane-reveal] {&#10; opacity: 0;&#10; transform: translateY(24px);&#10; transition: none;&#10;}&#10;[data-js-bt-pane-ready="0"] .btPaneBar {&#10; transform: scaleX(0);&#10; transition: none;&#10;}&#10;@media (max-width: 876px) {&#10; .btPaneWrap {&#10; grid-template-columns: minmax(0, 1fr);&#10; }&#10; .btPaneSide {&#10; position: static;&#10; }&#10;}&#10;@media (max-width: 612px) {&#10; .btPaneIndex {&#10; font-size: clamp(28px, 7.6vw, 36px);&#10; }&#10; .btPaneRow {&#10; gap: 8px 16px;&#10; }&#10;}&#10;&#10;&#10;&#10;&#10;.btArea {&#10; --bt-area-surface: var(--theme-surface, #f6f4f2);&#10; --bt-area-front: var(--theme-txt, #130f12);&#10; --bt-area-soft: rgba(20, 18, 17, 0.68);&#10; --bt-area-bar: rgba(18, 16, 16, 0.2);&#10; --bt-area-acc: var(--theme-primary, #ff671d);&#10; --bt-area-action-surface: #131011;&#10; --bt-area-action-front: #ffffff;&#10; position: relative;&#10; box-sizing: border-box;&#10; padding: clamp(92px, 11vw, 148px) 18px clamp(86px, 9.5vw, 120px);&#10; background: var(--bt-area-surface);&#10; color: var(--bt-area-front);&#10; font-family: var(--theme-type, 'Noto Sans KR', sans-serif);&#10; word-break: keep-all;&#10; text-align: center;&#10;}&#10;.btArea[data-js-bt-area-theme="dark"] {&#10; --bt-area-surface: var(--theme-deep, #0a0d0d);&#10; --bt-area-front: #f7f2f0;&#10; --bt-area-soft: rgba(246, 245, 239, 0.7);&#10; --bt-area-bar: rgba(242, 243, 238, 0.22);&#10; --bt-area-action-surface: #f5f0eb;&#10; --bt-area-action-front: #0d0e0c;&#10;}&#10;.btAreaWrap {&#10; max-width: 644px;&#10; margin: 0 auto;&#10;}&#10;.btAreaMark {&#10; position: relative;&#10; display: inline-block;&#10; margin: 0 0 clamp(18px, 3vw, 34px);&#10; font-size: clamp(48px, 5.6vw, 72px);&#10; font-weight: 200;&#10; line-height: 1;&#10; color: var(--bt-area-soft);&#10;}&#10;.btAreaMark::after {&#10; content: '';&#10; position: absolute;&#10; right: -10px;&#10; top: 4px;&#10; width: 7px;&#10; height: 9px;&#10; border-radius: 50%;&#10; background: var(--bt-area-acc);&#10;}&#10;.btAreaTtl {&#10; margin: 0;&#10; font-family: var(--theme-type-header, var(--theme-type, 'Noto Sans KR', sans-serif));&#10; font-size: clamp(30px, 3.8vw, 48px);&#10; font-weight: 800;&#10; line-height: 1.25;&#10; letter-spacing: -0.04em;&#10;}&#10;.btAreaTxt {&#10; margin: clamp(18px, 2vw, 22px) auto 0;&#10; max-width: 26.125em;&#10; font-size: clamp(14px, 1.2vw, 16px);&#10; line-height: 1.8;&#10; color: var(--bt-area-soft);&#10;}&#10;.btAreaForm {&#10; display: flex;&#10; align-items: flex-end;&#10; gap: 14px;&#10; max-width: 542px;&#10; margin: clamp(38px, 4.6vw, 60px) auto 0;&#10; text-align: left;&#10;}&#10;.btAreaField {&#10; position: relative;&#10; flex: 1;&#10; display: flex;&#10; flex-direction: column;&#10; gap: 6px;&#10; min-width: 0;&#10;}&#10;.btAreaTag {&#10; font-size: 14px;&#10; font-weight: 500;&#10; color: var(--bt-area-soft);&#10;}&#10;.btAreaInput {&#10; width: 100%;&#10; box-sizing: border-box;&#10; min-height: 56px;&#10; padding: 0 2px;&#10; border: 0;&#10; border-bottom: 1px solid var(--bt-area-bar);&#10; border-radius: 0;&#10; background: transparent;&#10; color: var(--bt-area-front);&#10; font-family: var(--theme-type, 'Noto Sans KR', sans-serif);&#10; font-size: 16px;&#10; outline: none;&#10;}&#10;.btAreaInput::placeholder {&#10; color: var(--bt-area-soft);&#10; opacity: 1;&#10;}&#10;.btAreaUnder {&#10; position: absolute;&#10; left: 0;&#10; right: 0;&#10; bottom: 0;&#10; height: 2px;&#10; background: var(--bt-area-acc);&#10; transform: scaleX(0);&#10; transform-origin: 0 50%;&#10; transition: transform 0.45s cubic-bezier(0.16, 1, 0.3, 1);&#10;}&#10;.btAreaField:focus-within .btAreaUnder {&#10; transform: scaleX(1);&#10;}&#10;.btAreaInput[aria-invalid="true"] {&#10; border-bottom-color: var(--bt-area-front);&#10;}&#10;.btAreaSend {&#10; display: inline-flex;&#10; align-items: center;&#10; gap: 14px;&#10; flex-shrink: 0;&#10; min-height: 52px;&#10; padding: 0 30px;&#10; border: 0;&#10; border-radius: var(--theme-action-corner, 908px);&#10; background: var(--bt-area-action-surface);&#10; color: var(--bt-area-action-front);&#10; font-family: var(--theme-type, 'Noto Sans KR', sans-serif);&#10; font-size: 16px;&#10; font-weight: 700;&#10; cursor: pointer;&#10; transition: transform 0.3s ease;&#10;}&#10;.btAreaSend:hover {&#10; transform: translateY(-2px);&#10;}&#10;.btAreaSend:focus-visible {&#10; outline: 2px solid var(--bt-area-front);&#10; outline-offset: 3px;&#10;}&#10;.btAreaStatus {&#10; min-height: 26px;&#10; max-width: 548px;&#10; margin: 16px auto 0;&#10; text-align: left;&#10;}&#10;.btAreaMsg {&#10; display: none;&#10; align-items: center;&#10; gap: 12px;&#10; margin: 0;&#10; font-size: 14px;&#10; line-height: 1.55;&#10;}&#10;.btAreaMsg::before {&#10; content: '';&#10; width: 6px;&#10; height: 5px;&#10; border-radius: 50%;&#10; background: var(--bt-area-acc);&#10; flex-shrink: 0;&#10;}&#10;[data-js-bt-area-r="ok"] [data-js-bt-area-m="ok"],&#10;[data-js-bt-area-r="err"] [data-js-bt-area-m="err"] {&#10; display: flex;&#10;}&#10;.btAreaPerks {&#10; display: flex;&#10; flex-wrap: wrap;&#10; justify-content: center;&#10; gap: 12px 26px;&#10; margin: clamp(30px, 3.6vw, 42px) 0 0;&#10; padding: 0;&#10; list-style: none;&#10;}&#10;.btAreaPerk {&#10; display: inline-flex;&#10; align-items: center;&#10; gap: 7px;&#10; font-size: 14px;&#10; color: var(--bt-area-soft);&#10;}&#10;.btAreaCheck {&#10; width: 18px;&#10; height: 16px;&#10; flex-shrink: 0;&#10; fill: none;&#10; stroke: var(--bt-area-acc);&#10; stroke-width: 1.5;&#10; stroke-linecap: round;&#10; stroke-linejoin: round;&#10;}&#10;[data-js-bt-area-reveal] {&#10; transition: opacity 1.2s cubic-bezier(0.16, 1, 0.3, 1), transform 1.15s cubic-bezier(0.16, 1, 0.3, 1);&#10;}&#10;[data-js-bt-area-ready="0"] [data-js-bt-area-reveal] {&#10; opacity: 0;&#10; transform: translateY(26px);&#10; transition: none;&#10;}&#10;@media (max-width: 612px) {&#10; .btAreaForm {&#10; flex-direction: column;&#10; align-items: stretch;&#10; }&#10; .btAreaSend {&#10; justify-content: center;&#10; }&#10;}&#10;&#10;&lt;/style&gt;&#10;&#10;&lt;section class="btCore" data-js-bt-core="" data-js-bt-core-theme="dark"&gt;&#10;&lt;div class="btCoreWrap"&gt;&#10;&lt;div class="btCoreList"&gt;&#10;&lt;h1 class="btCoreTtl btHeroTtl" data-js-bt-core-reveal=""&gt;링크 신호를 관리하는 기준&lt;/h1&gt;&#10;&lt;div aria-hidden="true" class="btCoreSplit"&gt;&lt;/div&gt;&#10;&lt;div class="btCoreSide"&gt;&#10;&lt;p class="btCoreTxt btTxt" data-js-bt-core-reveal=""&gt;어떤 링크를 남기고 어떤 링크를 끊는지, 홈페이지상위노출에 미치는 영향을 기준으로 가립니다.&lt;/p&gt;&#10;&lt;p class="btCoreExtra" data-js-bt-core-reveal=""&gt;판단이 애매한 링크는 아래 문의 안내로 주소를 보내 주세요.&lt;/p&gt;&#10;&lt;ul class="btCoreSub" data-js-bt-core-reveal=""&gt;&#10;&lt;li&gt;수집&lt;/li&gt;&#10;&lt;li&gt;분류&lt;/li&gt;&#10;&lt;li&gt;정리&lt;/li&gt;&#10;&lt;li&gt;재점검&lt;/li&gt;&#10;&lt;/ul&gt;&#10;&lt;/div&gt;&#10;&lt;/div&gt;&#10;&lt;/div&gt;&#10;&lt;script&gt;&#10; (function () {&#10; var N = {"root": "data-js-bt-core", "tone": "data-js-bt-core-theme", "state": "data-js-bt-core-ready", "item": "data-js-bt-core-reveal"};&#10; var s = document.currentScript;&#10; var R = s &amp;&amp; s.closest('[' + N.root + ']');&#10; if (!R) { return; }&#10; var items = R.querySelectorAll('[' + N.item + ']');&#10; // 시간차는 현재 DOM 순서로 매김&#10; for (var i = 0; i &lt; items.length; i++) {&#10; items[i].style.transitionDelay = (0.05 + i * 0.12) + 's, ' + (0.05 + i * 0.12) + 's';&#10; }&#10; var show = function () { R.setAttribute(N.state, '1'); };&#10; if (!('IntersectionObserver' in window)) { return; }&#10; // 처음 화면에 이미 보이는 섹션은 숨기지 않는다(2026-10-27): 가장 큰 글(LCP)이 등장 지연만큼 늦게 잡혀 PageSpeed 모바일 80점대&#10; if (R.getBoundingClientRect().top &gt;= window.innerHeight) { R.setAttribute(N.state, '0'); }&#10; var io = new IntersectionObserver(function (es) {&#10; if (es[0].isIntersecting) {&#10; io.disconnect();&#10; requestAnimationFrame(function () { requestAnimationFrame(show); });&#10; }&#10; }, { threshold: 0.15 });&#10; io.observe(R);&#10; })();&#10; &lt;/script&gt;&#10;&lt;/section&gt;</description></item><item><title>상담문의 전화와 요금 안내 - 웹마케팅AI</title><link>https://webmarketing.ai.kr/%EC%83%81%EB%8B%B4%EB%AC%B8%EC%9D%98.html</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://webmarketing.ai.kr/%EC%83%81%EB%8B%B4%EB%AC%B8%EC%9D%98.html</guid><description>&lt;style&gt;&#10;&#10;&#10;.btYard {&#10; --bt-yard-surface: var(--theme-surface, #f6f4f4);&#10; --bt-yard-front: var(--theme-txt, #121410);&#10; --bt-yard-soft: rgba(18, 14, 15, 0.68);&#10; --bt-yard-frame: rgba(17, 16, 18, 0.08);&#10; --bt-yard-acc: var(--theme-primary, #ff6a1c);&#10; position: relative;&#10; box-sizing: border-box;&#10; padding: clamp(156px, 13.5vw, 194px) 20px clamp(48px, 6vw, 88px);&#10; background: var(--bt-yard-surface);&#10; color: var(--bt-yard-front);&#10; font-family: var(--theme-type, 'Noto Sans KR', sans-serif);&#10; word-break: keep-all;&#10;}&#10;.btYard[data-js-bt-yard-theme="dark"] {&#10; --bt-yard-surface: var(--theme-deep, #0a0a0c);&#10; --bt-yard-front: #f3f2ea;&#10; --bt-yard-soft: rgba(246, 240, 238, 0.7);&#10; --bt-yard-frame: rgba(244, 239, 235, 0.08);&#10;}&#10;.btYardWrap {&#10; max-width: var(--theme-width, 1218px);&#10; margin: 0 auto;&#10;}&#10;.btYardTop {&#10; display: flex;&#10; flex-direction: column;&#10; align-items: center;&#10; text-align: center;&#10;}&#10;.btYardKicker {&#10; display: inline-flex;&#10; align-items: center;&#10; gap: 10px;&#10; margin: 0 0 clamp(20px, 2.6vw, 28px);&#10; font-size: 14px;&#10; font-weight: 500;&#10; letter-spacing: 0.02em;&#10; color: var(--bt-yard-soft);&#10;}&#10;.btYardPip {&#10; width: 7px;&#10; height: 6px;&#10; border-radius: 50%;&#10; background: var(--bt-yard-acc);&#10;}&#10;.btYardTtl {&#10; max-width: 13.875em;&#10; margin: 0;&#10; font-family: var(--theme-type-header, var(--theme-type, 'Noto Sans KR', sans-serif));&#10; font-size: clamp(36px, 6.2vw, 92px);&#10; font-weight: 800;&#10; line-height: 1.15;&#10; letter-spacing: -0.044em;&#10;}&#10;.btYardTxt {&#10; max-width: 32.875em;&#10; margin: clamp(24px, 2.8vw, 32px) 0 0;&#10; font-size: clamp(16px, 1.3vw, 20px);&#10; font-weight: 300;&#10; line-height: 1.8;&#10; color: var(--bt-yard-soft);&#10;}&#10;.btYardFrame {&#10; position: relative;&#10; margin: clamp(50px, 6.5vw, 102px) 0 0;&#10; aspect-ratio: 21 / 9;&#10; border-radius: var(--theme-corner, 14px);&#10; background: var(--bt-yard-frame);&#10; overflow: hidden;&#10;}&#10;.btYardMedia {&#10; display: block;&#10; width: 100%;&#10; height: 100%;&#10; object-fit: cover;&#10; transition: transform 1.7s cubic-bezier(0.16, 1, 0.3, 1) 0.35s, opacity 1.1s ease 0.3s;&#10;}&#10;.btYardCap {&#10; display: flex;&#10; align-items: center;&#10; gap: 16px;&#10; margin: 20px 0 0;&#10; font-size: 14px;&#10; font-weight: 400;&#10; color: var(--bt-yard-soft);&#10;}&#10;.btYardCapBar {&#10; width: 28px;&#10; height: 1px;&#10; background: var(--bt-yard-acc);&#10; flex-shrink: 0;&#10;}&#10;[data-js-bt-yard-reveal] {&#10; transition: opacity 1s cubic-bezier(0.16, 1, 0.3, 1), transform 1s cubic-bezier(0.16, 1, 0.3, 1);&#10;}&#10;[data-js-bt-yard-ready="0"] [data-js-bt-yard-reveal] {&#10; opacity: 0;&#10; transform: translateY(22px);&#10; transition: none;&#10;}&#10;[data-js-bt-yard-ready="0"] .btYardMedia {&#10; opacity: 0;&#10; transform: scale(1.08);&#10; transition: none;&#10;}&#10;@media (max-width: 698px) {&#10; .btYardFrame {&#10; aspect-ratio: 4 / 3;&#10; }&#10;}&#10;&#10;&#10;&#10;&#10;.btPlot {&#10; --bt-plot-surface: var(--theme-surface, #f9f8ee);&#10; --bt-plot-front: var(--theme-txt, #0f1013);&#10; --bt-plot-soft: rgba(19, 16, 17, 0.7);&#10; --bt-plot-bar: rgba(18, 18, 20, 0.14);&#10; --bt-plot-acc: var(--theme-primary, #ff6b1e);&#10; position: relative;&#10; box-sizing: border-box;&#10; padding: clamp(86px, 12vw, 174px) 22px clamp(72px, 9vw, 112px);&#10; background: var(--bt-plot-surface);&#10; color: var(--bt-plot-front);&#10; font-family: var(--theme-type, 'Noto Sans KR', sans-serif);&#10; word-break: keep-all;&#10; overflow: hidden;&#10;}&#10;.btPlot[data-js-bt-plot-theme="dark"] {&#10; --bt-plot-surface: var(--theme-deep, #0f090b);&#10; --bt-plot-front: #f1f1ee;&#10; --bt-plot-soft: rgba(242, 243, 236, 0.7);&#10; --bt-plot-bar: rgba(247, 242, 240, 0.16);&#10;}&#10;.btPlotWrap {&#10; max-width: var(--theme-width, 1132px);&#10; margin: 0 auto;&#10;}&#10;.btPlotTop {&#10; display: grid;&#10; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);&#10; gap: 22px clamp(32px, 6vw, 88px);&#10; align-items: end;&#10;}&#10;.btPlotTtl {&#10; margin: 0;&#10; max-width: 11.375em;&#10; font-family: var(--theme-type-header, var(--theme-type, 'Noto Sans KR', sans-serif));&#10; font-size: clamp(24px, 2.6vw, 38px);&#10; font-weight: 700;&#10; line-height: 1.25;&#10; letter-spacing: -0.035em;&#10;}&#10;.btPlotTxt {&#10; justify-self: end;&#10; max-width: 26.625em;&#10; margin: 0;&#10; font-size: clamp(16px, 1.15vw, 16px);&#10; font-weight: 400;&#10; line-height: 1.8;&#10; color: var(--bt-plot-soft);&#10;}&#10;.btPlotCall {&#10; position: relative;&#10; display: block;&#10; margin-top: clamp(44px, 6vw, 90px);&#10; padding-bottom: clamp(18px, 2.4vw, 32px);&#10; color: inherit;&#10; text-decoration: none;&#10;}&#10;.btPlotCall:focus-visible {&#10; outline: 2px solid var(--bt-plot-front);&#10; outline-offset: 6px;&#10;}&#10;.btPlotMask {&#10; display: block;&#10; overflow: hidden;&#10; padding: 0.04em 0 0.08em;&#10;}&#10;.btPlotTel {&#10; display: block;&#10; font-family: var(--theme-type-header, var(--theme-type, 'Noto Sans KR', sans-serif));&#10; font-size: clamp(34px, 10.4vw, 166px);&#10; font-weight: 800;&#10; line-height: 0.95;&#10; letter-spacing: -0.045em;&#10; white-space: nowrap;&#10; font-variant-numeric: tabular-nums;&#10; transition: transform 1.05s cubic-bezier(0.16, 1, 0.3, 1) 0.2s, opacity 0.55s ease 0.2s;&#10;}&#10;.btPlotBase {&#10; position: absolute;&#10; left: 0;&#10; right: 0;&#10; bottom: 0;&#10; height: 1px;&#10; background: var(--bt-plot-bar);&#10; transform-origin: 0 50%;&#10; transition: transform 1.5s cubic-bezier(0.16, 1, 0.3, 1);&#10;}&#10;.btPlotBar {&#10; position: absolute;&#10; left: 0;&#10; bottom: 0;&#10; width: 100%;&#10; height: 2px;&#10; background: var(--bt-plot-acc);&#10; transform: scaleX(0.12);&#10; transform-origin: 0 50%;&#10; transition: transform 0.95s cubic-bezier(0.16, 1, 0.3, 1);&#10;}&#10;.btPlotCall:hover .btPlotBar,&#10;.btPlotCall:focus-visible .btPlotBar {&#10; transform: scaleX(1);&#10;}&#10;.btPlotHint {&#10; position: absolute;&#10; right: 0;&#10; bottom: clamp(26px, 3.2vw, 46px);&#10; display: flex;&#10; align-items: center;&#10; gap: 14px;&#10; font-size: 14px;&#10; font-weight: 600;&#10; color: var(--bt-plot-soft);&#10;}&#10;.btPlotChevron {&#10; position: relative;&#10; width: 20px;&#10; height: 1.5px;&#10; background: currentColor;&#10; transition: width 0.35s ease;&#10;}&#10;.btPlotChevron::after {&#10; content: '';&#10; position: absolute;&#10; right: 0;&#10; top: -3px;&#10; width: 6px;&#10; height: 5px;&#10; border-top: 1.5px solid currentColor;&#10; border-right: 1.5px solid currentColor;&#10; transform: rotate(45deg);&#10;}&#10;.btPlotCall:hover .btPlotChevron {&#10; width: 34px;&#10;}&#10;.btPlotSub {&#10; display: grid;&#10; grid-template-columns: repeat(3, minmax(0, 1fr));&#10; margin: clamp(32px, 4.4vw, 58px) 0 0;&#10; padding: 0;&#10;}&#10;.btPlotCell {&#10; display: flex;&#10; flex-direction: column;&#10; gap: 8px;&#10; padding: 4px clamp(16px, 2.4vw, 34px);&#10; border-left: 1px solid var(--bt-plot-bar);&#10;}&#10;.btPlotCellHeader {&#10; margin: 0;&#10; display: flex;&#10; align-items: center;&#10; gap: 9px;&#10; font-size: 14px;&#10; font-weight: 500;&#10; letter-spacing: 0.04em;&#10; color: var(--bt-plot-soft);&#10;}&#10;.btPlotTick {&#10; width: 5px;&#10; height: 5px;&#10; border-radius: 50%;&#10; background: var(--bt-plot-acc);&#10; flex-shrink: 0;&#10;}&#10;.btPlotCellBd {&#10; margin: 0;&#10; font-size: 18px;&#10; font-weight: 600;&#10; line-height: 1.55;&#10; letter-spacing: -0.01em;&#10;}&#10;.btPlotLnk {&#10; color: inherit;&#10; text-decoration: underline;&#10; text-decoration-thickness: 1px;&#10; text-underline-offset: 5px;&#10; text-decoration-color: var(--bt-plot-bar);&#10; transition: text-decoration-color 0.3s ease;&#10;}&#10;.btPlotLnk:hover {&#10; text-decoration-color: currentColor;&#10;}&#10;.btPlotLnk:focus-visible {&#10; outline: 2px solid var(--bt-plot-front);&#10; outline-offset: 3px;&#10;}&#10;[data-js-bt-plot-reveal] {&#10; transition: opacity 1s cubic-bezier(0.16, 1, 0.3, 1), transform 1s cubic-bezier(0.16, 1, 0.3, 1);&#10;}&#10;[data-js-bt-plot-ready="0"] [data-js-bt-plot-reveal] {&#10; opacity: 0;&#10; transform: translateY(22px);&#10; transition: none;&#10;}&#10;[data-js-bt-plot-ready="0"] .btPlotTel {&#10; transform: translateY(104%);&#10; opacity: 0;&#10; transition: none;&#10;}&#10;[data-js-bt-plot-ready="0"] .btPlotBase {&#10; transform: scaleX(0);&#10; transition: none;&#10;}&#10;@media (max-width: 702px) {&#10; .btPlotTop {&#10; grid-template-columns: 1fr;&#10; }&#10; .btPlotTxt {&#10; justify-self: start;&#10; }&#10; .btPlotHint {&#10; position: static;&#10; margin-top: 20px;&#10; }&#10; .btPlotSub {&#10; grid-template-columns: 1fr;&#10; gap: 20px;&#10; }&#10; .btPlotCell {&#10; padding: 0 0 0 20px;&#10; }&#10;}&#10;&#10;&#10;&#10;&#10;.btBlock {&#10; --bt-block-surface: var(--theme-surface, #f4f7ef);&#10; --bt-block-front: var(--theme-txt, #101110);&#10; --bt-block-soft: rgba(18, 15, 15, 0.7);&#10; --bt-block-bar: rgba(18, 19, 15, 0.14);&#10; --bt-block-acc: var(--theme-primary, #ff671e);&#10; --bt-block-action-surface: #0e1213;&#10; --bt-block-action-front: #fffffe;&#10; position: relative;&#10; box-sizing: border-box;&#10; padding: clamp(92px, 11.5vw, 154px) 20px clamp(82px, 10vw, 128px);&#10; background: var(--bt-block-surface);&#10; color: var(--bt-block-front);&#10; font-family: var(--theme-type, 'Noto Sans KR', sans-serif);&#10; word-break: keep-all;&#10;}&#10;.btBlock[data-js-bt-block-theme="dark"] {&#10; --bt-block-surface: var(--theme-deep, #0b0a0c);&#10; --bt-block-front: #f1efee;&#10; --bt-block-soft: rgba(247, 241, 235, 0.7);&#10; --bt-block-bar: rgba(246, 242, 234, 0.16);&#10; --bt-block-action-surface: #f1f5ea;&#10; --bt-block-action-front: #090c0d;&#10;}&#10;.btBlockWrap {&#10; max-width: var(--theme-width, 1274px);&#10; margin: 0 auto;&#10; display: grid;&#10; grid-template-columns: 1.15fr 1fr;&#10; gap: clamp(54px, 8vw, 136px);&#10; align-items: start;&#10;}&#10;.btBlockKicker {&#10; display: flex;&#10; align-items: center;&#10; gap: 12px;&#10; margin: 0 0 clamp(24px, 3vw, 40px);&#10; font-size: 16px;&#10; font-weight: 500;&#10; letter-spacing: 0.02em;&#10; color: var(--bt-block-soft);&#10;}&#10;.btBlockPip {&#10; width: 9px;&#10; height: 7px;&#10; border-radius: 50%;&#10; background: var(--bt-block-acc);&#10; flex-shrink: 0;&#10;}&#10;.btBlockTtl {&#10; margin: 0;&#10; max-width: 12em;&#10; font-family: var(--theme-type-header, var(--theme-type, 'Noto Sans KR', sans-serif));&#10; font-size: clamp(28px, 3.6vw, 48px);&#10; font-weight: 800;&#10; line-height: 1.2;&#10; letter-spacing: -0.04em;&#10;}&#10;.btBlockName {&#10; margin: clamp(42px, 6vw, 82px) 0 0;&#10; font-family: var(--theme-type-header, var(--theme-type, 'Noto Sans KR', sans-serif));&#10; font-size: 16px;&#10; font-weight: 700;&#10; letter-spacing: -0.01em;&#10;}&#10;.btBlockPrice {&#10; display: flex;&#10; align-items: baseline;&#10; flex-wrap: wrap;&#10; gap: 4px 14px;&#10; margin: 14px 0 0;&#10;}&#10;.btBlockAmount {&#10; font-size: clamp(46px, 8.4vw, 126px);&#10; overflow-wrap: anywhere;&#10; font-weight: 900;&#10; line-height: 1;&#10; letter-spacing: -0.055em;&#10; font-variant-numeric: tabular-nums;&#10;}&#10;.btBlockPer {&#10; font-size: clamp(14px, 1.3vw, 18px);&#10; font-weight: 300;&#10; color: var(--bt-block-soft);&#10;}&#10;.btBlockLine {&#10; position: relative;&#10; height: 1px;&#10; margin: clamp(26px, 3.6vw, 44px) 0 clamp(24px, 2.6vw, 30px);&#10; background: var(--bt-block-bar);&#10; overflow: hidden;&#10;}&#10;.btBlockLineBar {&#10; position: absolute;&#10; left: 0;&#10; top: 0;&#10; width: 33%;&#10; height: 1px;&#10; background: var(--bt-block-acc);&#10; transform-origin: 0 50%;&#10; transition: transform 1.45s cubic-bezier(0.16, 1, 0.3, 1) 0.65s;&#10;}&#10;.btBlockTxt {&#10; margin: 0;&#10; max-width: 32.75em;&#10; font-size: clamp(16px, 1.15vw, 16px);&#10; line-height: 1.75;&#10; color: var(--bt-block-soft);&#10;}&#10;.btBlockActions {&#10; display: flex;&#10; flex-wrap: wrap;&#10; gap: 12px;&#10; margin-top: clamp(34px, 4vw, 48px);&#10;}&#10;.btBlockGo {&#10; display: inline-flex;&#10; align-items: center;&#10; justify-content: center;&#10; gap: 14px;&#10; min-height: 50px;&#10; padding: 0 26px;&#10; border: 1px solid transparent;&#10; border-radius: var(--theme-action-corner, 1096px);&#10; font-size: 16px;&#10; font-weight: 700;&#10; text-decoration: none;&#10; transition: transform 0.3s ease, border-color 0.3s ease;&#10;}&#10;.btBlockGo:hover {&#10; transform: translateY(-2px);&#10;}&#10;.btBlockGo:focus-visible {&#10; outline: 2px solid var(--bt-block-front);&#10; outline-offset: 3px;&#10;}&#10;.btBlockGoMain {&#10; background: var(--bt-block-action-surface);&#10; color: var(--bt-block-action-front);&#10;}&#10;.btBlockGoSub {&#10; border-color: var(--bt-block-bar);&#10; color: var(--bt-block-front);&#10;}&#10;.btBlockGoSub:hover {&#10; border-color: var(--bt-block-front);&#10;}&#10;.btBlockChevron {&#10; position: relative;&#10; width: 16px;&#10; height: 1.5px;&#10; background: currentColor;&#10; transition: width 0.3s ease;&#10;}&#10;.btBlockChevron::after {&#10; content: '';&#10; position: absolute;&#10; right: 0;&#10; top: -3px;&#10; width: 6px;&#10; height: 6px;&#10; border-top: 1.5px solid currentColor;&#10; border-right: 1.5px solid currentColor;&#10; transform: rotate(45deg);&#10;}&#10;.btBlockGo:hover .btBlockChevron {&#10; width: 24px;&#10;}&#10;.btBlockSide {&#10; padding-top: clamp(4px, 1vw, 12px);&#10;}&#10;.btBlockSideHeader {&#10; margin: 0;&#10; padding-bottom: 18px;&#10; border-bottom: 1px solid var(--bt-block-front);&#10; font-size: 14px;&#10; font-weight: 500;&#10; letter-spacing: 0.02em;&#10; color: var(--bt-block-soft);&#10;}&#10;.btBlockItems {&#10; margin: 0;&#10; padding: 0;&#10; list-style: none;&#10;}&#10;.btBlockLi {&#10; display: flex;&#10; align-items: flex-start;&#10; gap: 16px;&#10; padding: clamp(20px, 2vw, 26px) 0;&#10; border-bottom: 1px solid var(--bt-block-bar);&#10;}&#10;.btBlockCheck {&#10; flex-shrink: 0;&#10; width: 18px;&#10; height: 22px;&#10; margin-top: 2px;&#10; fill: none;&#10; stroke: var(--bt-block-acc);&#10; stroke-width: 1.5;&#10; stroke-linecap: round;&#10; stroke-linejoin: round;&#10;}&#10;.btBlockLiHeader {&#10; margin: 0;&#10; font-size: 18px;&#10; font-weight: 700;&#10; line-height: 1.55;&#10; letter-spacing: -0.01em;&#10;}&#10;.btBlockLiTxt {&#10; margin: 4px 0 0;&#10; font-size: 16px;&#10; line-height: 1.75;&#10; color: var(--bt-block-soft);&#10;}&#10;.btBlockFoot {&#10; margin: 24px 0 0;&#10; font-size: 12px;&#10; line-height: 1.7;&#10; color: var(--bt-block-soft);&#10;}&#10;[data-js-bt-block-reveal] {&#10; transition: opacity 1.05s cubic-bezier(0.16, 1, 0.3, 1), transform 1.2s cubic-bezier(0.16, 1, 0.3, 1);&#10;}&#10;[data-js-bt-block-ready="0"] [data-js-bt-block-reveal] {&#10; opacity: 0;&#10; transform: translateY(24px);&#10; transition: none;&#10;}&#10;[data-js-bt-block-ready="0"] .btBlockLineBar {&#10; transform: scaleX(0);&#10; transition: none;&#10;}&#10;@media (max-width: 898px) {&#10; .btBlockWrap {&#10; grid-template-columns: 1fr;&#10; }&#10;}&#10;&#10;&#10;&#10;&#10;.btSuite {&#10; --bt-suite-surface: var(--theme-surface, #f9f5ef);&#10; --bt-suite-front: var(--theme-txt, #120f14);&#10; --bt-suite-soft: rgba(18, 18, 17, 0.7);&#10; --bt-suite-bar: rgba(16, 15, 19, 0.13);&#10; --bt-suite-tint: rgba(17, 18, 14, 0.035);&#10; --bt-suite-acc: var(--theme-primary, #fd6c1f);&#10; --bt-suite-action-surface: #121313;&#10; --bt-suite-action-front: #fffdff;&#10; position: relative;&#10; box-sizing: border-box;&#10; padding: clamp(78px, 10.5vw, 154px) 20px clamp(66px, 9vw, 120px);&#10; background: var(--bt-suite-surface);&#10; color: var(--bt-suite-front);&#10; font-family: var(--theme-type, 'Noto Sans KR', sans-serif);&#10; word-break: keep-all;&#10;}&#10;.btSuite[data-js-bt-suite-theme="dark"] {&#10; --bt-suite-surface: var(--theme-deep, #0e090b);&#10; --bt-suite-front: #f7f0ea;&#10; --bt-suite-soft: rgba(245, 240, 240, 0.7);&#10; --bt-suite-bar: rgba(247, 241, 238, 0.15);&#10; --bt-suite-tint: rgba(245, 244, 240, 0.045);&#10; --bt-suite-action-surface: #f4f3eb;&#10; --bt-suite-action-front: #0f0c11;&#10;}&#10;.btSuiteWrap {&#10; display: grid;&#10; grid-template-columns: 5fr 7fr;&#10; gap: clamp(40px, 7vw, 120px);&#10; align-items: start;&#10; max-width: var(--theme-width, 1308px);&#10; margin: 0 auto;&#10;}&#10;.btSuiteAside {&#10; position: sticky;&#10; top: clamp(96px, 12vh, 140px);&#10;}&#10;.btSuiteTtl {&#10; margin: 0;&#10; max-width: 8.625em;&#10; font-family: var(--theme-type-header, var(--theme-type, 'Noto Sans KR', sans-serif));&#10; font-size: clamp(34px, 3.9vw, 52px);&#10; font-weight: 900;&#10; line-height: 1.2;&#10; letter-spacing: -0.045em;&#10;}&#10;.btSuiteTxt {&#10; margin: clamp(24px, 2.6vw, 34px) 0 0;&#10; max-width: 22.375em;&#10; font-size: clamp(16px, 1.1vw, 16px);&#10; font-weight: 400;&#10; line-height: 1.95;&#10; color: var(--bt-suite-soft);&#10;}&#10;.btSuiteNext {&#10; display: inline-flex;&#10; align-items: center;&#10; gap: 14px;&#10; margin-top: clamp(32px, 3.6vw, 48px);&#10; min-height: 50px;&#10; padding: 0 26px;&#10; border-radius: var(--theme-action-corner, 944px);&#10; background: var(--bt-suite-action-surface);&#10; color: var(--bt-suite-action-front);&#10; font-size: 16px;&#10; font-weight: 700;&#10; text-decoration: none;&#10; transition: transform 0.25s ease;&#10;}&#10;.btSuiteNext:hover {&#10; transform: translateY(-2px);&#10;}&#10;.btSuiteNext:focus-visible {&#10; outline: 2px solid var(--bt-suite-front);&#10; outline-offset: 3px;&#10;}&#10;.btSuiteChevron {&#10; position: relative;&#10; width: 18px;&#10; height: 1.5px;&#10; background: currentColor;&#10; transition: width 0.3s ease;&#10;}&#10;.btSuiteChevron::after {&#10; content: '';&#10; position: absolute;&#10; right: 0;&#10; top: -3px;&#10; width: 6px;&#10; height: 6px;&#10; border-top: 1.5px solid currentColor;&#10; border-right: 1.5px solid currentColor;&#10; transform: rotate(45deg);&#10;}&#10;.btSuiteNext:hover .btSuiteChevron {&#10; width: 22px;&#10;}&#10;.btSuiteItems {&#10; display: grid;&#10; gap: 12px;&#10; margin: 0;&#10; padding: 0;&#10; list-style: none;&#10;}&#10;.btSuiteEl {&#10; position: relative;&#10; overflow: hidden;&#10; border: 1px solid var(--bt-suite-bar);&#10; border-radius: var(--theme-corner, 14px);&#10; background: transparent;&#10; transition: background-color 0.45s ease, border-color 0.55s ease;&#10;}&#10;[data-js-bt-suite-o="1"] {&#10; background: var(--bt-suite-tint);&#10;}&#10;.btSuiteEdge {&#10; position: absolute;&#10; left: 0;&#10; top: 0;&#10; bottom: 0;&#10; width: 2px;&#10; background: var(--bt-suite-acc);&#10; transform: scaleY(0);&#10; transform-origin: 50% 0;&#10; transition: transform 0.75s cubic-bezier(0.16, 1, 0.3, 1);&#10;}&#10;[data-js-bt-suite-o="1"] .btSuiteEdge {&#10; transform: scaleY(1);&#10;}&#10;.btSuiteQShell {&#10; margin: 0;&#10; font-size: inherit;&#10; font-weight: inherit;&#10;}&#10;.btSuiteQ {&#10; display: flex;&#10; justify-content: space-between;&#10; align-items: center;&#10; gap: 18px;&#10; width: 100%;&#10; margin: 0;&#10; padding: clamp(20px, 2.2vw, 30px) clamp(20px, 2.4vw, 32px);&#10; border: 0;&#10; background: none;&#10; color: inherit;&#10; font: inherit;&#10; text-align: left;&#10; cursor: pointer;&#10;}&#10;.btSuiteQ:focus-visible {&#10; outline: 2px solid var(--bt-suite-front);&#10; outline-offset: -4px;&#10; border-radius: var(--theme-corner, 14px);&#10;}&#10;.btSuiteQTxt {&#10; font-size: clamp(16px, 1.4vw, 18px);&#10; font-weight: 700;&#10; line-height: 1.45;&#10; letter-spacing: -0.015em;&#10;}&#10;.btSuiteIco {&#10; flex-shrink: 0;&#10; width: 22px;&#10; height: 22px;&#10; transition: transform 0.65s cubic-bezier(0.16, 1, 0.3, 1);&#10;}&#10;[data-js-bt-suite-o="0"] .btSuiteIco {&#10; transform: rotate(-90deg);&#10;}&#10;.btSuiteA {&#10; display: grid;&#10; grid-template-rows: 1fr;&#10; transition: grid-template-rows 0.7s cubic-bezier(0.16, 1, 0.3, 1), visibility 0s linear 0s;&#10;}&#10;[data-js-bt-suite-o="0"] .btSuiteA {&#10; grid-template-rows: 0fr;&#10; visibility: hidden;&#10; transition: grid-template-rows 0.65s cubic-bezier(0.16, 1, 0.3, 1), visibility 0s linear 0.65s;&#10;}&#10;.btSuiteAIn {&#10; min-height: 0;&#10; overflow: hidden;&#10;}&#10;.btSuiteATxt {&#10; margin: 0;&#10; padding: 0 clamp(20px, 2.4vw, 32px) clamp(22px, 2.6vw, 32px);&#10; max-width: 38em;&#10; font-size: 16px;&#10; line-height: 1.85;&#10; color: var(--bt-suite-soft);&#10;}&#10;[data-js-bt-suite-r] {&#10; transition: opacity 1.05s cubic-bezier(0.16, 1, 0.3, 1), transform 1s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.5s ease;&#10;}&#10;[data-js-bt-suite-ready="0"] [data-js-bt-suite-r] {&#10; opacity: 0;&#10; transform: translateY(22px);&#10; transition: none;&#10;}&#10;@media (max-width: 888px) {&#10; .btSuiteWrap {&#10; grid-template-columns: 1fr;&#10; }&#10; .btSuiteAside {&#10; position: relative;&#10; top: 0;&#10; }&#10; .btSuiteTtl {&#10; max-width: 10.875em;&#10; }&#10;}&#10;&#10;&lt;/style&gt;&#10;&#10;&lt;section class="btYard" data-js-bt-yard="" data-js-bt-yard-theme="light"&gt;&#10;&lt;div class="btYardWrap"&gt;&#10;&lt;div class="btYardTop"&gt;&#10;&lt;p class="btYardKicker btKicker" data-js-bt-yard-reveal=""&gt;&lt;span aria-hidden="true" class="btYardPip"&gt;&lt;/span&gt;상담 안내&lt;/p&gt;&#10;&lt;h1 class="btYardTtl btHeroTtl" data-js-bt-yard-reveal=""&gt;바로 닿는 상담 창구&lt;/h1&gt;&#10;&lt;p class="btYardTxt btTxt" data-js-bt-yard-reveal=""&gt;전화와 문자, 메일 가운데 편한 방법으로 남겨 주시면 담당자가 직접 확인해 연락드립니다.&lt;/p&gt;&#10;&lt;/div&gt;&#10;&lt;div class="btYardFrame" data-js-bt-yard-reveal=""&gt;&#10;&lt;img alt="홈페이지상위노출 상담 창구" class="btYardMedia" height="686" loading="lazy" src="./img/west-office.svg" width="1600"/&gt;&#10;&lt;/div&gt;&#10;&lt;p class="btYardCap" data-js-bt-yard-reveal=""&gt;&lt;span aria-hidden="true" class="btYardCapBar"&gt;&lt;/span&gt;상담을 준비하는 자리&lt;/p&gt;&#10;&lt;/div&gt;&#10;&lt;script&gt;&#10; (function () {&#10; var N = {"root": "data-js-bt-yard", "tone": "data-js-bt-yard-theme", "state": "data-js-bt-yard-ready", "item": "data-js-bt-yard-reveal"};&#10; var s = document.currentScript;&#10; var R = s &amp;&amp; s.closest('[' + N.root + ']');&#10; if (!R) { return; }&#10; var items = R.querySelectorAll('[' + N.item + ']');&#10; // 시간차는 현재 DOM 순서로 매김&#10; for (var i = 0; i &lt; items.length; i++) {&#10; items[i].style.transitionDelay = (i * 0.12) + 's, ' + (i * 0.12) + 's';&#10; }&#10; var show = function () { R.setAttribute(N.state, '1'); };&#10; if (!('IntersectionObserver' in window)) { return; }&#10; // 처음 화면에 이미 보이는 섹션은 숨기지 않는다(2026-10-27): 가장 큰 글(LCP)이 등장 지연만큼 늦게 잡혀 PageSpeed 모바일 80점대&#10; if (R.getBoundingClientRect().top &gt;= window.innerHeight) { R.setAttribute(N.state, '0'); }&#10; var io = new IntersectionObserver(function (es) {&#10; if (es[0].isIntersecting) {&#10; io.disconnect();&#10; requestAnimationFrame(function () { requestAnimationFrame(show); });&#10; }&#10; }, { threshold: 0.15 });&#10; io.observe(R);&#10; })();&#10; &lt;/script&gt;&#10;&lt;/section&gt;</description></item><item><title>웹상위노출진단 항목과 확인 방법 - 웹마케팅AI</title><link>https://webmarketing.ai.kr/%EC%9B%B9%EC%83%81%EC%9C%84%EB%85%B8%EC%B6%9C%EC%A7%84%EB%8B%A8.html</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://webmarketing.ai.kr/%EC%9B%B9%EC%83%81%EC%9C%84%EB%85%B8%EC%B6%9C%EC%A7%84%EB%8B%A8.html</guid><description>&lt;style&gt;&#10;&#10;&#10;.btCourt {&#10; --bt-court-surface: var(--theme-surface, #f6f4f4);&#10; --bt-court-front: var(--theme-txt, #121410);&#10; --bt-court-soft: rgba(17, 14, 16, 0.68);&#10; --bt-court-bar: rgba(15, 15, 15, 0.14);&#10; --bt-court-acc: var(--theme-primary, #ff6a1c);&#10; position: relative;&#10; box-sizing: border-box;&#10; padding: clamp(160px, 13vw, 188px) 20px clamp(58px, 8vw, 108px);&#10; background: var(--bt-court-surface);&#10; color: var(--bt-court-front);&#10; font-family: var(--theme-type, 'Noto Sans KR', sans-serif);&#10; word-break: keep-all;&#10;}&#10;.btCourt[data-js-bt-court-theme="dark"] {&#10; --bt-court-surface: var(--theme-deep, #0a0a0c);&#10; --bt-court-front: #f3f2ea;&#10; --bt-court-soft: rgba(241, 243, 236, 0.7);&#10; --bt-court-bar: rgba(246, 244, 237, 0.16);&#10;}&#10;.btCourtWrap {&#10; max-width: var(--theme-width, 1218px);&#10; margin: 0 auto;&#10;}&#10;.btCourtPath {&#10; display: flex;&#10; flex-wrap: wrap;&#10; align-items: center;&#10; gap: 10px;&#10; margin: 0 0 clamp(36px, 6vw, 84px);&#10; font-size: 14px;&#10; font-weight: 400;&#10; color: var(--bt-court-soft);&#10;}&#10;.btCourtPathLnk {&#10; color: inherit;&#10; text-decoration: none;&#10; transition: color 0.3s ease;&#10;}&#10;.btCourtPathLnk:hover {&#10; color: var(--bt-court-front);&#10;}&#10;.btCourtPathLnk:focus-visible {&#10; outline: 2px solid var(--bt-court-front);&#10; outline-offset: 3px;&#10;}&#10;.btCourtSep {&#10; color: var(--bt-court-soft);&#10; font-weight: 300;&#10;}&#10;.btCourtHere {&#10; display: inline-flex;&#10; align-items: center;&#10; gap: 12px;&#10; font-weight: 600;&#10; color: var(--bt-court-front);&#10;}&#10;.btCourtPip {&#10; width: 6px;&#10; height: 6px;&#10; border-radius: 50%;&#10; background: var(--bt-court-acc);&#10;}&#10;.btCourtTtl {&#10; margin: 0;&#10; font-family: var(--theme-type-header, var(--theme-type, 'Noto Sans KR', sans-serif));&#10; font-size: clamp(44px, 9.4vw, 150px);&#10; font-weight: 900;&#10; line-height: 1.05;&#10; letter-spacing: -0.05em;&#10;}&#10;.btCourtFoot {&#10; display: flex;&#10; flex-wrap: wrap;&#10; justify-content: space-between;&#10; align-items: flex-end;&#10; gap: 32px 46px;&#10; margin-top: clamp(40px, 5.5vw, 78px);&#10; padding-top: clamp(24px, 2.6vw, 32px);&#10; border-top: 1px solid var(--bt-court-bar);&#10;}&#10;.btCourtTxt {&#10; flex: 1 1 298px;&#10; max-width: 37.375em;&#10; margin: 0;&#10; font-size: clamp(14px, 1.2vw, 20px);&#10; font-weight: 400;&#10; line-height: 1.8;&#10; color: var(--bt-court-soft);&#10;}&#10;.btCourtToc {&#10; display: flex;&#10; flex-wrap: wrap;&#10; gap: 9px 26px;&#10; margin: 0;&#10; padding: 0;&#10; list-style: none;&#10;}&#10;.btCourtTocLnk {&#10; position: relative;&#10; display: inline-block;&#10; padding: 4px 0;&#10; font-size: 16px;&#10; font-weight: 500;&#10; color: var(--bt-court-front);&#10; text-decoration: none;&#10;}&#10;.btCourtTocLnk::after {&#10; content: '';&#10; position: absolute;&#10; left: 0;&#10; right: 0;&#10; bottom: 0;&#10; height: 1px;&#10; background: var(--bt-court-acc);&#10; transform: scaleX(0);&#10; transform-origin: 0 50%;&#10; transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);&#10;}&#10;.btCourtTocLnk:hover::after,&#10;.btCourtTocLnk:focus-visible::after {&#10; transform: scaleX(1);&#10;}&#10;.btCourtTocLnk:focus-visible {&#10; outline: 2px solid var(--bt-court-front);&#10; outline-offset: 3px;&#10;}&#10;.btCourtMask {&#10; display: block;&#10; overflow: hidden;&#10; padding-bottom: 0.07em;&#10;}&#10;[data-js-bt-court-reveal] {&#10; transition: opacity 1.15s cubic-bezier(0.16, 1, 0.3, 1), transform 1.1s cubic-bezier(0.16, 1, 0.3, 1);&#10;}&#10;[data-js-bt-court-ready="0"] [data-js-bt-court-reveal] {&#10; opacity: 0;&#10; transform: translateY(24px);&#10; transition: none;&#10;}&#10;[data-js-bt-court-ready="0"] .btCourtMask [data-js-bt-court-reveal] {&#10; opacity: 1;&#10; transform: translateY(105%);&#10;}&#10;&#10;&#10;&#10;&#10;.btPart {&#10; --bt-part-surface: var(--theme-surface, #f9f8ee);&#10; --bt-part-front: var(--theme-txt, #0f1013);&#10; --bt-part-soft: rgba(15, 15, 14, 0.7);&#10; --bt-part-bar: rgba(15, 14, 19, 0.14);&#10; --bt-part-acc: var(--theme-primary, #ff6b1e);&#10; --bt-part-action-surface: #140e0e;&#10; --bt-part-action-front: #fcfeff;&#10; position: relative;&#10; box-sizing: border-box;&#10; padding: clamp(80px, 10vw, 134px) 20px clamp(82px, 11vw, 170px);&#10; background: var(--bt-part-surface);&#10; color: var(--bt-part-front);&#10; font-family: var(--theme-type, 'Noto Sans KR', sans-serif);&#10; word-break: keep-all;&#10;}&#10;.btPart[data-js-bt-part-theme="dark"] {&#10; --bt-part-surface: var(--theme-deep, #0a0e0c);&#10; --bt-part-front: #f3f2ec;&#10; --bt-part-soft: rgba(243, 243, 237, 0.7);&#10; --bt-part-bar: rgba(243, 241, 234, 0.16);&#10; --bt-part-action-surface: #f6efec;&#10; --bt-part-action-front: #090d10;&#10;}&#10;.btPartWrap {&#10; max-width: var(--theme-width, 1100px);&#10; margin: 0 auto;&#10;}&#10;.btPartHeader {&#10; display: grid;&#10; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);&#10; gap: clamp(24px, 5vw, 92px);&#10; align-items: end;&#10;}&#10;.btPartTtl {&#10; margin: 0;&#10; max-width: 13.625em;&#10; font-family: var(--theme-type-header, var(--theme-type, 'Noto Sans KR', sans-serif));&#10; font-size: clamp(32px, 4.6vw, 70px);&#10; font-weight: 800;&#10; line-height: 1.15;&#10; letter-spacing: -0.042em;&#10;}&#10;.btPartTxt {&#10; margin: 0;&#10; max-width: 25.25em;&#10; font-size: clamp(16px, 1.2vw, 18px);&#10; font-weight: 400;&#10; line-height: 1.85;&#10; color: var(--bt-part-soft);&#10;}&#10;.btPartItems {&#10; margin: clamp(50px, 7vw, 104px) 0 0;&#10; padding: 0;&#10; list-style: none;&#10; border-top: 1px solid var(--bt-part-bar);&#10; counter-reset: part-mv;&#10;}&#10;.btPartEl {&#10; position: relative;&#10; border-bottom: 1px solid var(--bt-part-bar);&#10; counter-increment: part-mv;&#10;}&#10;.btPartEl::after {&#10; content: '';&#10; position: absolute;&#10; left: 0;&#10; right: 0;&#10; bottom: -1px;&#10; height: 1px;&#10; background: var(--bt-part-acc);&#10; transform: scaleX(0);&#10; transform-origin: 0 50%;&#10; transition: transform 0.85s cubic-bezier(0.16, 1, 0.3, 1);&#10;}&#10;.btPartEl:hover::after,&#10;.btPartEl:focus-within::after {&#10; transform: scaleX(1);&#10;}&#10;.btPartRow {&#10; display: grid;&#10; grid-template-columns: 70px minmax(0, 1.1fr) minmax(0, 1fr) 48px;&#10; gap: clamp(16px, 3vw, 46px);&#10; align-items: center;&#10; padding: clamp(24px, 3vw, 38px) 0;&#10; color: inherit;&#10; text-decoration: none;&#10;}&#10;.btPartRow:focus-visible {&#10; outline: 2px solid var(--bt-part-front);&#10; outline-offset: 4px;&#10;}&#10;.btPartIndex {&#10; font-size: 14px;&#10; font-weight: 500;&#10; letter-spacing: 0.06em;&#10; font-variant-numeric: tabular-nums;&#10; color: var(--bt-part-soft);&#10;}&#10;.btPartIndex::before {&#10; content: counter(part-mv, decimal-leading-zero);&#10;}&#10;.btPartName {&#10; margin: 0;&#10; font-size: clamp(18px, 2.2vw, 34px);&#10; font-weight: 700;&#10; line-height: 1.25;&#10; letter-spacing: -0.03em;&#10; transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);&#10;}&#10;.btPartRow:hover .btPartName,&#10;.btPartRow:focus-visible .btPartName {&#10; transform: translateX(10px);&#10;}&#10;.btPartTxt2 {&#10; margin: 0;&#10; max-width: 34.75em;&#10; font-size: 16px;&#10; font-weight: 400;&#10; line-height: 1.8;&#10; color: var(--bt-part-soft);&#10;}&#10;.btPartGo {&#10; display: inline-flex;&#10; align-items: center;&#10; justify-content: center;&#10; width: 50px;&#10; height: 42px;&#10; border: 1px solid var(--bt-part-bar);&#10; border-radius: 50%;&#10; transition: background-color 0.4s ease, border-color 0.4s ease, color 0.45s ease;&#10;}&#10;.btPartRow:hover .btPartGo,&#10;.btPartRow:focus-visible .btPartGo {&#10; background: var(--bt-part-front);&#10; border-color: var(--bt-part-front);&#10; color: var(--bt-part-surface);&#10;}&#10;.btPartChevron {&#10; position: relative;&#10; width: 14px;&#10; height: 1.5px;&#10; background: currentColor;&#10;}&#10;.btPartChevron::after {&#10; content: '';&#10; position: absolute;&#10; right: 0;&#10; top: -3px;&#10; width: 6px;&#10; height: 6px;&#10; border-top: 1.5px solid currentColor;&#10; border-right: 1.5px solid currentColor;&#10; transform: rotate(45deg);&#10;}&#10;.btPartFoot {&#10; display: flex;&#10; flex-wrap: wrap;&#10; align-items: center;&#10; justify-content: space-between;&#10; gap: 22px 30px;&#10; margin-top: clamp(34px, 4.5vw, 52px);&#10;}&#10;.btPartNote {&#10; margin: 0;&#10; font-size: 14px;&#10; line-height: 1.65;&#10; color: var(--bt-part-soft);&#10;}&#10;.btPartNext {&#10; display: inline-flex;&#10; align-items: center;&#10; gap: 14px;&#10; min-height: 56px;&#10; padding: 0 32px;&#10; border-radius: var(--theme-action-corner, 1020px);&#10; background: var(--bt-part-action-surface);&#10; color: var(--bt-part-action-front);&#10; font-size: 16px;&#10; font-weight: 700;&#10; text-decoration: none;&#10; transition: transform 0.3s ease;&#10;}&#10;.btPartNext:hover {&#10; transform: translateY(-2px);&#10;}&#10;.btPartNext:focus-visible {&#10; outline: 2px solid var(--bt-part-front);&#10; outline-offset: 3px;&#10;}&#10;[data-js-bt-part-reveal] {&#10; transition: opacity 1s cubic-bezier(0.16, 1, 0.3, 1), transform 0.9s cubic-bezier(0.16, 1, 0.3, 1);&#10;}&#10;[data-js-bt-part-ready="0"] [data-js-bt-part-reveal] {&#10; opacity: 0;&#10; transform: translateY(24px);&#10; transition: none;&#10;}&#10;@media (max-width: 908px) {&#10; .btPartHeader {&#10; grid-template-columns: 1fr;&#10; align-items: start;&#10; }&#10;}&#10;@media (max-width: 696px) {&#10; .btPartRow {&#10; grid-template-columns: 44px minmax(0, 1fr);&#10; gap: 10px 14px;&#10; align-items: baseline;&#10; }&#10; .btPartTxt2 {&#10; grid-column: 2;&#10; }&#10; .btPartGo {&#10; display: none;&#10; }&#10;}&#10;&#10;&#10;&#10;&#10;.btWing {&#10; --bt-wing-surface: var(--theme-surface, #f6f5f0);&#10; --bt-wing-front: var(--theme-txt, #100f0f);&#10; --bt-wing-soft: rgba(17, 15, 16, 0.68);&#10; --bt-wing-bar: rgba(19, 18, 20, 0.14);&#10; --bt-wing-acc: var(--theme-primary, #fc6720);&#10; --bt-wing-action-surface: #0e140e;&#10; --bt-wing-action-front: #fcfffe;&#10; position: relative;&#10; box-sizing: border-box;&#10; padding: clamp(74px, 10vw, 146px) 20px clamp(86px, 12vw, 184px);&#10; background: var(--bt-wing-surface);&#10; color: var(--bt-wing-front);&#10; font-family: var(--theme-type, 'Noto Sans KR', sans-serif);&#10; word-break: keep-all;&#10;}&#10;.btWing[data-js-bt-wing-theme="dark"] {&#10; --bt-wing-surface: var(--theme-deep, #0f0c0c);&#10; --bt-wing-front: #f5f0f0;&#10; --bt-wing-soft: rgba(242, 242, 240, 0.68);&#10; --bt-wing-bar: rgba(247, 242, 239, 0.16);&#10; --bt-wing-action-surface: #f2f4ed;&#10; --bt-wing-action-front: #0d0e10;&#10;}&#10;.btWingWrap {&#10; max-width: var(--theme-width, 1266px);&#10; margin: 0 auto;&#10; display: grid;&#10; grid-template-columns: 0.9fr 1.1fr;&#10; gap: clamp(40px, 7vw, 120px);&#10; align-items: start;&#10;}&#10;.btWingAside {&#10; position: sticky;&#10; top: clamp(96px, 14vh, 146px);&#10;}&#10;.btWingTtl {&#10; margin: 0;&#10; font-family: var(--theme-type-header, var(--theme-type, 'Noto Sans KR', sans-serif));&#10; font-size: clamp(30px, 3.8vw, 50px);&#10; font-weight: 800;&#10; line-height: 1.2;&#10; letter-spacing: -0.04em;&#10;}&#10;.btWingTxt {&#10; max-width: 23.875em;&#10; margin: clamp(20px, 2.4vw, 30px) 0 0;&#10; font-size: clamp(14px, 1.2vw, 18px);&#10; font-weight: 300;&#10; line-height: 1.75;&#10; color: var(--bt-wing-soft);&#10;}&#10;.btWingAction {&#10; display: inline-flex;&#10; align-items: center;&#10; gap: 12px;&#10; margin-top: clamp(28px, 3.4vw, 42px);&#10; min-height: 54px;&#10; padding: 0 26px;&#10; border-radius: var(--theme-action-corner, 1016px);&#10; background: var(--bt-wing-action-surface);&#10; color: var(--bt-wing-action-front);&#10; font-size: 14px;&#10; font-weight: 700;&#10; text-decoration: none;&#10; transition: transform 0.3s ease;&#10;}&#10;.btWingAction:hover {&#10; transform: translateY(-2px);&#10;}&#10;.btWingAction:focus-visible {&#10; outline: 2px solid var(--bt-wing-front);&#10; outline-offset: 3px;&#10;}&#10;.btWingChevron {&#10; position: relative;&#10; width: 16px;&#10; height: 1.5px;&#10; background: currentColor;&#10; transition: width 0.3s ease;&#10;}&#10;.btWingChevron::after {&#10; content: '';&#10; position: absolute;&#10; right: 0;&#10; top: -3px;&#10; width: 6px;&#10; height: 6px;&#10; border-top: 1.5px solid currentColor;&#10; border-right: 1.5px solid currentColor;&#10; transform: rotate(45deg);&#10;}&#10;.btWingAction:hover .btWingChevron {&#10; width: 24px;&#10;}&#10;.btWingItems {&#10; margin: 0;&#10; padding: 0;&#10; list-style: none;&#10; counter-reset: ft04n-anim;&#10; border-top: 1px solid var(--bt-wing-bar);&#10;}&#10;.btWingEl {&#10; position: relative;&#10; display: grid;&#10; grid-template-columns: 62px 1fr;&#10; gap: 0 clamp(14px, 2vw, 28px);&#10; padding: clamp(34px, 4.4vw, 62px) 0 clamp(36px, 4.4vw, 56px) clamp(18px, 2vw, 30px);&#10; border-bottom: 1px solid var(--bt-wing-bar);&#10; counter-increment: ft04n-anim;&#10;}&#10;.btWingEl::before {&#10; content: counter(ft04n-anim, decimal-leading-zero);&#10; padding-top: 0.45em;&#10; font-size: 14px;&#10; font-weight: 500;&#10; letter-spacing: 0.04em;&#10; color: var(--bt-wing-soft);&#10;}&#10;.btWingBar {&#10; position: absolute;&#10; left: 0;&#10; top: -1px;&#10; bottom: -1px;&#10; width: 2px;&#10; background: var(--bt-wing-acc);&#10; transform: scaleY(0);&#10; transform-origin: 50% 0;&#10; transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);&#10;}&#10;.btWingName {&#10; margin: 0 0 12px;&#10; font-size: clamp(20px, 2vw, 26px);&#10; font-weight: 400;&#10; line-height: 1.4;&#10; letter-spacing: -0.025em;&#10; color: var(--bt-wing-soft);&#10; transition: transform 0.65s cubic-bezier(0.16, 1, 0.3, 1), color 0.45s ease;&#10;}&#10;.btWingTxt2 {&#10; grid-column: 2;&#10; max-width: 31.125em;&#10; margin: 0;&#10; font-size: 14px;&#10; font-weight: 400;&#10; line-height: 1.85;&#10; color: var(--bt-wing-soft);&#10;}&#10;[data-js-bt-wing-on="1"] .btWingBar {&#10; transform: scaleY(1);&#10;}&#10;[data-js-bt-wing-on="1"] .btWingName {&#10; color: var(--bt-wing-front);&#10; transform: translateX(8px);&#10;}&#10;[data-js-bt-wing-reveal] {&#10; transition: opacity 1s cubic-bezier(0.16, 1, 0.3, 1), transform 1s cubic-bezier(0.16, 1, 0.3, 1);&#10;}&#10;[data-js-bt-wing-ready="0"] [data-js-bt-wing-reveal] {&#10; opacity: 0;&#10; transform: translateY(26px);&#10; transition: none;&#10;}&#10;@media (max-width: 812px) {&#10; .btWingWrap {&#10; grid-template-columns: 1fr;&#10; }&#10; .btWingAside {&#10; position: relative;&#10; top: 0;&#10; }&#10;}&#10;@media (max-width: 612px) {&#10; .btWingEl {&#10; grid-template-columns: 1fr;&#10; padding-left: 18px;&#10; }&#10; .btWingEl::before {&#10; padding: 0 0 12px;&#10; }&#10; .btWingTxt2 {&#10; grid-column: 1;&#10; }&#10;}&#10;&#10;&#10;&#10;&#10;.btTile {&#10; --bt-tile-surface: var(--theme-surface, #f9f3f4);&#10; --bt-tile-front: var(--theme-txt, #130e0e);&#10; --bt-tile-soft: rgba(15, 17, 16, 0.7);&#10; --bt-tile-bar: rgba(18, 19, 20, 0.13);&#10; --bt-tile-panel: rgba(252, 255, 255, 0.55);&#10; --bt-tile-acc: var(--theme-primary, #ff681c);&#10; --bt-tile-rise: clamp(36px, 5vw, 80px);&#10; position: relative;&#10; box-sizing: border-box;&#10; padding: clamp(70px, 9vw, 122px) 22px clamp(90px, 12vw, 174px);&#10; background: var(--bt-tile-surface);&#10; color: var(--bt-tile-front);&#10; font-family: var(--theme-type, 'Noto Sans KR', sans-serif);&#10; word-break: keep-all;&#10;}&#10;.btTile[data-js-bt-tile-theme="dark"] {&#10; --bt-tile-surface: var(--theme-deep, #0c0d0c);&#10; --bt-tile-front: #f7f2f0;&#10; --bt-tile-soft: rgba(242, 239, 238, 0.7);&#10; --bt-tile-bar: rgba(247, 243, 237, 0.15);&#10; --bt-tile-panel: rgba(245, 241, 236, 0.035);&#10;}&#10;.btTileWrap {&#10; max-width: var(--theme-width, 1122px);&#10; margin: 0 auto;&#10;}&#10;.btTileHeader {&#10; max-width: 37.75em;&#10; margin-bottom: clamp(54px, 6.5vw, 88px);&#10;}&#10;.btTileKicker {&#10; display: flex;&#10; align-items: center;&#10; gap: 14px;&#10; margin: 0 0 clamp(18px, 2.6vw, 30px);&#10; font-size: 14px;&#10; font-weight: 500;&#10; letter-spacing: 0.02em;&#10; color: var(--bt-tile-soft);&#10;}&#10;.btTileTick {&#10; width: 28px;&#10; height: 1px;&#10; background: var(--bt-tile-acc);&#10; flex-shrink: 0;&#10;}&#10;.btTileTtl {&#10; margin: 0;&#10; font-family: var(--theme-type-header, var(--theme-type, 'Noto Sans KR', sans-serif));&#10; font-size: clamp(30px, 4vw, 62px);&#10; font-weight: 800;&#10; line-height: 1.2;&#10; letter-spacing: -0.04em;&#10;}&#10;.btTileTxt {&#10; margin: clamp(18px, 2.2vw, 28px) 0 0;&#10; max-width: 30.875em;&#10; font-size: clamp(16px, 1.15vw, 16px);&#10; font-weight: 400;&#10; line-height: 1.85;&#10; color: var(--bt-tile-soft);&#10;}&#10;.btTileItems {&#10; display: grid;&#10; grid-template-columns: repeat(4, minmax(0, 1fr));&#10; gap: clamp(14px, 1.6vw, 26px);&#10; align-items: start;&#10; margin: 0;&#10; padding: 0;&#10; list-style: none;&#10; counter-reset: pr03c-mv;&#10;}&#10;.btTilePanel {&#10; position: relative;&#10; box-sizing: border-box;&#10; margin-top: calc(var(--bt-tile-k, 0) * var(--bt-tile-rise));&#10; min-height: clamp(244px, 24vw, 348px);&#10; padding: clamp(22px, 2.4vw, 36px) clamp(24px, 2vw, 30px) clamp(26px, 2.6vw, 36px);&#10; display: flex;&#10; flex-direction: column;&#10; border: 1px solid var(--bt-tile-bar);&#10; border-radius: var(--theme-corner, 16px);&#10; background: var(--bt-tile-panel);&#10; counter-increment: pr03c-mv;&#10;}&#10;.btTilePanel:hover {&#10; border-color: var(--bt-tile-front);&#10;}&#10;.btTileTop {&#10; display: flex;&#10; align-items: center;&#10; justify-content: space-between;&#10; margin-bottom: auto;&#10; padding-bottom: clamp(40px, 5vw, 68px);&#10;}&#10;.btTileNo {&#10; font-size: clamp(30px, 2.8vw, 44px);&#10; font-weight: 300;&#10; line-height: 1.05;&#10; letter-spacing: -0.04em;&#10;}&#10;.btTileNo::before {&#10; content: counter(pr03c-mv, decimal-leading-zero);&#10;}&#10;.btTileMark {&#10; width: 7px;&#10; height: 7px;&#10; border-radius: 50%;&#10; background: var(--bt-tile-acc);&#10; transition: transform 0.55s cubic-bezier(0.16, 1, 0.3, 1);&#10;}&#10;.btTilePanel:hover .btTileMark {&#10; transform: scale(1.6);&#10;}&#10;.btTileName {&#10; margin: 0 0 9px;&#10; font-size: clamp(18px, 1.55vw, 24px);&#10; font-weight: 800;&#10; line-height: 1.3;&#10; letter-spacing: -0.025em;&#10;}&#10;.btTileTxt2 {&#10; margin: 0;&#10; font-size: 14px;&#10; font-weight: 400;&#10; line-height: 1.7;&#10; color: var(--bt-tile-soft);&#10;}&#10;.btTileSub {&#10; margin: 24px 0 0;&#10; padding-top: 14px;&#10; border-top: 1px solid var(--bt-tile-bar);&#10; font-size: 12px;&#10; font-weight: 500;&#10; letter-spacing: 0.02em;&#10; color: var(--bt-tile-soft);&#10;}&#10;[data-js-bt-tile-reveal] {&#10; transition: opacity 1s cubic-bezier(0.16, 1, 0.3, 1), transform 1.1s cubic-bezier(0.16, 1, 0.3, 1);&#10;}&#10;[data-js-bt-tile-ready="0"] [data-js-bt-tile-reveal] {&#10; opacity: 0;&#10; transform: translateY(34px);&#10; transition: none;&#10;}&#10;@media (max-width: 998px) {&#10; .btTileItems {&#10; grid-template-columns: repeat(2, minmax(0, 1fr));&#10; }&#10; .btTile {&#10; --bt-tile-rise: 0px;&#10; }&#10; .btTilePanel {&#10; min-height: 0;&#10; }&#10;}&#10;@media (max-width: 604px) {&#10; .btTileItems {&#10; grid-template-columns: 1fr;&#10; }&#10;}&#10;&#10;&#10;&#10;&#10;.btHub {&#10; --bt-hub-surface: var(--theme-surface, #f7f2ef);&#10; --bt-hub-front: var(--theme-txt, #111012);&#10; --bt-hub-soft: rgba(19, 20, 19, 0.68);&#10; --bt-hub-bar: rgba(15, 18, 18, 0.14);&#10; --bt-hub-soft2: rgba(18, 15, 15, 0.05);&#10; --bt-hub-acc: var(--theme-primary, #ff6820);&#10; position: relative;&#10; box-sizing: border-box;&#10; padding: clamp(72px, 9.5vw, 138px) 18px clamp(84px, 10vw, 156px);&#10; background: var(--bt-hub-surface);&#10; color: var(--bt-hub-front);&#10; font-family: var(--theme-type, 'Noto Sans KR', sans-serif);&#10; word-break: keep-all;&#10;}&#10;.btHub[data-js-bt-hub-theme="dark"] {&#10; --bt-hub-surface: var(--theme-deep, #0c090c);&#10; --bt-hub-front: #f6f1ed;&#10; --bt-hub-soft: rgba(242, 245, 237, 0.7);&#10; --bt-hub-bar: rgba(242, 245, 239, 0.16);&#10; --bt-hub-soft2: rgba(241, 242, 239, 0.07);&#10;}&#10;.btHubWrap {&#10; max-width: var(--theme-width, 1158px);&#10; margin: 0 auto;&#10;}&#10;.btHubHeader {&#10; display: grid;&#10; grid-template-columns: 1.4fr 1fr;&#10; gap: 24px clamp(32px, 6vw, 90px);&#10; align-items: end;&#10; margin-bottom: clamp(46px, 7vw, 94px);&#10;}&#10;.btHubTtl {&#10; margin: 0;&#10; max-width: 13em;&#10; font-family: var(--theme-type-header, var(--theme-type, 'Noto Sans KR', sans-serif));&#10; font-size: clamp(28px, 4.4vw, 60px);&#10; font-weight: 800;&#10; line-height: 1.2;&#10; letter-spacing: -0.042em;&#10;}&#10;.btHubTxt {&#10; margin: 0;&#10; max-width: 28em;&#10; font-size: clamp(16px, 1.2vw, 18px);&#10; line-height: 1.85;&#10; color: var(--bt-hub-soft);&#10;}&#10;.btHubItems {&#10; display: grid;&#10; grid-template-columns: repeat(3, minmax(0, 1fr));&#10; gap: clamp(34px, 4vw, 56px);&#10; margin: 0;&#10; padding: 0;&#10; list-style: none;&#10; counter-reset: ts02n-mv;&#10;}&#10;.btHubPanel {&#10; position: relative;&#10; display: flex;&#10; flex-direction: column;&#10; gap: 26px;&#10; padding-top: 30px;&#10; border-top: 1px solid var(--bt-hub-bar);&#10; counter-increment: ts02n-mv;&#10;}&#10;.btHubPanel::before {&#10; content: '';&#10; position: absolute;&#10; left: 0;&#10; top: -1px;&#10; width: 40px;&#10; height: 1px;&#10; background: var(--bt-hub-acc);&#10; transition: width 0.65s cubic-bezier(0.16, 1, 0.3, 1);&#10;}&#10;.btHubPanel:hover::before {&#10; width: 100%;&#10;}&#10;.btHubPanel::after {&#10; content: counter(ts02n-mv, decimal-leading-zero);&#10; position: absolute;&#10; right: 0;&#10; top: 26px;&#10; font-size: 12px;&#10; font-weight: 500;&#10; letter-spacing: 0.04em;&#10; color: var(--bt-hub-soft);&#10; font-variant-numeric: tabular-nums;&#10;}&#10;.btHubQuote {&#10; margin: 0;&#10; padding-right: 36px;&#10; font-size: clamp(18px, 1.4vw, 18px);&#10; font-weight: 400;&#10; line-height: 1.8;&#10; letter-spacing: -0.015em;&#10;}&#10;.btHubPerson {&#10; display: flex;&#10; align-items: center;&#10; gap: 16px;&#10; margin-top: auto;&#10;}&#10;.btHubAvatar {&#10; display: grid;&#10; place-items: center;&#10; width: 42px;&#10; height: 46px;&#10; border-radius: 50%;&#10; border: 1px solid var(--bt-hub-bar);&#10; background: var(--bt-hub-soft2);&#10; font-size: 16px;&#10; font-weight: 700;&#10; flex-shrink: 0;&#10; overflow: hidden;&#10; white-space: nowrap;&#10;}&#10;.btHubWho {&#10; display: flex;&#10; flex-direction: column;&#10; gap: 2px;&#10;}&#10;.btHubAuthor {&#10; font-size: 16px;&#10; font-weight: 700;&#10;}&#10;.btHubSub {&#10; font-size: 14px;&#10; color: var(--bt-hub-soft);&#10;}&#10;[data-js-bt-hub-reveal] {&#10; transition: opacity 1.05s cubic-bezier(0.16, 1, 0.3, 1), transform 0.9s cubic-bezier(0.16, 1, 0.3, 1);&#10;}&#10;[data-js-bt-hub-ready="0"] [data-js-bt-hub-reveal] {&#10; opacity: 0;&#10; transform: translateY(34px);&#10; transition: none;&#10;}&#10;@media (max-width: 908px) {&#10; .btHubHeader {&#10; grid-template-columns: 1fr;&#10; }&#10; .btHubItems {&#10; grid-template-columns: 1fr;&#10; gap: 48px;&#10; }&#10;}&#10;&#10;&#10;&#10;&#10;.btNote {&#10; --bt-note-surface: var(--theme-surface, #f7f6f4);&#10; --bt-note-front: var(--theme-txt, #0f1210);&#10; --bt-note-soft: rgba(17, 15, 19, 0.7);&#10; --bt-note-bar: rgba(14, 15, 16, 0.15);&#10; --bt-note-acc: var(--theme-primary, #ff6a22);&#10; --bt-note-bar-surface: #120f0f;&#10; --bt-note-bar-front: #f5f4eb;&#10; --bt-note-action-surface: #f7f1eb;&#10; --bt-note-action-front: #13110e;&#10; position: relative;&#10; box-sizing: border-box;&#10; padding: clamp(76px, 9vw, 118px) 18px clamp(68px, 8vw, 102px);&#10; background: var(--bt-note-surface);&#10; color: var(--bt-note-front);&#10; font-family: var(--theme-type, 'Noto Sans KR', sans-serif);&#10; word-break: keep-all;&#10;}&#10;.btNote[data-js-bt-note-theme="dark"] {&#10; --bt-note-surface: var(--theme-deep, #0d0d0e);&#10; --bt-note-front: #f3f0ef;&#10; --bt-note-soft: rgba(242, 242, 234, 0.7);&#10; --bt-note-bar: rgba(247, 244, 240, 0.17);&#10; --bt-note-bar-surface: #f4f3ea;&#10; --bt-note-bar-front: #120f14;&#10; --bt-note-action-surface: #141012;&#10; --bt-note-action-front: #f5f4f0;&#10;}&#10;.btNoteWrap {&#10; max-width: var(--theme-width, 1134px);&#10; margin: 0 auto;&#10;}&#10;.btNoteItems {&#10; display: grid;&#10; grid-template-columns: repeat(3, 1fr);&#10; margin: 0 0 clamp(44px, 6vw, 84px);&#10; padding: 0;&#10; list-style: none;&#10; counter-reset: ct09n-anim;&#10;}&#10;.btNoteEl {&#10; counter-increment: ct09n-anim;&#10; padding: 0 clamp(18px, 3vw, 44px);&#10; border-left: 1px solid var(--bt-note-bar);&#10;}&#10;.btNoteMark {&#10; display: flex;&#10; align-items: center;&#10; gap: 12px;&#10; margin: 0 0 clamp(22px, 2.6vw, 32px);&#10; font-size: 12px;&#10; font-weight: 300;&#10; letter-spacing: 0.09em;&#10; color: var(--bt-note-soft);&#10;}&#10;.btNoteMark::before {&#10; content: counter(ct09n-anim, decimal-leading-zero);&#10;}&#10;.btNoteMark::after {&#10; content: '';&#10; width: 22px;&#10; height: 1px;&#10; background: var(--bt-note-acc);&#10;}&#10;.btNoteElHeader {&#10; margin: 0 0 9px;&#10; font-size: clamp(18px, 1.6vw, 20px);&#10; font-weight: 700;&#10; letter-spacing: -0.02em;&#10;}&#10;.btNoteElTxt {&#10; margin: 0;&#10; font-size: 14px;&#10; line-height: 1.8;&#10; color: var(--bt-note-soft);&#10;}&#10;.btNoteBar {&#10; display: flex;&#10; flex-wrap: wrap;&#10; align-items: center;&#10; justify-content: space-between;&#10; gap: 28px 52px;&#10; padding: clamp(32px, 5vw, 66px) clamp(26px, 5vw, 74px);&#10; border-radius: calc(var(--theme-corner, 14px) + 6px);&#10; background: var(--bt-note-bar-surface);&#10; color: var(--bt-note-bar-front);&#10;}&#10;.btNoteTtl {&#10; max-width: 16.125em;&#10; margin: 0;&#10; font-family: var(--theme-type-header, var(--theme-type, 'Noto Sans KR', sans-serif));&#10; font-size: clamp(24px, 3.2vw, 42px);&#10; font-weight: 800;&#10; line-height: 1.2;&#10; letter-spacing: -0.035em;&#10;}&#10;.btNoteGo {&#10; display: inline-flex;&#10; align-items: center;&#10; gap: 14px;&#10; min-height: 52px;&#10; padding: 0 30px;&#10; box-sizing: border-box;&#10; border-radius: var(--theme-action-corner, 936px);&#10; background: var(--bt-note-action-surface);&#10; color: var(--bt-note-action-front);&#10; font-size: 14px;&#10; font-weight: 700;&#10; text-decoration: none;&#10; white-space: nowrap;&#10; transition: transform 0.3s ease;&#10;}&#10;.btNoteGo:hover {&#10; transform: translateY(-2px);&#10;}&#10;.btNoteGo:focus-visible {&#10; outline: 2px solid var(--bt-note-action-surface);&#10; outline-offset: 3px;&#10;}&#10;.btNoteChevron {&#10; position: relative;&#10; width: 18px;&#10; height: 1.5px;&#10; background: currentColor;&#10; transition: width 0.3s ease;&#10;}&#10;.btNoteChevron::after {&#10; content: '';&#10; position: absolute;&#10; right: 0;&#10; top: -3px;&#10; width: 6px;&#10; height: 5px;&#10; border-top: 1.5px solid currentColor;&#10; border-right: 1.5px solid currentColor;&#10; transform: rotate(45deg);&#10;}&#10;.btNoteGo:hover .btNoteChevron {&#10; width: 24px;&#10;}&#10;[data-js-bt-note-reveal] {&#10; transition: opacity 0.9s cubic-bezier(0.16, 1, 0.3, 1), transform 0.9s cubic-bezier(0.16, 1, 0.3, 1);&#10;}&#10;[data-js-bt-note-ready="0"] [data-js-bt-note-reveal] {&#10; opacity: 0;&#10; transform: translateY(24px);&#10; transition: none;&#10;}&#10;@media (max-width: 802px) {&#10; .btNoteItems {&#10; grid-template-columns: 1fr;&#10; gap: 32px;&#10; }&#10; .btNoteEl {&#10; padding: 0 0 0 22px;&#10; }&#10;}&#10;@media (max-width: 588px) {&#10; .btNoteGo {&#10; width: 100%;&#10; justify-content: center;&#10; }&#10;}&#10;&#10;&lt;/style&gt;&#10;&#10;&lt;section class="btCourt" data-js-bt-court="" data-js-bt-court-theme="light"&gt;&#10;&lt;div class="btCourtWrap"&gt;&#10;&lt;nav aria-label="현재 위치" class="btCourtPath" data-js-bt-court-reveal=""&gt;&#10;&lt;a class="btCourtPathLnk" href="./"&gt;홈&lt;/a&gt;&#10;&lt;span aria-hidden="true" class="btCourtSep"&gt;/&lt;/span&gt;&#10;&lt;span aria-current="page" class="btCourtHere"&gt;&lt;span aria-hidden="true" class="btCourtPip"&gt;&lt;/span&gt;웹상위노출진단&lt;/span&gt;&#10;&lt;/nav&gt;&#10;&lt;div class="btCourtMask"&gt;&#10;&lt;h1 class="btCourtTtl btHeroTtl" data-js-bt-court-reveal=""&gt;웹상위노출진단&lt;/h1&gt;&#10;&lt;/div&gt;&#10;&lt;div class="btCourtFoot"&gt;&#10;&lt;p class="btCourtTxt btTxt" data-js-bt-court-reveal=""&gt;무엇을 어떻게 확인하는지, 결과를 어떤 형태로 드리는지 순서대로 안내합니다.&lt;/p&gt;&#10;&lt;ul class="btCourtToc" data-js-bt-court-reveal=""&gt;&#10;&lt;li&gt;&lt;a class="btCourtTocLnk" href="./상담문의.html"&gt;개요&lt;/a&gt;&lt;/li&gt;&#10;&lt;li&gt;&lt;a class="btCourtTocLnk" href="./진행절차.html"&gt;확인 항목&lt;/a&gt;&lt;/li&gt;&#10;&lt;li&gt;&lt;a class="btCourtTocLnk" href="./상담문의.html"&gt;문의&lt;/a&gt;&lt;/li&gt;&#10;&lt;/ul&gt;&#10;&lt;/div&gt;&#10;&lt;/div&gt;&#10;&lt;script&gt;&#10; (function () {&#10; var N = {"root": "data-js-bt-court", "tone": "data-js-bt-court-theme", "state": "data-js-bt-court-ready", "item": "data-js-bt-court-reveal"};&#10; var s = document.currentScript;&#10; var R = s &amp;&amp; s.closest('[' + N.root + ']');&#10; if (!R) { return; }&#10; var items = R.querySelectorAll('[' + N.item + ']');&#10; // 시간차는 현재 DOM 순서로 매김&#10; for (var i = 0; i &lt; items.length; i++) {&#10; items[i].style.transitionDelay = (i * 0.14) + 's, ' + (i * 0.14) + 's';&#10; }&#10; var show = function () { R.setAttribute(N.state, '1'); };&#10; if (!('IntersectionObserver' in window)) { return; }&#10; // 처음 화면에 이미 보이는 섹션은 숨기지 않는다(2026-10-27): 가장 큰 글(LCP)이 등장 지연만큼 늦게 잡혀 PageSpeed 모바일 80점대&#10; if (R.getBoundingClientRect().top &gt;= window.innerHeight) { R.setAttribute(N.state, '0'); }&#10; var io = new IntersectionObserver(function (es) {&#10; if (es[0].isIntersecting) {&#10; io.disconnect();&#10; requestAnimationFrame(function () { requestAnimationFrame(show); });&#10; }&#10; }, { threshold: 0.15 });&#10; io.observe(R);&#10; })();&#10; &lt;/script&gt;&#10;&lt;/section&gt;</description></item><item><title>진행절차 네 단계와 넘어가는 기준 - 웹마케팅AI</title><link>https://webmarketing.ai.kr/%EC%A7%84%ED%96%89%EC%A0%88%EC%B0%A8.html</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://webmarketing.ai.kr/%EC%A7%84%ED%96%89%EC%A0%88%EC%B0%A8.html</guid><description>&lt;style&gt;&#10;&#10;&#10;.btCore {&#10; --bt-core-surface: var(--theme-surface, #f6f4f4);&#10; --bt-core-front: var(--theme-txt, #121410);&#10; --bt-core-soft: rgba(20, 16, 18, 0.68);&#10; --bt-core-bar: rgba(18, 19, 20, 0.15);&#10; --bt-core-acc: var(--theme-primary, #ff6a1c);&#10; position: relative;&#10; box-sizing: border-box;&#10; padding: clamp(154px, 14vw, 202px) 20px 0;&#10; background: var(--bt-core-surface);&#10; color: var(--bt-core-front);&#10; font-family: var(--theme-type, 'Noto Sans KR', sans-serif);&#10; word-break: keep-all;&#10;}&#10;.btCore[data-js-bt-core-theme="dark"] {&#10; --bt-core-surface: var(--theme-deep, #0a0a0c);&#10; --bt-core-front: #f3f2ea;&#10; --bt-core-soft: rgba(244, 239, 236, 0.7);&#10; --bt-core-bar: rgba(242, 240, 235, 0.17);&#10;}&#10;.btCoreWrap {&#10; max-width: var(--theme-width, 1088px);&#10; margin: 0 auto;&#10; padding-bottom: clamp(62px, 8vw, 114px);&#10; border-bottom: 1px solid var(--bt-core-bar);&#10;}&#10;.btCoreList {&#10; display: grid;&#10; grid-template-columns: minmax(0, 1.15fr) 1px minmax(0, 1fr);&#10; gap: clamp(32px, 5.5vw, 82px);&#10; align-items: end;&#10;}&#10;.btCoreTtl {&#10; margin: 0;&#10; font-family: var(--theme-type-header, var(--theme-type, 'Noto Sans KR', sans-serif));&#10; font-size: clamp(38px, 5.6vw, 86px);&#10; font-weight: 800;&#10; line-height: 1.15;&#10; letter-spacing: -0.042em;&#10;}&#10;.btCoreSplit {&#10; position: relative;&#10; align-self: stretch;&#10; min-height: 128px;&#10; background: var(--bt-core-bar);&#10; transform-origin: 50% 0;&#10; transition: transform 1.15s cubic-bezier(0.16, 1, 0.3, 1) 0.2s;&#10;}&#10;.btCoreSplit::after {&#10; content: '';&#10; position: absolute;&#10; left: 0;&#10; bottom: 0;&#10; width: 1px;&#10; height: 40px;&#10; background: var(--bt-core-acc);&#10;}&#10;.btCoreSide {&#10; display: flex;&#10; flex-direction: column;&#10; gap: clamp(22px, 2.4vw, 28px);&#10; padding-bottom: 6px;&#10;}&#10;.btCoreTxt {&#10; max-width: 28.5em;&#10; margin: 0;&#10; font-size: clamp(18px, 1.45vw, 22px);&#10; font-weight: 300;&#10; line-height: 1.8;&#10; letter-spacing: -0.01em;&#10;}&#10;.btCoreExtra {&#10; max-width: 31.875em;&#10; margin: 0;&#10; font-size: 16px;&#10; font-weight: 400;&#10; line-height: 1.75;&#10; color: var(--bt-core-soft);&#10;}&#10;.btCoreSub {&#10; display: flex;&#10; flex-wrap: wrap;&#10; gap: 7px 32px;&#10; margin: 0;&#10; padding: 0;&#10; list-style: none;&#10; font-size: 14px;&#10; font-weight: 500;&#10; color: var(--bt-core-soft);&#10;}&#10;[data-js-bt-core-reveal] {&#10; transition: opacity 1.05s cubic-bezier(0.16, 1, 0.3, 1), transform 1.1s cubic-bezier(0.16, 1, 0.3, 1);&#10;}&#10;[data-js-bt-core-ready="0"] [data-js-bt-core-reveal] {&#10; opacity: 0;&#10; transform: translateY(26px);&#10; transition: none;&#10;}&#10;[data-js-bt-core-ready="0"] .btCoreSplit {&#10; transform: scaleY(0);&#10; transition: none;&#10;}&#10;@media (max-width: 872px) {&#10; .btCoreList {&#10; grid-template-columns: 1fr;&#10; gap: 28px;&#10; }&#10; .btCoreSplit {&#10; min-height: 0;&#10; height: 1px;&#10; width: 64px;&#10; transform-origin: 0 50%;&#10; }&#10; .btCoreSplit::after {&#10; width: 24px;&#10; height: 1px;&#10; }&#10; [data-js-bt-core-ready="0"] .btCoreSplit {&#10; transform: scaleX(0);&#10; }&#10;}&#10;&#10;&#10;&#10;&#10;.btPanel {&#10; --bt-panel-surface: var(--theme-surface, #f9f8ee);&#10; --bt-panel-front: var(--theme-txt, #0f1013);&#10; --bt-panel-soft: rgba(14, 18, 16, 0.7);&#10; --bt-panel-bar: rgba(19, 19, 17, 0.16);&#10; --bt-panel-acc: var(--theme-primary, #ff6b1e);&#10; position: relative;&#10; box-sizing: border-box;&#10; padding: clamp(88px, 10.5vw, 158px) 20px clamp(92px, 11vw, 140px);&#10; background: var(--bt-panel-surface);&#10; color: var(--bt-panel-front);&#10; font-family: var(--theme-type, 'Noto Sans KR', sans-serif);&#10; word-break: keep-all;&#10;}&#10;.btPanel[data-js-bt-panel-theme="dark"] {&#10; --bt-panel-surface: var(--theme-deep, #0f090b);&#10; --bt-panel-front: #f1f1ee;&#10; --bt-panel-soft: rgba(242, 240, 234, 0.7);&#10; --bt-panel-bar: rgba(242, 239, 239, 0.2);&#10;}&#10;.btPanelWrap {&#10; max-width: var(--theme-width, 1086px);&#10; margin: 0 auto;&#10;}&#10;.btPanelHeader {&#10; max-width: 716px;&#10; margin: 0 auto;&#10; text-align: center;&#10;}&#10;.btPanelTtl {&#10; margin: 0;&#10; font-family: var(--theme-type-header, var(--theme-type, 'Noto Sans KR', sans-serif));&#10; font-size: clamp(28px, 4.2vw, 60px);&#10; font-weight: 800;&#10; line-height: 1.2;&#10; letter-spacing: -0.04em;&#10;}&#10;.btPanelTxt {&#10; max-width: 31.125em;&#10; margin: clamp(20px, 2.4vw, 28px) auto 0;&#10; font-size: clamp(16px, 1.2vw, 18px);&#10; font-weight: 300;&#10; line-height: 1.8;&#10; color: var(--bt-panel-soft);&#10;}&#10;.btPanelList {&#10; display: grid;&#10; grid-template-columns: repeat(4, minmax(0, 1fr));&#10; gap: clamp(44px, 4vw, 62px) clamp(20px, 3vw, 42px);&#10; margin: clamp(62px, 7vw, 94px) 0 0;&#10; padding: 0;&#10; list-style: none;&#10; counter-reset: panel-fx;&#10;}&#10;.btPanelPanel {&#10; display: flex;&#10; flex-direction: column;&#10; align-items: center;&#10; text-align: center;&#10; counter-increment: panel-fx;&#10;}&#10;.btPanelRing {&#10; position: relative;&#10; display: flex;&#10; align-items: center;&#10; justify-content: center;&#10; width: min(212px, 100%);&#10; aspect-ratio: 1 / 1;&#10; margin-bottom: clamp(26px, 2.6vw, 34px);&#10; border: 1px solid var(--bt-panel-bar);&#10; border-radius: 50%;&#10; transition: border-color 0.5s ease;&#10;}&#10;.btPanelRing::before {&#10; content: counter(panel-fx, decimal-leading-zero);&#10; font-size: clamp(28px, 3vw, 40px);&#10; font-weight: 300;&#10; letter-spacing: -0.03em;&#10; font-variant-numeric: tabular-nums;&#10;}&#10;.btPanelOrbit {&#10; position: absolute;&#10; top: -1px;&#10; left: -1px;&#10; right: -1px;&#10; bottom: -1px;&#10; border-radius: 50%;&#10; transform: rotate(-38deg);&#10; transition: transform 1.65s cubic-bezier(0.16, 1, 0.3, 1) 0.3s;&#10;}&#10;.btPanelOrbit::after {&#10; content: '';&#10; position: absolute;&#10; top: -4px;&#10; left: 50%;&#10; width: 9px;&#10; height: 8px;&#10; margin-left: -4px;&#10; border-radius: 50%;&#10; background: var(--bt-panel-acc);&#10;}&#10;.btPanelPanel:hover .btPanelRing {&#10; border-color: var(--bt-panel-front);&#10;}&#10;.btPanelPanel:hover .btPanelOrbit {&#10; transform: rotate(142deg);&#10; transition-delay: 0s;&#10;}&#10;.btPanelName {&#10; margin: 0 0 12px;&#10; font-size: clamp(20px, 1.5vw, 22px);&#10; font-weight: 700;&#10; line-height: 1.45;&#10; letter-spacing: -0.02em;&#10;}&#10;.btPanelTxt2 {&#10; max-width: 14.875em;&#10; margin: 0;&#10; font-size: 16px;&#10; line-height: 1.7;&#10; color: var(--bt-panel-soft);&#10;}&#10;[data-js-bt-panel-reveal] {&#10; transition: opacity 1s cubic-bezier(0.16, 1, 0.3, 1), transform 1.1s cubic-bezier(0.16, 1, 0.3, 1);&#10;}&#10;[data-js-bt-panel-ready="0"] [data-js-bt-panel-reveal] {&#10; opacity: 0;&#10; transform: translateY(26px);&#10; transition: none;&#10;}&#10;[data-js-bt-panel-ready="0"] .btPanelOrbit {&#10; transform: rotate(-220deg);&#10; transition: none;&#10;}&#10;@media (max-width: 892px) {&#10; .btPanelList {&#10; grid-template-columns: repeat(2, minmax(0, 1fr));&#10; }&#10;}&#10;@media (max-width: 486px) {&#10; .btPanelList {&#10; grid-template-columns: 1fr;&#10; }&#10; .btPanelRing {&#10; width: 178px;&#10; }&#10;}&#10;&#10;&#10;&#10;&#10;.btField {&#10; --bt-field-surface: var(--theme-surface, #f4f7ef);&#10; --bt-field-front: var(--theme-txt, #101110);&#10; --bt-field-soft: rgba(16, 18, 17, 0.7);&#10; --bt-field-bar: rgba(16, 16, 14, 0.15);&#10; --bt-field-frame: rgba(17, 15, 16, 0.08);&#10; --bt-field-acc: var(--theme-primary, #ff671e);&#10; position: relative;&#10; box-sizing: border-box;&#10; padding: clamp(92px, 10.5vw, 140px) 20px clamp(78px, 9.5vw, 120px);&#10; background: var(--bt-field-surface);&#10; color: var(--bt-field-front);&#10; font-family: var(--theme-type, 'Noto Sans KR', sans-serif);&#10; word-break: keep-all;&#10;}&#10;.btField[data-js-bt-field-theme="dark"] {&#10; --bt-field-surface: var(--theme-deep, #090d10);&#10; --bt-field-front: #f4f2ec;&#10; --bt-field-soft: rgba(246, 243, 240, 0.7);&#10; --bt-field-bar: rgba(242, 242, 240, 0.18);&#10; --bt-field-frame: rgba(247, 242, 239, 0.09);&#10;}&#10;.btFieldWrap {&#10; max-width: var(--theme-width, 1198px);&#10; margin: 0 auto;&#10;}&#10;.btFieldTtl {&#10; max-width: 20em;&#10; margin: 0 0 clamp(36px, 5.5vw, 80px);&#10; font-family: var(--theme-type-header, var(--theme-type, 'Noto Sans KR', sans-serif));&#10; font-size: clamp(26px, 4vw, 58px);&#10; font-weight: 800;&#10; line-height: 1.2;&#10; letter-spacing: -0.045em;&#10;}&#10;.btFieldSplit {&#10; display: grid;&#10; grid-template-columns: 0.85fr 1.15fr;&#10; gap: clamp(30px, 5vw, 90px);&#10; align-items: start;&#10;}&#10;.btFieldFrame {&#10; aspect-ratio: 4 / 5;&#10; border-radius: var(--theme-corner, 16px);&#10; background: var(--bt-field-frame);&#10; overflow: hidden;&#10;}&#10;.btFieldMedia {&#10; display: block;&#10; width: 100%;&#10; height: 100%;&#10; object-fit: cover;&#10;}&#10;.btFieldItems {&#10; margin: 0;&#10; padding: 0;&#10; list-style: none;&#10; border-bottom: 1px solid var(--bt-field-bar);&#10; counter-reset: ft11n-mv;&#10;}&#10;.btFieldRow {&#10; position: relative;&#10; display: grid;&#10; grid-template-columns: 60px 0.9fr 1.3fr;&#10; gap: clamp(12px, 2vw, 30px);&#10; align-items: baseline;&#10; padding: clamp(22px, 3vw, 34px) 0;&#10; border-top: 1px solid var(--bt-field-bar);&#10; counter-increment: ft11n-mv;&#10;}&#10;.btFieldRow::before {&#10; content: counter(ft11n-mv, decimal-leading-zero);&#10; font-size: 16px;&#10; font-weight: 300;&#10; letter-spacing: 0.06em;&#10; color: var(--bt-field-soft);&#10;}&#10;.btFieldRow::after {&#10; content: '';&#10; position: absolute;&#10; left: 0;&#10; top: -1px;&#10; width: 0;&#10; height: 1px;&#10; background: var(--bt-field-acc);&#10; transition: width 0.55s cubic-bezier(0.16, 1, 0.3, 1);&#10;}&#10;.btFieldRow:hover::after {&#10; width: 100%;&#10;}&#10;.btFieldName {&#10; margin: 0;&#10; font-family: var(--theme-type-header, var(--theme-type, 'Noto Sans KR', sans-serif));&#10; font-size: clamp(18px, 1.6vw, 22px);&#10; font-weight: 800;&#10; line-height: 1.3;&#10; letter-spacing: -0.03em;&#10;}&#10;.btFieldTxt {&#10; margin: 0;&#10; font-size: 16px;&#10; line-height: 1.85;&#10; color: var(--bt-field-soft);&#10;}&#10;[data-js-bt-field-reveal] {&#10; transition: opacity 1.1s cubic-bezier(0.16, 1, 0.3, 1), transform 1.05s cubic-bezier(0.16, 1, 0.3, 1);&#10;}&#10;[data-js-bt-field-ready="0"] [data-js-bt-field-reveal] {&#10; opacity: 0;&#10; transform: translateY(26px);&#10; transition: none;&#10;}&#10;@media (max-width: 856px) {&#10; .btFieldSplit {&#10; grid-template-columns: 1fr;&#10; }&#10; .btFieldFrame {&#10; aspect-ratio: 16 / 10;&#10; }&#10;}&#10;@media (max-width: 598px) {&#10; .btFieldRow {&#10; grid-template-columns: 40px 1fr;&#10; }&#10; .btFieldTxt {&#10; grid-column: 2;&#10; }&#10;}&#10;&#10;&#10;&#10;&#10;.btHall {&#10; --bt-hall-surface: var(--theme-surface, #f5f3ef);&#10; --bt-hall-front: var(--theme-txt, #0e0e12);&#10; --bt-hall-soft: rgba(15, 17, 16, 0.68);&#10; --bt-hall-bar: rgba(18, 19, 20, 0.14);&#10; --bt-hall-ring: rgba(14, 19, 18, 0.3);&#10; --bt-hall-frame: #e4e7da;&#10; --bt-hall-acc: var(--theme-primary, #fc6a1e);&#10; --bt-hall-action-surface: #14110f;&#10; --bt-hall-action-front: #fffdff;&#10; position: relative;&#10; box-sizing: border-box;&#10; padding: clamp(84px, 10vw, 152px) 22px clamp(78px, 10.5vw, 136px);&#10; background: var(--bt-hall-surface);&#10; color: var(--bt-hall-front);&#10; font-family: var(--theme-type, 'Noto Sans KR', sans-serif);&#10; word-break: keep-all;&#10;}&#10;.btHall[data-js-bt-hall-theme="dark"] {&#10; --bt-hall-surface: var(--theme-deep, #0a0e0e);&#10; --bt-hall-front: #f5f4ef;&#10; --bt-hall-soft: rgba(242, 239, 238, 0.7);&#10; --bt-hall-bar: rgba(247, 243, 237, 0.16);&#10; --bt-hall-ring: rgba(245, 241, 236, 0.34);&#10; --bt-hall-frame: #1e1921;&#10; --bt-hall-action-surface: #f6efea;&#10; --bt-hall-action-front: #0f0a0b;&#10;}&#10;.btHallWrap {&#10; display: grid;&#10; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);&#10; gap: clamp(40px, 7vw, 106px);&#10; align-items: center;&#10; max-width: var(--theme-width, 1200px);&#10; margin: 0 auto;&#10;}&#10;.btHallFrame {&#10; position: relative;&#10; margin: 0;&#10; aspect-ratio: 4 / 5;&#10; overflow: hidden;&#10; border-radius: var(--theme-corner, 14px);&#10; background: var(--bt-hall-frame);&#10; transition: opacity 1.15s cubic-bezier(0.16, 1, 0.3, 1);&#10;}&#10;.btHallPhoto {&#10; display: block;&#10; width: 100%;&#10; height: 100%;&#10; object-fit: cover;&#10; transition: transform 1.55s cubic-bezier(0.16, 1, 0.3, 1);&#10;}&#10;.btHallTtl {&#10; max-width: 11.875em;&#10; margin: 0;&#10; font-family: var(--theme-type-header, var(--theme-type, 'Noto Sans KR', sans-serif));&#10; font-size: clamp(28px, 3.6vw, 48px);&#10; font-weight: 800;&#10; line-height: 1.25;&#10; letter-spacing: -0.04em;&#10;}&#10;.btHallTxt {&#10; max-width: 30.5em;&#10; margin: clamp(18px, 2.2vw, 26px) 0 clamp(36px, 4vw, 48px);&#10; font-size: clamp(16px, 1.15vw, 18px);&#10; font-weight: 300;&#10; line-height: 1.85;&#10; color: var(--bt-hall-soft);&#10;}&#10;.btHallItems {&#10; margin: 0;&#10; padding: 0;&#10; list-style: none;&#10; border-top: 1px solid var(--bt-hall-bar);&#10;}&#10;.btHallEl {&#10; display: grid;&#10; grid-template-columns: 30px minmax(0, 1fr);&#10; gap: 20px;&#10; align-items: start;&#10; padding: 22px 0;&#10; border-bottom: 1px solid var(--bt-hall-bar);&#10; transition: opacity 1s cubic-bezier(0.16, 1, 0.3, 1), transform 0.95s cubic-bezier(0.16, 1, 0.3, 1);&#10; transition-delay: var(--bt-hall-d, 0s);&#10;}&#10;.btHallMark {&#10; display: block;&#10; width: 28px;&#10; height: 30px;&#10; overflow: visible;&#10;}&#10;.btHallRing {&#10; fill: none;&#10; stroke: var(--bt-hall-ring);&#10; stroke-width: 1;&#10; transition: stroke 0.3s ease;&#10;}&#10;.btHallEl:hover .btHallRing {&#10; stroke: var(--bt-hall-acc);&#10;}&#10;.btHallTick {&#10; fill: none;&#10; stroke: var(--bt-hall-front);&#10; stroke-width: 1.6;&#10; stroke-linecap: round;&#10; stroke-linejoin: round;&#10; stroke-dasharray: 20;&#10; stroke-dashoffset: 0;&#10; transition: stroke-dashoffset 0.8s cubic-bezier(0.65, 0, 0.35, 1);&#10; transition-delay: calc(var(--bt-hall-d, 0s) + 0.4s);&#10;}&#10;.btHallHeader {&#10; margin: 2px 0 4px;&#10; font-size: 20px;&#10; font-weight: 700;&#10; line-height: 1.45;&#10; letter-spacing: -0.02em;&#10;}&#10;.btHallTxt2 {&#10; margin: 0;&#10; font-size: 16px;&#10; line-height: 1.75;&#10; color: var(--bt-hall-soft);&#10;}&#10;.btHallNext {&#10; display: inline-flex;&#10; align-items: center;&#10; gap: 12px;&#10; margin-top: clamp(32px, 4vw, 48px);&#10; min-height: 50px;&#10; padding: 0 28px;&#10; border-radius: var(--theme-action-corner, 1000px);&#10; background: var(--bt-hall-action-surface);&#10; color: var(--bt-hall-action-front);&#10; font-size: 16px;&#10; font-weight: 700;&#10; text-decoration: none;&#10; transition: transform 0.3s ease, opacity 0.95s cubic-bezier(0.16, 1, 0.3, 1);&#10;}&#10;.btHallNext:hover {&#10; transform: translateY(-2px);&#10;}&#10;.btHallNext:focus-visible {&#10; outline: 2px solid var(--bt-hall-front);&#10; outline-offset: 3px;&#10;}&#10;.btHallChevron {&#10; position: relative;&#10; width: 18px;&#10; height: 1.5px;&#10; background: currentColor;&#10; transition: width 0.3s ease;&#10;}&#10;.btHallChevron::after {&#10; content: '';&#10; position: absolute;&#10; right: 0;&#10; top: -3px;&#10; width: 6px;&#10; height: 6px;&#10; border-top: 1.5px solid currentColor;&#10; border-right: 1.5px solid currentColor;&#10; transform: rotate(45deg);&#10;}&#10;.btHallNext:hover .btHallChevron {&#10; width: 22px;&#10;}&#10;[data-js-bt-hall-reveal] {&#10; transition: opacity 1.1s cubic-bezier(0.16, 1, 0.3, 1), transform 1s cubic-bezier(0.16, 1, 0.3, 1);&#10; transition-delay: var(--bt-hall-d, 0s);&#10;}&#10;[data-js-bt-hall-ready="0"] [data-js-bt-hall-reveal] {&#10; opacity: 0;&#10; transform: translateY(26px);&#10; transition: none;&#10;}&#10;[data-js-bt-hall-ready="0"] .btHallFrame {&#10; opacity: 0;&#10; transition: none;&#10;}&#10;[data-js-bt-hall-ready="0"] .btHallPhoto {&#10; transform: scale(1.08);&#10; transition: none;&#10;}&#10;[data-js-bt-hall-ready="0"] .btHallTick {&#10; stroke-dashoffset: 20;&#10; transition: none;&#10;}&#10;@media (max-width: 794px) {&#10; .btHallWrap {&#10; grid-template-columns: 1fr;&#10; }&#10; .btHallFrame {&#10; aspect-ratio: 4 / 3;&#10; }&#10;}&#10;&#10;&#10;&#10;&#10;.btCell {&#10; --bt-cell-surface: var(--theme-surface, #f6f6ef);&#10; --bt-cell-front: var(--theme-txt, #141114);&#10; --bt-cell-soft: rgba(19, 20, 19, 0.7);&#10; --bt-cell-bar: rgba(15, 18, 18, 0.14);&#10; --bt-cell-acc: var(--theme-primary, #ff671d);&#10; position: relative;&#10; box-sizing: border-box;&#10; padding: clamp(74px, 9vw, 134px) 20px clamp(74px, 8.5vw, 108px);&#10; background: var(--bt-cell-surface);&#10; color: var(--bt-cell-front);&#10; font-family: var(--theme-type, 'Noto Sans KR', sans-serif);&#10; word-break: keep-all;&#10;}&#10;.btCell[data-js-bt-cell-theme="dark"] {&#10; --bt-cell-surface: var(--theme-deep, #0c0b0f);&#10; --bt-cell-front: #f6f0ee;&#10; --bt-cell-soft: rgba(245, 240, 235, 0.7);&#10; --bt-cell-bar: rgba(242, 245, 237, 0.16);&#10;}&#10;.btCellWrap {&#10; display: grid;&#10; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);&#10; gap: clamp(38px, 7vw, 110px);&#10; max-width: var(--theme-width, 1198px);&#10; margin: 0 auto;&#10; align-items: start;&#10;}&#10;.btCellSide {&#10; position: sticky;&#10; top: 116px;&#10;}&#10;.btCellKicker {&#10; display: flex;&#10; align-items: center;&#10; gap: 12px;&#10; margin: 0 0 clamp(22px, 3vw, 30px);&#10; font-size: 14px;&#10; font-weight: 500;&#10; letter-spacing: 0.02em;&#10; color: var(--bt-cell-soft);&#10;}&#10;.btCellPip {&#10; width: 8px;&#10; height: 8px;&#10; border-radius: 50%;&#10; background: var(--bt-cell-acc);&#10; flex-shrink: 0;&#10;}&#10;.btCellTtl {&#10; max-width: 10.875em;&#10; margin: 0;&#10; font-family: var(--theme-type-header, var(--theme-type, 'Noto Sans KR', sans-serif));&#10; font-size: clamp(32px, 3.6vw, 48px);&#10; font-weight: 800;&#10; line-height: 1.1;&#10; letter-spacing: -0.04em;&#10;}&#10;.btCellTxt {&#10; max-width: 25.25em;&#10; margin: clamp(20px, 2.5vw, 26px) 0 0;&#10; font-size: clamp(14px, 1.15vw, 18px);&#10; line-height: 1.75;&#10; color: var(--bt-cell-soft);&#10;}&#10;.btCellItems {&#10; margin: 0;&#10; padding: 0;&#10; list-style: none;&#10; border-bottom: 1px solid var(--bt-cell-bar);&#10;}&#10;.btCellRow {&#10; position: relative;&#10; display: grid;&#10; grid-template-columns: 72px minmax(0, 1fr) auto;&#10; gap: 8px 26px;&#10; align-items: baseline;&#10; padding: clamp(20px, 2.4vw, 32px) 0;&#10; border-top: 1px solid var(--bt-cell-bar);&#10;}&#10;.btCellRow::before {&#10; content: '';&#10; position: absolute;&#10; left: 0;&#10; top: -1px;&#10; width: 100%;&#10; height: 1px;&#10; background: var(--bt-cell-acc);&#10; transform: scaleX(0);&#10; transform-origin: 0 50%;&#10; transition: transform 0.55s cubic-bezier(0.16, 1, 0.3, 1);&#10;}&#10;.btCellRow:hover::before {&#10; transform: scaleX(1);&#10;}&#10;.btCellYear {&#10; font-size: 16px;&#10; font-weight: 300;&#10; letter-spacing: 0.04em;&#10; font-variant-numeric: tabular-nums;&#10; color: var(--bt-cell-soft);&#10;}&#10;.btCellName {&#10; margin: 0;&#10; font-size: clamp(18px, 1.5vw, 22px);&#10; font-weight: 700;&#10; line-height: 1.4;&#10; letter-spacing: -0.02em;&#10;}&#10;.btCellIssuer {&#10; font-size: 14px;&#10; line-height: 1.5;&#10; text-align: right;&#10; color: var(--bt-cell-soft);&#10;}&#10;[data-js-bt-cell-reveal] {&#10; transition: opacity 1.05s cubic-bezier(0.16, 1, 0.3, 1), transform 0.95s cubic-bezier(0.16, 1, 0.3, 1);&#10;}&#10;[data-js-bt-cell-ready="0"] [data-js-bt-cell-reveal] {&#10; opacity: 0;&#10; transform: translateY(24px);&#10; transition: none;&#10;}&#10;@media (max-width: 838px) {&#10; .btCellWrap {&#10; grid-template-columns: 1fr;&#10; }&#10; .btCellSide {&#10; position: static;&#10; }&#10;}&#10;@media (max-width: 600px) {&#10; .btCellRow {&#10; grid-template-columns: 56px minmax(0, 1fr);&#10; }&#10; .btCellIssuer {&#10; grid-column: 2;&#10; text-align: left;&#10; }&#10;}&#10;&#10;&#10;&#10;&#10;.btNote {&#10; --bt-note-surface: var(--theme-surface, #f6f2ef);&#10; --bt-note-front: var(--theme-txt, #131011);&#10; --bt-note-soft: rgba(15, 20, 19, 0.7);&#10; --bt-note-bar: rgba(14, 17, 19, 0.15);&#10; --bt-note-acc: var(--theme-primary, #ff6b22);&#10; --bt-note-bar-surface: #0f1210;&#10; --bt-note-bar-front: #f7f2f0;&#10; --bt-note-action-surface: #f5f0eb;&#10; --bt-note-action-front: #12130f;&#10; position: relative;&#10; box-sizing: border-box;&#10; padding: clamp(72px, 9vw, 122px) 18px clamp(60px, 8vw, 104px);&#10; background: var(--bt-note-surface);&#10; color: var(--bt-note-front);&#10; font-family: var(--theme-type, 'Noto Sans KR', sans-serif);&#10; word-break: keep-all;&#10;}&#10;.btNote[data-js-bt-note-theme="dark"] {&#10; --bt-note-surface: var(--theme-deep, #0f0b0c);&#10; --bt-note-front: #f6f2ea;&#10; --bt-note-soft: rgba(244, 240, 239, 0.7);&#10; --bt-note-bar: rgba(241, 240, 236, 0.17);&#10; --bt-note-bar-surface: #f5f3ed;&#10; --bt-note-bar-front: #100f13;&#10; --bt-note-action-surface: #11120e;&#10; --bt-note-action-front: #f5f0f0;&#10;}&#10;.btNoteWrap {&#10; max-width: var(--theme-width, 1286px);&#10; margin: 0 auto;&#10;}&#10;.btNoteItems {&#10; display: grid;&#10; grid-template-columns: repeat(3, 1fr);&#10; margin: 0 0 clamp(44px, 6vw, 74px);&#10; padding: 0;&#10; list-style: none;&#10; counter-reset: ct09n-anim;&#10;}&#10;.btNoteEl {&#10; counter-increment: ct09n-anim;&#10; padding: 0 clamp(18px, 3vw, 48px);&#10; border-left: 1px solid var(--bt-note-bar);&#10;}&#10;.btNoteMark {&#10; display: flex;&#10; align-items: center;&#10; gap: 12px;&#10; margin: 0 0 clamp(20px, 2.6vw, 30px);&#10; font-size: 14px;&#10; font-weight: 300;&#10; letter-spacing: 0.08em;&#10; color: var(--bt-note-soft);&#10;}&#10;.btNoteMark::before {&#10; content: counter(ct09n-anim, decimal-leading-zero);&#10;}&#10;.btNoteMark::after {&#10; content: '';&#10; width: 20px;&#10; height: 1px;&#10; background: var(--bt-note-acc);&#10;}&#10;.btNoteElHeader {&#10; margin: 0 0 10px;&#10; font-size: clamp(20px, 1.6vw, 20px);&#10; font-weight: 700;&#10; letter-spacing: -0.02em;&#10;}&#10;.btNoteElTxt {&#10; margin: 0;&#10; font-size: 16px;&#10; line-height: 1.75;&#10; color: var(--bt-note-soft);&#10;}&#10;.btNoteBar {&#10; display: flex;&#10; flex-wrap: wrap;&#10; align-items: center;&#10; justify-content: space-between;&#10; gap: 28px 46px;&#10; padding: clamp(34px, 5vw, 64px) clamp(24px, 5vw, 78px);&#10; border-radius: calc(var(--theme-corner, 14px) + 6px);&#10; background: var(--bt-note-bar-surface);&#10; color: var(--bt-note-bar-front);&#10;}&#10;.btNoteTtl {&#10; max-width: 14.75em;&#10; margin: 0;&#10; font-family: var(--theme-type-header, var(--theme-type, 'Noto Sans KR', sans-serif));&#10; font-size: clamp(28px, 3.2vw, 46px);&#10; font-weight: 800;&#10; line-height: 1.25;&#10; letter-spacing: -0.035em;&#10;}&#10;.btNoteGo {&#10; display: inline-flex;&#10; align-items: center;&#10; gap: 14px;&#10; min-height: 56px;&#10; padding: 0 28px;&#10; box-sizing: border-box;&#10; border-radius: var(--theme-action-corner, 1076px);&#10; background: var(--bt-note-action-surface);&#10; color: var(--bt-note-action-front);&#10; font-size: 14px;&#10; font-weight: 700;&#10; text-decoration: none;&#10; white-space: nowrap;&#10; transition: transform 0.3s ease;&#10;}&#10;.btNoteGo:hover {&#10; transform: translateY(-2px);&#10;}&#10;.btNoteGo:focus-visible {&#10; outline: 2px solid var(--bt-note-action-surface);&#10; outline-offset: 3px;&#10;}&#10;.btNoteChevron {&#10; position: relative;&#10; width: 16px;&#10; height: 1.5px;&#10; background: currentColor;&#10; transition: width 0.25s ease;&#10;}&#10;.btNoteChevron::after {&#10; content: '';&#10; position: absolute;&#10; right: 0;&#10; top: -3px;&#10; width: 7px;&#10; height: 6px;&#10; border-top: 1.5px solid currentColor;&#10; border-right: 1.5px solid currentColor;&#10; transform: rotate(45deg);&#10;}&#10;.btNoteGo:hover .btNoteChevron {&#10; width: 24px;&#10;}&#10;[data-js-bt-note-reveal] {&#10; transition: opacity 1s cubic-bezier(0.16, 1, 0.3, 1), transform 0.95s cubic-bezier(0.16, 1, 0.3, 1);&#10;}&#10;[data-js-bt-note-ready="0"] [data-js-bt-note-reveal] {&#10; opacity: 0;&#10; transform: translateY(28px);&#10; transition: none;&#10;}&#10;@media (max-width: 720px) {&#10; .btNoteItems {&#10; grid-template-columns: 1fr;&#10; gap: 32px;&#10; }&#10; .btNoteEl {&#10; padding: 0 0 0 22px;&#10; }&#10;}&#10;@media (max-width: 588px) {&#10; .btNoteGo {&#10; width: 100%;&#10; justify-content: center;&#10; }&#10;}&#10;&#10;&lt;/style&gt;&#10;&#10;&lt;section class="btCore" data-js-bt-core="" data-js-bt-core-theme="light"&gt;&#10;&lt;div class="btCoreWrap"&gt;&#10;&lt;div class="btCoreList"&gt;&#10;&lt;h1 class="btCoreTtl btHeroTtl" data-js-bt-core-reveal=""&gt;일하는 순서와 넘어가는 기준&lt;/h1&gt;&#10;&lt;div aria-hidden="true" class="btCoreSplit"&gt;&lt;/div&gt;&#10;&lt;div class="btCoreSide"&gt;&#10;&lt;p class="btCoreTxt btTxt" data-js-bt-core-reveal=""&gt;첫 통화에서 재점검까지, 단계마다 무엇을 하고 무엇을 확인하는지 차례로 소개합니다.&lt;/p&gt;&#10;&lt;p class="btCoreExtra" data-js-bt-core-reveal=""&gt;단계 중간에 생긴 질문은 아래 문의 안내로 보내 주세요.&lt;/p&gt;&#10;&lt;ul class="btCoreSub" data-js-bt-core-reveal=""&gt;&#10;&lt;li&gt;상담&lt;/li&gt;&#10;&lt;li&gt;설계&lt;/li&gt;&#10;&lt;li&gt;실행&lt;/li&gt;&#10;&lt;li&gt;점검&lt;/li&gt;&#10;&lt;/ul&gt;&#10;&lt;/div&gt;&#10;&lt;/div&gt;&#10;&lt;/div&gt;&#10;&lt;script&gt;&#10; (function () {&#10; var N = {"root": "data-js-bt-core", "tone": "data-js-bt-core-theme", "state": "data-js-bt-core-ready", "item": "data-js-bt-core-reveal"};&#10; var s = document.currentScript;&#10; var R = s &amp;&amp; s.closest('[' + N.root + ']');&#10; if (!R) { return; }&#10; var items = R.querySelectorAll('[' + N.item + ']');&#10; // 시간차는 현재 DOM 순서로 매김&#10; for (var i = 0; i &lt; items.length; i++) {&#10; items[i].style.transitionDelay = (0.05 + i * 0.12) + 's, ' + (0.05 + i * 0.12) + 's';&#10; }&#10; var show = function () { R.setAttribute(N.state, '1'); };&#10; if (!('IntersectionObserver' in window)) { return; }&#10; // 처음 화면에 이미 보이는 섹션은 숨기지 않는다(2026-10-27): 가장 큰 글(LCP)이 등장 지연만큼 늦게 잡혀 PageSpeed 모바일 80점대&#10; if (R.getBoundingClientRect().top &gt;= window.innerHeight) { R.setAttribute(N.state, '0'); }&#10; var io = new IntersectionObserver(function (es) {&#10; if (es[0].isIntersecting) {&#10; io.disconnect();&#10; requestAnimationFrame(function () { requestAnimationFrame(show); });&#10; }&#10; }, { threshold: 0.15 });&#10; io.observe(R);&#10; })();&#10; &lt;/script&gt;&#10;&lt;/section&gt;</description></item><item><title>콘텐츠전략으로 웹사이트상위노출 설계 - 웹마케팅AI</title><link>https://webmarketing.ai.kr/%EC%BD%98%ED%85%90%EC%B8%A0%EC%A0%84%EB%9E%B5.html</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://webmarketing.ai.kr/%EC%BD%98%ED%85%90%EC%B8%A0%EC%A0%84%EB%9E%B5.html</guid><description>&lt;style&gt;&#10;&#10;&#10;.btFolio {&#10; --bt-folio-surface: var(--theme-surface, #f6f4f4);&#10; --bt-folio-front: var(--theme-txt, #121410);&#10; --bt-folio-soft: rgba(15, 18, 16, 0.7);&#10; --bt-folio-bar: rgba(20, 17, 20, 0.16);&#10; --bt-folio-acc: var(--theme-primary, #ff6a1c);&#10; position: relative;&#10; box-sizing: border-box;&#10; padding: clamp(162px, 15vw, 218px) 20px clamp(52px, 7vw, 100px);&#10; background: var(--bt-folio-surface);&#10; color: var(--bt-folio-front);&#10; font-family: var(--theme-type, 'Noto Sans KR', sans-serif);&#10; word-break: keep-all;&#10;}&#10;.btFolio[data-js-bt-folio-theme="dark"] {&#10; --bt-folio-surface: var(--theme-deep, #0a0a0c);&#10; --bt-folio-front: #f3f2ea;&#10; --bt-folio-soft: rgba(245, 240, 235, 0.7);&#10; --bt-folio-bar: rgba(245, 244, 235, 0.18);&#10;}&#10;.btFolioWrap {&#10; max-width: var(--theme-width, 1218px);&#10; margin: 0 auto;&#10;}&#10;.btFolioKicker {&#10; display: flex;&#10; align-items: center;&#10; gap: 12px;&#10; margin: 0 0 clamp(22px, 3vw, 34px);&#10; font-size: 14px;&#10; font-weight: 500;&#10; letter-spacing: 0.02em;&#10; color: var(--bt-folio-soft);&#10;}&#10;.btFolioPip {&#10; width: 8px;&#10; height: 7px;&#10; border-radius: 50%;&#10; background: var(--bt-folio-acc);&#10; flex-shrink: 0;&#10;}&#10;.btFolioTtl {&#10; max-width: 14.875em;&#10; margin: 0;&#10; font-family: var(--theme-type-header, var(--theme-type, 'Noto Sans KR', sans-serif));&#10; font-size: clamp(38px, 7vw, 104px);&#10; font-weight: 900;&#10; line-height: 1.1;&#10; letter-spacing: -0.045em;&#10;}&#10;.btFolioLine {&#10; position: relative;&#10; height: 1px;&#10; margin: clamp(44px, 6vw, 76px) 0 clamp(28px, 3.4vw, 48px);&#10; background: var(--bt-folio-bar);&#10; overflow: hidden;&#10;}&#10;.btFolioLineBar {&#10; position: absolute;&#10; left: 0;&#10; top: 0;&#10; width: clamp(84px, 16vw, 234px);&#10; height: 1px;&#10; background: var(--bt-folio-acc);&#10; transform-origin: 0 50%;&#10; transition: transform 1.3s cubic-bezier(0.16, 1, 0.3, 1) 0.5s;&#10;}&#10;.btFolioRow {&#10; display: grid;&#10; grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr) minmax(0, 1fr);&#10; gap: clamp(22px, 4vw, 70px);&#10; align-items: start;&#10;}&#10;.btFolioTxt {&#10; max-width: 35.125em;&#10; margin: 0;&#10; font-size: clamp(16px, 1.3vw, 20px);&#10; font-weight: 300;&#10; line-height: 1.85;&#10; color: var(--bt-folio-soft);&#10;}&#10;.btFolioNote {&#10; display: flex;&#10; flex-direction: column;&#10; gap: 8px;&#10; padding-top: 4px;&#10;}&#10;.btFolioNoteHeader {&#10; margin: 0;&#10; font-size: 12px;&#10; font-weight: 500;&#10; letter-spacing: 0.04em;&#10; color: var(--bt-folio-soft);&#10;}&#10;.btFolioNoteTxt {&#10; margin: 0;&#10; font-size: 16px;&#10; font-weight: 700;&#10; line-height: 1.5;&#10; letter-spacing: -0.01em;&#10;}&#10;[data-js-bt-folio-reveal] {&#10; transition: opacity 1.05s cubic-bezier(0.16, 1, 0.3, 1), transform 1s cubic-bezier(0.16, 1, 0.3, 1);&#10;}&#10;[data-js-bt-folio-ready="0"] [data-js-bt-folio-reveal] {&#10; opacity: 0;&#10; transform: translateY(28px);&#10; transition: none;&#10;}&#10;[data-js-bt-folio-ready="0"] .btFolioLineBar {&#10; transform: scaleX(0);&#10; transition: none;&#10;}&#10;@media (max-width: 890px) {&#10; .btFolioRow {&#10; grid-template-columns: 1fr 1fr;&#10; }&#10; .btFolioTxt {&#10; grid-column: 1 / -1;&#10; }&#10;}&#10;@media (max-width: 438px) {&#10; .btFolioRow {&#10; grid-template-columns: 1fr;&#10; }&#10;}&#10;&#10;&#10;&#10;&#10;.btFold {&#10; --bt-fold-surface: var(--theme-surface, #f9f8ee);&#10; --bt-fold-front: var(--theme-txt, #0f1013);&#10; --bt-fold-soft: rgba(20, 16, 15, 0.7);&#10; --bt-fold-bar: rgba(19, 17, 14, 0.14);&#10; --bt-fold-frame: rgba(18, 18, 17, 0.07);&#10; --bt-fold-acc: var(--theme-primary, #ff6b1e);&#10; position: relative;&#10; box-sizing: border-box;&#10; padding: clamp(72px, 10.5vw, 136px) 20px clamp(86px, 9.5vw, 130px);&#10; background: var(--bt-fold-surface);&#10; color: var(--bt-fold-front);&#10; font-family: var(--theme-type, 'Noto Sans KR', sans-serif);&#10; word-break: keep-all;&#10;}&#10;.btFold[data-js-bt-fold-theme="dark"] {&#10; --bt-fold-surface: var(--theme-deep, #0f090b);&#10; --bt-fold-front: #f1f1ee;&#10; --bt-fold-soft: rgba(243, 240, 239, 0.7);&#10; --bt-fold-bar: rgba(244, 243, 234, 0.16);&#10; --bt-fold-frame: rgba(245, 240, 240, 0.07);&#10;}&#10;.btFoldWrap {&#10; max-width: var(--theme-width, 1202px);&#10; margin: 0 auto;&#10; display: grid;&#10; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);&#10; gap: clamp(38px, 7vw, 114px);&#10; align-items: center;&#10;}&#10;.btFoldVisual {&#10; position: relative;&#10; margin: 0;&#10;}&#10;.btFoldFrame {&#10; position: relative;&#10; aspect-ratio: 1 / 1;&#10; border-radius: var(--theme-corner, 14px);&#10; background: var(--bt-fold-frame);&#10; overflow: hidden;&#10;}&#10;.btFoldMedia {&#10; display: block;&#10; width: 100%;&#10; height: 100%;&#10; object-fit: cover;&#10;}&#10;.btFoldBar {&#10; display: block;&#10; width: 38%;&#10; height: 2px;&#10; margin-top: 16px;&#10; background: var(--bt-fold-acc);&#10; transform-origin: 0 50%;&#10; transition: transform 1.4s cubic-bezier(0.16, 1, 0.3, 1) 0.6s;&#10;}&#10;.btFoldTtl {&#10; max-width: 15.25em;&#10; margin: 0 0 clamp(20px, 2.4vw, 28px);&#10; font-family: var(--theme-type-header, var(--theme-type, 'Noto Sans KR', sans-serif));&#10; font-size: clamp(28px, 3.8vw, 54px);&#10; font-weight: 800;&#10; line-height: 1.2;&#10; letter-spacing: -0.04em;&#10;}&#10;.btFoldTxt {&#10; max-width: 33.125em;&#10; margin: 0 0 clamp(32px, 4vw, 48px);&#10; font-size: clamp(14px, 1.15vw, 16px);&#10; line-height: 1.8;&#10; color: var(--bt-fold-soft);&#10;}&#10;.btFoldItems {&#10; list-style: none;&#10; margin: 0;&#10; padding: 0;&#10; border-top: 1px solid var(--bt-fold-bar);&#10;}&#10;.btFoldEl {&#10; display: flex;&#10; align-items: center;&#10; gap: 18px;&#10; padding: 22px 0;&#10; border-bottom: 1px solid var(--bt-fold-bar);&#10; font-size: clamp(16px, 1.2vw, 16px);&#10; font-weight: 500;&#10; line-height: 1.65;&#10; letter-spacing: -0.01em;&#10;}&#10;.btFoldMark {&#10; flex-shrink: 0;&#10; width: 32px;&#10; height: 34px;&#10;}&#10;.btFoldRing {&#10; fill: none;&#10; stroke: var(--bt-fold-bar);&#10; stroke-width: 1.5;&#10;}&#10;.btFoldTick {&#10; fill: none;&#10; stroke: var(--bt-fold-acc);&#10; stroke-width: 1.8;&#10; stroke-linecap: round;&#10; stroke-linejoin: round;&#10; stroke-dasharray: 1;&#10; stroke-dashoffset: 0;&#10; transition: stroke-dashoffset 0.95s cubic-bezier(0.16, 1, 0.3, 1);&#10; transition-delay: inherit;&#10;}&#10;[data-js-bt-fold-reveal] {&#10; transition: opacity 1s cubic-bezier(0.16, 1, 0.3, 1), transform 1s cubic-bezier(0.16, 1, 0.3, 1);&#10;}&#10;[data-js-bt-fold-ready="0"] [data-js-bt-fold-reveal] {&#10; opacity: 0;&#10; transform: translateY(28px);&#10; transition: none;&#10;}&#10;[data-js-bt-fold-ready="0"] .btFoldTick {&#10; stroke-dashoffset: 1;&#10; transition: none;&#10;}&#10;[data-js-bt-fold-ready="0"] .btFoldBar {&#10; transform: scaleX(0);&#10; transition: none;&#10;}&#10;@media (max-width: 926px) {&#10; .btFoldWrap {&#10; grid-template-columns: 1fr;&#10; }&#10; .btFoldFrame {&#10; aspect-ratio: 4 / 3;&#10; }&#10;}&#10;&#10;&#10;&#10;&#10;.btBoard {&#10; --bt-board-surface: var(--theme-surface, #f4f7ef);&#10; --bt-board-front: var(--theme-txt, #101110);&#10; --bt-board-soft: rgba(20, 16, 18, 0.68);&#10; --bt-board-bar: rgba(18, 19, 20, 0.14);&#10; --bt-board-frame: rgba(17, 14, 16, 0.07);&#10; --bt-board-acc: var(--theme-primary, #ff671e);&#10; position: relative;&#10; box-sizing: border-box;&#10; padding: clamp(80px, 11.5vw, 174px) 22px clamp(80px, 9vw, 120px);&#10; background: var(--bt-board-surface);&#10; color: var(--bt-board-front);&#10; font-family: var(--theme-type, 'Noto Sans KR', sans-serif);&#10; word-break: keep-all;&#10;}&#10;.btBoard[data-js-bt-board-theme="dark"] {&#10; --bt-board-surface: var(--theme-deep, #090d10);&#10; --bt-board-front: #f4f2ec;&#10; --bt-board-soft: rgba(242, 240, 235, 0.68);&#10; --bt-board-bar: rgba(241, 243, 236, 0.16);&#10; --bt-board-frame: rgba(246, 244, 237, 0.08);&#10;}&#10;.btBoardWrap {&#10; max-width: var(--theme-width, 1140px);&#10; margin: 0 auto;&#10;}&#10;.btBoardTop {&#10; max-width: 778px;&#10; margin: 0 auto;&#10; text-align: center;&#10;}&#10;.btBoardKicker {&#10; margin: 0 0 20px;&#10; font-size: 14px;&#10; font-weight: 500;&#10; letter-spacing: 0.04em;&#10; color: var(--bt-board-soft);&#10;}&#10;.btBoardTtl {&#10; margin: 0;&#10; font-family: var(--theme-type-header, var(--theme-type, 'Noto Sans KR', sans-serif));&#10; font-size: clamp(32px, 4.4vw, 56px);&#10; font-weight: 800;&#10; line-height: 1.15;&#10; letter-spacing: -0.042em;&#10;}&#10;.btBoardTxt {&#10; max-width: 31.125em;&#10; margin: 22px auto 0;&#10; font-size: clamp(16px, 1.15vw, 18px);&#10; line-height: 1.85;&#10; color: var(--bt-board-soft);&#10;}&#10;.btBoardPairs {&#10; margin-top: clamp(62px, 7vw, 108px);&#10; border-top: 1px solid var(--bt-board-bar);&#10;}&#10;.btBoardPair {&#10; display: grid;&#10; grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.6fr);&#10; gap: clamp(30px, 5vw, 82px);&#10; align-items: start;&#10; padding: clamp(36px, 5.5vw, 80px) 0;&#10; border-bottom: 1px solid var(--bt-board-bar);&#10;}&#10;.btBoardStory {&#10; display: flex;&#10; flex-direction: column;&#10;}&#10;.btBoardName {&#10; margin: 0;&#10; font-size: clamp(22px, 2vw, 28px);&#10; font-weight: 700;&#10; line-height: 1.25;&#10; letter-spacing: -0.03em;&#10;}&#10;.btBoardStep {&#10; margin: clamp(22px, 2.6vw, 32px) 0 0;&#10; padding-top: 16px;&#10; border-top: 1px solid var(--bt-board-bar);&#10;}&#10;.btBoardStepHeader {&#10; margin: 0;&#10; font-size: 14px;&#10; font-weight: 700;&#10; letter-spacing: 0.04em;&#10;}&#10;.btBoardStepTxt {&#10; margin: 8px 0 0;&#10; font-size: 16px;&#10; line-height: 1.8;&#10; color: var(--bt-board-soft);&#10;}&#10;.btBoardViews {&#10; display: grid;&#10; grid-template-columns: minmax(0, 1fr) 54px minmax(0, 1fr);&#10; align-items: center;&#10;}&#10;.btBoardView {&#10; margin: 0;&#10; transition-delay: inherit;&#10;}&#10;.btBoardFrame {&#10; overflow: hidden;&#10; aspect-ratio: 4 / 5;&#10; border-radius: var(--theme-corner, 14px);&#10; background: var(--bt-board-frame);&#10; clip-path: inset(0 0 0 0);&#10; transition: clip-path 1.2s cubic-bezier(0.16, 1, 0.3, 1);&#10; transition-delay: inherit;&#10;}&#10;.btBoardAfter .btBoardFrame {&#10; transition-delay: 0.35s;&#10;}&#10;.btBoardMedia {&#10; display: block;&#10; width: 100%;&#10; height: 100%;&#10; object-fit: cover;&#10;}&#10;.btBoardBefore .btBoardMedia {&#10; filter: grayscale(1);&#10; opacity: 0.85;&#10;}&#10;.btBoardWhen {&#10; display: block;&#10; margin-top: 16px;&#10; font-size: 14px;&#10; font-weight: 600;&#10; letter-spacing: 0.04em;&#10; color: var(--bt-board-soft);&#10;}&#10;.btBoardLnk {&#10; position: relative;&#10; height: 1px;&#10; margin: 0 12px 30px;&#10; background: var(--bt-board-bar);&#10; overflow: hidden;&#10;}&#10;.btBoardLnkBar {&#10; position: absolute;&#10; inset: 0;&#10; background: var(--bt-board-acc);&#10; transform-origin: 0 50%;&#10; transition: transform 0.95s cubic-bezier(0.16, 1, 0.3, 1) 0.3s;&#10;}&#10;[data-js-bt-board-reveal] {&#10; transition: opacity 0.95s cubic-bezier(0.16, 1, 0.3, 1), transform 1s cubic-bezier(0.16, 1, 0.3, 1);&#10;}&#10;[data-js-bt-board-ready="0"] [data-js-bt-board-reveal] {&#10; opacity: 0;&#10; transform: translateY(30px);&#10; transition: none;&#10;}&#10;[data-js-bt-board-ready="0"] .btBoardBefore .btBoardFrame {&#10; clip-path: inset(0 100% 0 0);&#10; transition: none;&#10;}&#10;[data-js-bt-board-ready="0"] .btBoardAfter .btBoardFrame {&#10; clip-path: inset(0 0 0 100%);&#10; transition: none;&#10;}&#10;[data-js-bt-board-ready="0"] .btBoardLnkBar {&#10; transform: scaleX(0);&#10; transition: none;&#10;}&#10;@media (max-width: 872px) {&#10; .btBoardPair {&#10; grid-template-columns: 1fr;&#10; }&#10;}&#10;@media (max-width: 496px) {&#10; .btBoardViews {&#10; grid-template-columns: minmax(0, 1fr) 26px minmax(0, 1fr);&#10; }&#10; .btBoardLnk {&#10; margin: 0 6px 32px;&#10; }&#10;}&#10;&#10;&#10;&#10;&#10;.btFrame {&#10; --bt-frame-surface: var(--theme-surface, #f5f3ef);&#10; --bt-frame-front: var(--theme-txt, #0e0e12);&#10; --bt-frame-soft: rgba(15, 15, 14, 0.68);&#10; --bt-frame-bar: rgba(15, 14, 19, 0.14);&#10; --bt-frame-acc: var(--theme-primary, #fc6d1c);&#10; position: relative;&#10; box-sizing: border-box;&#10; padding: clamp(86px, 12vw, 160px) 22px clamp(80px, 10vw, 128px);&#10; background: var(--bt-frame-surface);&#10; color: var(--bt-frame-front);&#10; font-family: var(--theme-type, 'Noto Sans KR', sans-serif);&#10; word-break: keep-all;&#10;}&#10;.btFrame[data-js-bt-frame-theme="dark"] {&#10; --bt-frame-surface: var(--theme-deep, #090c0d);&#10; --bt-frame-front: #f7f2eb;&#10; --bt-frame-soft: rgba(243, 243, 237, 0.7);&#10; --bt-frame-bar: rgba(243, 241, 234, 0.16);&#10;}&#10;.btFrameWrap {&#10; max-width: var(--theme-width, 1106px);&#10; margin: 0 auto;&#10;}&#10;.btFrameKicker {&#10; display: flex;&#10; align-items: center;&#10; gap: 14px;&#10; margin: 0 0 clamp(26px, 3vw, 36px);&#10; font-size: 16px;&#10; font-weight: 500;&#10; letter-spacing: 0.02em;&#10; color: var(--bt-frame-soft);&#10;}&#10;.btFrameBar {&#10; width: 30px;&#10; height: 1px;&#10; background: var(--bt-frame-acc);&#10; flex-shrink: 0;&#10;}&#10;.btFrameTtl {&#10; max-width: 16.5em;&#10; margin: 0 0 clamp(68px, 9vw, 124px);&#10; font-family: var(--theme-type-header, var(--theme-type, 'Noto Sans KR', sans-serif));&#10; font-size: clamp(32px, 4.6vw, 66px);&#10; font-weight: 800;&#10; line-height: 1.2;&#10; letter-spacing: -0.045em;&#10;}&#10;.btFrameItems {&#10; display: grid;&#10; grid-template-columns: repeat(3, minmax(0, 1fr));&#10; gap: 0;&#10; margin: 0;&#10; padding: 0;&#10; list-style: none;&#10; counter-reset: wy02n-kf;&#10;}&#10;.btFrameEl {&#10; position: relative;&#10; counter-increment: wy02n-kf;&#10; padding: 0 clamp(22px, 3vw, 44px) 0 clamp(22px, 2.6vw, 42px);&#10; border-left: 1px solid var(--bt-frame-bar);&#10;}&#10;.btFrameIndex {&#10; display: block;&#10; margin: 0 0 clamp(28px, 3.6vw, 52px);&#10; font-size: clamp(80px, 11.5vw, 176px);&#10; font-weight: 200;&#10; line-height: 0.85;&#10; letter-spacing: -0.07em;&#10; font-variant-numeric: tabular-nums;&#10; transition: transform 1.15s cubic-bezier(0.16, 1, 0.3, 1);&#10;}&#10;.btFrameIndex::before {&#10; content: counter(wy02n-kf, decimal-leading-zero);&#10;}&#10;.btFrameMark {&#10; position: absolute;&#10; left: -1px;&#10; top: 0;&#10; width: 1px;&#10; height: clamp(56px, 8vw, 112px);&#10; background: var(--bt-frame-acc);&#10; transform-origin: 50% 0;&#10; transition: transform 1.25s cubic-bezier(0.16, 1, 0.3, 1);&#10;}&#10;.btFrameHeader {&#10; margin: 0 0 14px;&#10; font-size: clamp(18px, 1.7vw, 24px);&#10; font-weight: 800;&#10; line-height: 1.35;&#10; letter-spacing: -0.03em;&#10;}&#10;.btFrameTxt {&#10; max-width: 22.125em;&#10; margin: 0;&#10; font-size: 14px;&#10; font-weight: 400;&#10; line-height: 1.9;&#10; color: var(--bt-frame-soft);&#10;}&#10;.btFrameEl:hover .btFrameIndex {&#10; transform: translateX(7px);&#10;}&#10;[data-js-bt-frame-reveal] {&#10; transition: opacity 1.05s cubic-bezier(0.16, 1, 0.3, 1), transform 1.2s cubic-bezier(0.16, 1, 0.3, 1);&#10;}&#10;[data-js-bt-frame-ready="0"] [data-js-bt-frame-reveal] {&#10; opacity: 0;&#10; transform: translateY(32px);&#10; transition: none;&#10;}&#10;[data-js-bt-frame-ready="0"] .btFrameMark {&#10; transform: scaleY(0);&#10; transition: none;&#10;}&#10;@media (max-width: 896px) {&#10; .btFrameItems {&#10; grid-template-columns: 1fr;&#10; gap: clamp(52px, 10vw, 74px);&#10; }&#10; .btFrameEl {&#10; display: grid;&#10; grid-template-columns: auto minmax(0, 1fr);&#10; column-gap: 24px;&#10; align-items: start;&#10; padding: 0 0 0 22px;&#10; }&#10; .btFrameIndex {&#10; grid-row: span 2;&#10; margin: 0;&#10; font-size: clamp(62px, 17vw, 100px);&#10; }&#10; .btFrameMark {&#10; height: 46px;&#10; }&#10;}&#10;&#10;&#10;&#10;&#10;.btSpan {&#10; --bt-span-surface: var(--theme-surface, #f7f3f4);&#10; --bt-span-front: var(--theme-txt, #0f1311);&#10; --bt-span-soft: rgba(17, 15, 16, 0.7);&#10; --bt-span-bar: rgba(19, 18, 20, 0.15);&#10; --bt-span-acc: var(--theme-primary, #ff6c21);&#10; position: relative;&#10; box-sizing: border-box;&#10; padding: clamp(92px, 12vw, 154px) 20px clamp(70px, 9vw, 128px);&#10; overflow: hidden;&#10; background: var(--bt-span-surface);&#10; color: var(--bt-span-front);&#10; font-family: var(--theme-type, 'Noto Sans KR', sans-serif);&#10; word-break: keep-all;&#10; overflow-wrap: anywhere;&#10;}&#10;.btSpan[data-js-bt-span-theme="dark"] {&#10; --bt-span-surface: var(--theme-deep, #0f0a11);&#10; --bt-span-front: #f6efea;&#10; --bt-span-soft: rgba(242, 242, 240, 0.7);&#10; --bt-span-bar: rgba(247, 242, 239, 0.17);&#10;}&#10;.btSpanWrap {&#10; max-width: var(--theme-width, 1180px);&#10; margin: 0 auto;&#10;}&#10;.btSpanTtl {&#10; max-width: 15.5em;&#10; margin: 0;&#10; font-family: var(--theme-type-header, var(--theme-type, 'Noto Sans KR', sans-serif));&#10; font-size: clamp(22px, 2.4vw, 34px);&#10; font-weight: 700;&#10; line-height: 1.3;&#10; letter-spacing: -0.03em;&#10;}&#10;.btSpanFigure {&#10; margin: clamp(28px, 4vw, 62px) 0 0;&#10;}&#10;.btSpanBig {&#10; margin: 0 0 0 -0.04em;&#10; font-family: var(--theme-type-header, var(--theme-type, 'Noto Sans KR', sans-serif));&#10; font-size: clamp(64px, 18vw, 274px);&#10; font-weight: 800;&#10; line-height: 0.9;&#10; letter-spacing: -0.055em;&#10; font-variant-numeric: tabular-nums;&#10; white-space: nowrap;&#10;}&#10;.btSpanLine {&#10; position: relative;&#10; height: 1px;&#10; margin-top: clamp(26px, 3vw, 42px);&#10; background: var(--bt-span-bar);&#10;}&#10;.btSpanBar {&#10; position: absolute;&#10; left: 0;&#10; top: -1px;&#10; width: 100%;&#10; height: 3px;&#10; background: var(--bt-span-acc);&#10; transform-origin: 0 50%;&#10; transform: scaleX(var(--bt-span-p, 0.25));&#10; transition: transform 1.9s cubic-bezier(0.16, 1, 0.3, 1) 0.55s;&#10;}&#10;.btSpanFoot {&#10; display: grid;&#10; grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.2fr) minmax(0, 1fr);&#10; gap: clamp(26px, 4vw, 78px);&#10; align-items: start;&#10; margin-top: clamp(26px, 3.4vw, 52px);&#10;}&#10;.btSpanCap {&#10; display: flex;&#10; align-items: baseline;&#10; gap: 10px;&#10; margin: 0;&#10; font-size: clamp(18px, 1.3vw, 20px);&#10; font-weight: 700;&#10; line-height: 1.5;&#10; letter-spacing: -0.01em;&#10;}&#10;.btSpanPip {&#10; width: 7px;&#10; height: 7px;&#10; border-radius: 50%;&#10; background: var(--bt-span-acc);&#10; flex-shrink: 0;&#10; transform: translateY(-2px);&#10;}&#10;.btSpanTxt {&#10; max-width: 27.25em;&#10; margin: 0;&#10; font-size: clamp(16px, 1.1vw, 18px);&#10; line-height: 1.85;&#10; color: var(--bt-span-soft);&#10;}&#10;.btSpanItems {&#10; margin: 0;&#10; padding: 0;&#10; list-style: none;&#10;}&#10;.btSpanRow {&#10; display: flex;&#10; align-items: baseline;&#10; justify-content: space-between;&#10; gap: 16px;&#10; padding: 14px 0;&#10; border-top: 1px solid var(--bt-span-bar);&#10;}&#10;.btSpanIndex {&#10; margin: 0;&#10; font-size: clamp(24px, 2vw, 28px);&#10; font-weight: 700;&#10; letter-spacing: -0.03em;&#10; font-variant-numeric: tabular-nums;&#10; white-space: nowrap;&#10;}&#10;.btSpanLab {&#10; margin: 0;&#10; font-size: 14px;&#10; line-height: 1.5;&#10; text-align: right;&#10; color: var(--bt-span-soft);&#10;}&#10;[data-js-bt-span-reveal] {&#10; transition: opacity 1.05s cubic-bezier(0.16, 1, 0.3, 1), transform 1s cubic-bezier(0.16, 1, 0.3, 1);&#10;}&#10;[data-js-bt-span-ready="0"] [data-js-bt-span-reveal] {&#10; opacity: 0;&#10; transform: translateY(30px);&#10; transition: none;&#10;}&#10;[data-js-bt-span-ready="0"] .btSpanBar {&#10; transform: scaleX(0);&#10; transition: none;&#10;}&#10;@media (max-width: 930px) {&#10; .btSpanFoot {&#10; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);&#10; }&#10; .btSpanItems {&#10; grid-column: 1 / -1;&#10; }&#10;}&#10;@media (max-width: 514px) {&#10; .btSpanFoot {&#10; grid-template-columns: minmax(0, 1fr);&#10; }&#10;}&#10;&#10;&#10;&#10;&#10;.btArea {&#10; --bt-area-surface: var(--theme-surface, #f9f3ee);&#10; --bt-area-front: var(--theme-txt, #11120f);&#10; --bt-area-soft: rgba(15, 17, 16, 0.68);&#10; --bt-area-bar: rgba(18, 19, 20, 0.2);&#10; --bt-area-acc: var(--theme-primary, #ff6a22);&#10; --bt-area-action-surface: #120e0f;&#10; --bt-area-action-front: #fffeff;&#10; position: relative;&#10; box-sizing: border-box;&#10; padding: clamp(94px, 11vw, 146px) 18px clamp(78px, 9.5vw, 144px);&#10; background: var(--bt-area-surface);&#10; color: var(--bt-area-front);&#10; font-family: var(--theme-type, 'Noto Sans KR', sans-serif);&#10; word-break: keep-all;&#10; text-align: center;&#10;}&#10;.btArea[data-js-bt-area-theme="dark"] {&#10; --bt-area-surface: var(--theme-deep, #0e0a0f);&#10; --bt-area-front: #f4efeb;&#10; --bt-area-soft: rgba(241, 244, 238, 0.7);&#10; --bt-area-bar: rgba(242, 239, 238, 0.22);&#10; --bt-area-action-surface: #f6f1ed;&#10; --bt-area-action-front: #0d0d11;&#10;}&#10;.btAreaWrap {&#10; max-width: 642px;&#10; margin: 0 auto;&#10;}&#10;.btAreaMark {&#10; position: relative;&#10; display: inline-block;&#10; margin: 0 0 clamp(22px, 3vw, 34px);&#10; font-size: clamp(46px, 5.6vw, 72px);&#10; font-weight: 200;&#10; line-height: 1.05;&#10; color: var(--bt-area-soft);&#10;}&#10;.btAreaMark::after {&#10; content: '';&#10; position: absolute;&#10; right: -10px;&#10; top: 4px;&#10; width: 8px;&#10; height: 8px;&#10; border-radius: 50%;&#10; background: var(--bt-area-acc);&#10;}&#10;.btAreaTtl {&#10; margin: 0;&#10; font-family: var(--theme-type-header, var(--theme-type, 'Noto Sans KR', sans-serif));&#10; font-size: clamp(30px, 3.8vw, 50px);&#10; font-weight: 800;&#10; line-height: 1.2;&#10; letter-spacing: -0.04em;&#10;}&#10;.btAreaTxt {&#10; margin: clamp(16px, 2vw, 24px) auto 0;&#10; max-width: 26.25em;&#10; font-size: clamp(16px, 1.2vw, 18px);&#10; line-height: 1.75;&#10; color: var(--bt-area-soft);&#10;}&#10;.btAreaForm {&#10; display: flex;&#10; align-items: flex-end;&#10; gap: 14px;&#10; max-width: 606px;&#10; margin: clamp(36px, 4.6vw, 56px) auto 0;&#10; text-align: left;&#10;}&#10;.btAreaField {&#10; position: relative;&#10; flex: 1;&#10; display: flex;&#10; flex-direction: column;&#10; gap: 6px;&#10; min-width: 0;&#10;}&#10;.btAreaTag {&#10; font-size: 14px;&#10; font-weight: 500;&#10; color: var(--bt-area-soft);&#10;}&#10;.btAreaInput {&#10; width: 100%;&#10; box-sizing: border-box;&#10; min-height: 56px;&#10; padding: 0 2px;&#10; border: 0;&#10; border-bottom: 1px solid var(--bt-area-bar);&#10; border-radius: 0;&#10; background: transparent;&#10; color: var(--bt-area-front);&#10; font-family: var(--theme-type, 'Noto Sans KR', sans-serif);&#10; font-size: 16px;&#10; outline: none;&#10;}&#10;.btAreaInput::placeholder {&#10; color: var(--bt-area-soft);&#10; opacity: 1;&#10;}&#10;.btAreaUnder {&#10; position: absolute;&#10; left: 0;&#10; right: 0;&#10; bottom: 0;&#10; height: 2px;&#10; background: var(--bt-area-acc);&#10; transform: scaleX(0);&#10; transform-origin: 0 50%;&#10; transition: transform 0.45s cubic-bezier(0.16, 1, 0.3, 1);&#10;}&#10;.btAreaField:focus-within .btAreaUnder {&#10; transform: scaleX(1);&#10;}&#10;.btAreaInput[aria-invalid="true"] {&#10; border-bottom-color: var(--bt-area-front);&#10;}&#10;.btAreaSend {&#10; display: inline-flex;&#10; align-items: center;&#10; gap: 12px;&#10; flex-shrink: 0;&#10; min-height: 58px;&#10; padding: 0 30px;&#10; border: 0;&#10; border-radius: var(--theme-action-corner, 920px);&#10; background: var(--bt-area-action-surface);&#10; color: var(--bt-area-action-front);&#10; font-family: var(--theme-type, 'Noto Sans KR', sans-serif);&#10; font-size: 14px;&#10; font-weight: 700;&#10; cursor: pointer;&#10; transition: transform 0.25s ease;&#10;}&#10;.btAreaSend:hover {&#10; transform: translateY(-2px);&#10;}&#10;.btAreaSend:focus-visible {&#10; outline: 2px solid var(--bt-area-front);&#10; outline-offset: 3px;&#10;}&#10;.btAreaStatus {&#10; min-height: 26px;&#10; max-width: 514px;&#10; margin: 16px auto 0;&#10; text-align: left;&#10;}&#10;.btAreaMsg {&#10; display: none;&#10; align-items: center;&#10; gap: 9px;&#10; margin: 0;&#10; font-size: 14px;&#10; line-height: 1.65;&#10;}&#10;.btAreaMsg::before {&#10; content: '';&#10; width: 6px;&#10; height: 7px;&#10; border-radius: 50%;&#10; background: var(--bt-area-acc);&#10; flex-shrink: 0;&#10;}&#10;[data-js-bt-area-r="ok"] [data-js-bt-area-m="ok"],&#10;[data-js-bt-area-r="err"] [data-js-bt-area-m="err"] {&#10; display: flex;&#10;}&#10;.btAreaPerks {&#10; display: flex;&#10; flex-wrap: wrap;&#10; justify-content: center;&#10; gap: 12px 28px;&#10; margin: clamp(32px, 3.6vw, 40px) 0 0;&#10; padding: 0;&#10; list-style: none;&#10;}&#10;.btAreaPerk {&#10; display: inline-flex;&#10; align-items: center;&#10; gap: 8px;&#10; font-size: 14px;&#10; color: var(--bt-area-soft);&#10;}&#10;.btAreaCheck {&#10; width: 16px;&#10; height: 16px;&#10; flex-shrink: 0;&#10; fill: none;&#10; stroke: var(--bt-area-acc);&#10; stroke-width: 1.5;&#10; stroke-linecap: round;&#10; stroke-linejoin: round;&#10;}&#10;[data-js-bt-area-reveal] {&#10; transition: opacity 1.2s cubic-bezier(0.16, 1, 0.3, 1), transform 1s cubic-bezier(0.16, 1, 0.3, 1);&#10;}&#10;[data-js-bt-area-ready="0"] [data-js-bt-area-reveal] {&#10; opacity: 0;&#10; transform: translateY(22px);&#10; transition: none;&#10;}&#10;@media (max-width: 592px) {&#10; .btAreaForm {&#10; flex-direction: column;&#10; align-items: stretch;&#10; }&#10; .btAreaSend {&#10; justify-content: center;&#10; }&#10;}&#10;&#10;&lt;/style&gt;&#10;&#10;&lt;section class="btFolio" data-js-bt-folio="" data-js-bt-folio-theme="dark"&gt;&#10;&lt;div class="btFolioWrap"&gt;&#10;&lt;p class="btFolioKicker btKicker" data-js-bt-folio-reveal=""&gt;&lt;span aria-hidden="true" class="btFolioPip"&gt;&lt;/span&gt;콘텐츠 전략&lt;/p&gt;&#10;&lt;h1 class="btFolioTtl btHeroTtl" data-js-bt-folio-reveal=""&gt;질문을 문서로 바꾸는 설계&lt;/h1&gt;&#10;&lt;div aria-hidden="true" class="btFolioLine"&gt;&lt;div class="btFolioLineBar"&gt;&lt;/div&gt;&lt;/div&gt;&#10;&lt;div class="btFolioRow"&gt;&#10;&lt;p class="btFolioTxt btTxt" data-js-bt-folio-reveal=""&gt;어떤 질문에 답할지, 문서를 어떻게 나눌지, 언제 다시 쓸지를 한 페이지에 기준으로 정리했습니다.&lt;/p&gt;&#10;&lt;div class="btFolioNote" data-js-bt-folio-reveal=""&gt;&#10;&lt;p class="btFolioNoteHeader"&gt;기준 단위&lt;/p&gt;&#10;&lt;p class="btFolioNoteTxt"&gt;질문 하나에 문서 하나&lt;/p&gt;&#10;&lt;/div&gt;&#10;&lt;div class="btFolioNote" data-js-bt-folio-reveal=""&gt;&#10;&lt;p class="btFolioNoteHeader"&gt;점검 주기&lt;/p&gt;&#10;&lt;p class="btFolioNoteTxt"&gt;분기마다 다시 읽기&lt;/p&gt;&#10;&lt;/div&gt;&#10;&lt;/div&gt;&#10;&lt;/div&gt;&#10;&lt;script&gt;&#10; (function () {&#10; var N = {"root": "data-js-bt-folio", "tone": "data-js-bt-folio-theme", "state": "data-js-bt-folio-ready", "item": "data-js-bt-folio-reveal"};&#10; var s = document.currentScript;&#10; var R = s &amp;&amp; s.closest('[' + N.root + ']');&#10; if (!R) { return; }&#10; var items = R.querySelectorAll('[' + N.item + ']');&#10; // 시간차는 현재 DOM 순서로 매김&#10; for (var i = 0; i &lt; items.length; i++) {&#10; items[i].style.transitionDelay = (i * 0.1) + 's, ' + (i * 0.1) + 's';&#10; }&#10; var show = function () { R.setAttribute(N.state, '1'); };&#10; if (!('IntersectionObserver' in window)) { return; }&#10; // 처음 화면에 이미 보이는 섹션은 숨기지 않는다(2026-10-27): 가장 큰 글(LCP)이 등장 지연만큼 늦게 잡혀 PageSpeed 모바일 80점대&#10; if (R.getBoundingClientRect().top &gt;= window.innerHeight) { R.setAttribute(N.state, '0'); }&#10; var io = new IntersectionObserver(function (es) {&#10; if (es[0].isIntersecting) {&#10; io.disconnect();&#10; requestAnimationFrame(function () { requestAnimationFrame(show); });&#10; }&#10; }, { threshold: 0.15 });&#10; io.observe(R);&#10; })();&#10; &lt;/script&gt;&#10;&lt;/section&gt;</description></item></channel></rss>