<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>웹사이트상위노출 | 랭크노트 SEO·AEO</title><link>https://youico.co.kr/</link><description>Recent content on 웹사이트상위노출 | 랭크노트 SEO·AEO</description><generator>Hugo</generator><language>ko</language><lastBuildDate>Wed, 28 Oct 2026 14:33:00 +0900</lastBuildDate><atom:link href="https://youico.co.kr/index.xml" rel="self" type="application/rss+xml"/><item><title>서치콘솔 색인 생성 보고서, 매주 이렇게 확인하세요</title><link>https://youico.co.kr/posts/post_001</link><pubDate>Mon, 05 Oct 2026 00:00:00 +0000</pubDate><guid>https://youico.co.kr/posts/post_001</guid><description>&lt;p&gt;웹사이트 상위노출 작업을 시작하면 1주차에 가장 먼저 여는 화면이 구글 서치콘솔의 페이지 색인 생성 보고서입니다. 색인되지 않은 페이지는 검색 결과에 나올 수 없으니, 글을 고치기 전에 이 화면부터 확인합니다.&lt;/p&gt;&#10;&lt;h2 id="매주-같은-요일에-보는-세-칸"&gt;매주 같은 요일에 보는 세 칸&lt;/h2&gt;&#10;&lt;ul&gt;&#10;&lt;li&gt;&lt;strong&gt;색인 생성됨&lt;/strong&gt;: 지난주보다 줄었다면 삭제나 리디렉션이 있었는지 먼저 물어봅니다.&lt;/li&gt;&#10;&lt;li&gt;&lt;strong&gt;색인 생성되지 않음&lt;/strong&gt;: 사유별 개수를 적어 두고 다음 주와 비교합니다.&lt;/li&gt;&#10;&lt;li&gt;&lt;strong&gt;마지막 크롤링 날짜&lt;/strong&gt;: 중요한 페이지가 몇 주째 크롤링되지 않았다면 내부 링크가 부족한지 봅니다.&lt;/li&gt;&#10;&lt;/ul&gt;&#10;&lt;h2 id="제외-사유별로-먼저-할-일"&gt;제외 사유별로 먼저 할 일&lt;/h2&gt;&#10;&lt;p&gt;‘발견됨 - 현재 색인이 생성되지 않음’은 검색엔진이 주소는 알지만 아직 가져가지 않았다는 뜻입니다. 사이트맵에 들어 있는지, 다른 페이지에서 링크가 걸려 있는지 확인하세요.&lt;/p&gt;</description></item><item><title>title 길이와 메타 설명, 이 기준으로 고치세요</title><link>https://youico.co.kr/posts/post_002</link><pubDate>Thu, 08 Oct 2026 00:00:00 +0000</pubDate><guid>https://youico.co.kr/posts/post_002</guid><description>&lt;p&gt;2주차 설계 산출물은 키워드 배치표, 글 구성안, 메타 정리표, 내부 링크표 순서로 나옵니다. 이 글은 그중 세 번째인 title·메타 설명 정리표를 다룹니다. 지금 문구와 바꿀 문구를 나란히 적어 두면 고객님이 한 번에 검토하실 수 있습니다.&lt;/p&gt;&#10;&lt;h2 id="title은-30자-안팎으로"&gt;title은 30자 안팎으로&lt;/h2&gt;&#10;&lt;p&gt;검색 결과 화면은 긴 title을 뒷부분부터 자릅니다. 그래서 페이지가 맡은 주 키워드를 앞쪽에 두고, 상호는 뒤에 붙이세요. 네이버는 홈 title을 짧게 쓰는 편이 유리해서 홈은 ‘키워드 | 상호’ 꼴로 맞추는 경우가 많죠.&lt;/p&gt;</description></item><item><title>내부 링크 앵커 텍스트, 정하는 순서가 있습니다</title><link>https://youico.co.kr/posts/post_003</link><pubDate>Thu, 08 Oct 2026 00:00:00 +0000</pubDate><guid>https://youico.co.kr/posts/post_003</guid><description>&lt;p&gt;글이 늘어나면 페이지끼리 어떻게 이어 둘지가 더 중요해집니다. 검색엔진은 링크를 따라 새 페이지를 찾고, 앵커 텍스트를 보고 링크 너머의 내용을 짐작하기 때문이죠.&lt;/p&gt;&#10;&lt;h2 id="1단계-중심-페이지-정하기"&gt;1단계: 중심 페이지 정하기&lt;/h2&gt;&#10;&lt;p&gt;먼저 서비스 페이지처럼 문의로 이어지는 중심 페이지를 고릅니다. 블로그 글은 이 중심 페이지로 가는 길이고요. 2주차 산출물인 내부 링크표에 페이지마다 ‘받는 링크’와 ‘보내는 링크’ 칸을 따로 둡니다.&lt;/p&gt;&#10;&lt;h2 id="2단계-앵커-텍스트-고르기"&gt;2단계: 앵커 텍스트 고르기&lt;/h2&gt;&#10;&lt;ul&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;h2 id="3단계-개수와-위치"&gt;3단계: 개수와 위치&lt;/h2&gt;&#10;&lt;p&gt;본문 링크는 한 페이지에 두세 개면 충분해요. 첫 문단보다는 그 주제를 실제로 설명하는 문장 안에 거는 편이 자연스럽습니다. 메뉴나 푸터 링크는 모든 페이지에 똑같이 붙으니 본문 링크와 따로 세는 편이 맞아요.&lt;/p&gt;</description></item><item><title>FAQ 구조화 데이터 넣기 전 체크리스트</title><link>https://youico.co.kr/posts/post_004</link><pubDate>Thu, 01 Oct 2026 00:00:00 +0000</pubDate><guid>https://youico.co.kr/posts/post_004</guid><description>&lt;p&gt;질문과 답을 정리한 페이지가 있다면 FAQPage 구조화 데이터(JSON-LD)를 붙여 검색엔진이 내용을 더 정확히 읽게 할 수 있습니다. 다만 넣기 전에 확인할 조건이 있어요.&lt;/p&gt;&#10;&lt;h2 id="넣기-전-체크리스트"&gt;넣기 전 체크리스트&lt;/h2&gt;&#10;&lt;ul&gt;&#10;&lt;li&gt;질문과 답이 &lt;strong&gt;화면에 보이는 글&lt;/strong&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;p&gt;하나라도 ‘아니요’라면 화면 글부터 고치세요. 구조화 데이터는 화면 내용을 설명하는 꼬리표라서, 화면에 없는 질문을 넣으면 정책 위반이 됩니다.&lt;/p&gt;</description></item><item><title>검색어보다 먼저 정할 검색 의도 세 갈래</title><link>https://youico.co.kr/posts/post_005</link><pubDate>Wed, 07 Oct 2026 00:00:00 +0000</pubDate><guid>https://youico.co.kr/posts/post_005</guid><description>&lt;p&gt;키워드 조사를 하면 검색량 많은 단어부터 눈에 들어옵니다. 하지만 2주차 첫 산출물인 키워드 배치표를 만들 때 매니저가 먼저 나누는 것은 검색량이 아니라 검색 의도입니다. 찾는 사람이 무엇을 원하는지에 따라 맞는 페이지 모양이 달라지기 때문이죠.&lt;/p&gt;&#10;&lt;h2 id="세-갈래로-나누기"&gt;세 갈래로 나누기&lt;/h2&gt;&#10;&lt;ol&gt;&#10;&lt;li&gt;&lt;strong&gt;알고 싶은 검색&lt;/strong&gt;: ‘상위노출 기간’, ‘SEO란’처럼 개념이나 방법을 묻습니다. 블로그 글이 맞습니다.&lt;/li&gt;&#10;&lt;li&gt;&lt;strong&gt;비교하는 검색&lt;/strong&gt;: ‘상위노출 업체 고르는 법’처럼 선택 기준을 찾습니다. 기준과 절차를 보여 주는 서비스 페이지가 맞습니다.&lt;/li&gt;&#10;&lt;li&gt;&lt;strong&gt;바로 맡기려는 검색&lt;/strong&gt;: 상호나 ‘상위노출 상담’처럼 연락할 곳을 찾습니다. 전화와 문자 버튼이 눈에 띄는 문의 페이지가 맞습니다.&lt;/li&gt;&#10;&lt;/ol&gt;&#10;&lt;h2 id="배치표에-옮기는-법"&gt;배치표에 옮기는 법&lt;/h2&gt;&#10;&lt;p&gt;검색어마다 세 갈래 중 하나를 표시하고, 같은 갈래끼리 한 페이지에 묶습니다. 한 페이지에는 주 키워드 하나만 두고 나머지는 연관어로 씁니다. 두 페이지가 같은 검색어를 놓고 다투면 둘 다 애매하게 노출되는 경우가 많습니다.&lt;/p&gt;</description></item><item><title>AEO 답변 단락, 질문형 검색에 인용되게 쓰는 법</title><link>https://youico.co.kr/posts/post_006</link><pubDate>Sun, 27 Sep 2026 00:00:00 +0000</pubDate><guid>https://youico.co.kr/posts/post_006</guid><description>&lt;p&gt;생성형 검색이나 음성 비서는 질문에 대한 답을 페이지에서 한두 문장 골라 보여 줍니다. AEO(답변 엔진 최적화)는 그 한두 문장이 내 페이지에서 나오도록 글을 다듬는 일입니다.&lt;/p&gt;&#10;&lt;h2 id="답변-단락의-기본-모양"&gt;답변 단락의 기본 모양&lt;/h2&gt;&#10;&lt;ul&gt;&#10;&lt;li&gt;&lt;strong&gt;소제목&lt;/strong&gt;: 고객이 묻는 말을 그대로 써요. 예) ‘상위노출은 얼마나 걸리나요?’&lt;/li&gt;&#10;&lt;li&gt;&lt;strong&gt;결론 두 문장&lt;/strong&gt;: 소제목 바로 아래에 답부터 쓰세요.&lt;/li&gt;&#10;&lt;li&gt;&lt;strong&gt;근거 한 문단&lt;/strong&gt;: 왜 그런지, 어떤 기준인지 설명하고요.&lt;/li&gt;&#10;&lt;li&gt;&lt;strong&gt;예외 한 줄&lt;/strong&gt;: 답이 달라지는 경우를 적고요.&lt;/li&gt;&#10;&lt;/ul&gt;&#10;&lt;p&gt;결론을 문단 끝에 숨기면 엔진이 앞부분만 가져가 엉뚱한 답이 됩니다. 첫 문장만 읽어도 뜻이 통하는지 소리 내어 읽어 보세요.&lt;/p&gt;</description></item><item><title>목차, 원고에 쓰기 전에 가려 둘 말들</title><link>https://youico.co.kr/posts/%EB%AA%A9%EC%B0%A8</link><pubDate>Wed, 28 Oct 2026 14:33:00 +0900</pubDate><guid>https://youico.co.kr/posts/%EB%AA%A9%EC%B0%A8</guid><description>&lt;h2 id="들머리-메모"&gt;들머리 메모&lt;/h2&gt;&#10;&lt;p&gt;목차는 낱말끼리 견주어 볼 온페이지 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; 표제어로, 매체마다 TOC, Table of Contents, 점프 링크 목차 등 다른 이름·표기&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;p&gt;&lt;a href="/."&gt;웹사이트상위노출&lt;/a&gt;은 검색 결과 윗줄에 사이트가 나오게 하는 일을 이르고, 용어를 맞춰 쓰는 교정도 그 작업의 몫이다.&lt;/p&gt;&#10;&lt;h2 id="비슷한-말-정리"&gt;비슷한 말 정리&lt;/h2&gt;&#10;&lt;p&gt;해설서마다 목차와 곁에 붙어 다니는 말과의 차이는 다음과 같다. 사이트 전체 페이지를 나열한 사이트맵과 헷갈리기 쉬운데, 사이트맵은 여러 페이지로 가는 목록이고 이 장치는 한 글 안의 소제목 위치로 이동하는 목록이라는 점이 다르다.&lt;/p&gt;</description></item><item><title>이미지 최적화 편집 점검표 정리</title><link>https://youico.co.kr/posts/%EC%9D%B4%EB%AF%B8%EC%A7%80_%EC%B5%9C%EC%A0%81%ED%99%94</link><pubDate>Wed, 28 Oct 2026 11:18:00 +0900</pubDate><guid>https://youico.co.kr/posts/%EC%9D%B4%EB%AF%B8%EC%A7%80_%EC%B5%9C%EC%A0%81%ED%99%94</guid><description>&lt;h2 id="개관-손질-메모"&gt;개관 손질 메모&lt;/h2&gt;&#10;&lt;p&gt;이미지 최적화는 되읽기 목록에 들어 있는 온페이지 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; 표제어로, 자료에 따라 다른 이름·표기로 Image SEO, 이미지 SEO 등이 쓰인다. 이미지가 검색에 잘 발견되고 페이지 속도를 해치지 않도록 파일명, 용량, 형식, &lt;a href="/posts/%EB%8C%80%EC%B2%B4_%ED%85%8D%EC%8A%A4%ED%8A%B8"&gt;대체 텍스트&lt;/a&gt; 등을 다듬는 작업을 통틀어 이르는 말이다.&lt;/p&gt;&#10;&lt;p&gt;&lt;a href="/."&gt;웹사이트상위노출&lt;/a&gt;은 검색 결과 윗줄에 사이트를 세우려는 작업을 이르며, 발행 전 점검도 그 일의 한 부분이다.&lt;/p&gt;&#10;&lt;h2 id="내력-확인"&gt;내력 확인&lt;/h2&gt;&#10;&lt;p&gt;체크 항목 맨 위에 이미지 최적화가 생겨난 사정을 적어 두면 이렇다. 사진과 그림이 웹페이지 용량의 큰 부분을 차지하고 이미지 검색 이용도 늘면서, 이미지를 속도와 검색 양쪽에서 관리할 필요가 커졌다.&lt;/p&gt;</description></item><item><title>포고스티킹, 원고를 다듬는 쪽에서 본 개념</title><link>https://youico.co.kr/posts/%ED%8F%AC%EA%B3%A0%EC%8A%A4%ED%8B%B0%ED%82%B9</link><pubDate>Wed, 28 Oct 2026 08:18:00 +0900</pubDate><guid>https://youico.co.kr/posts/%ED%8F%AC%EA%B3%A0%EC%8A%A4%ED%8B%B0%ED%82%B9</guid><description>&lt;h2 id="한눈에-보기-손질-메모"&gt;한눈에 보기 손질 메모&lt;/h2&gt;&#10;&lt;p&gt;포고스티킹은 퇴고 노트에 적어 둔 온페이지 SEO&lt;sup id="fnref:1"&gt;&lt;a href="#fn:1" class="footnote-ref" role="doc-noteref"&gt;1&lt;/a&gt;&lt;/sup&gt; 개념으로, 문서마다 다른 이름·표기&lt;sup id="fnref:2"&gt;&lt;a href="#fn:2" class="footnote-ref" role="doc-noteref"&gt;2&lt;/a&gt;&lt;/sup&gt;로 Pogo-sticking, 포고 스티킹 등이 오르내린다. 검색 결과에서 페이지를 눌렀다가 원하는 답을 찾지 못해 곧바로 검색 결과로 돌아가 다른 결과를 누르는 행동을 가리킨다.&lt;/p&gt;&#10;&lt;p&gt;&lt;a href="/."&gt;웹사이트상위노출&lt;/a&gt;은 검색 결과 윗줄에 사이트를 올리는 일을 두루 말하는데, 페이지 안을 손보는 작업 역시 거기에 속한다.&lt;/p&gt;&#10;&lt;h2 id="자리-잡은-과정-손질-메모"&gt;자리 잡은 과정 손질 메모&lt;/h2&gt;&#10;&lt;p&gt;이 말의 출발점을 짧은 단락으로 옮기면 다음과 같다. 용수철이 달린 막대를 타고 통통 튀는 놀이 기구인 포고 스틱에 빗댄 이름으로, 사용자 불만족을 나타내는 행동으로 SEO 업계에서 자주 거론되어 왔다.&lt;/p&gt;</description></item><item><title>체류 시간 질문과 편집자의 답</title><link>https://youico.co.kr/posts/%EC%B2%B4%EB%A5%98_%EC%8B%9C%EA%B0%84</link><pubDate>Tue, 27 Oct 2026 14:19:00 +0900</pubDate><guid>https://youico.co.kr/posts/%EC%B2%B4%EB%A5%98_%EC%8B%9C%EA%B0%84</guid><description>&lt;h2 id="요지-스케치"&gt;요지 스케치&lt;/h2&gt;&#10;&lt;p&gt;체류 시간은 검수 중에 질문이 오가는 온페이지 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; 표제어로, 글에 따라 Dwell Time 등 다른 이름·표기&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;로 바꿔 쓰인다. 검색 결과에서 페이지를 클릭한 뒤 다시 검색 결과로 돌아오기까지 그 페이지에 머문 시간을 가리키는 SEO 업계의 용어다.&lt;/p&gt;&#10;&lt;p&gt;&lt;a href="/."&gt;웹사이트상위노출&lt;/a&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;</description></item><item><title>클릭 유도 문구를 둘러싼 가상의 원고 손질</title><link>https://youico.co.kr/posts/%ED%81%B4%EB%A6%AD_%EC%9C%A0%EB%8F%84_%EB%AC%B8%EA%B5%AC</link><pubDate>Tue, 27 Oct 2026 11:14:00 +0900</pubDate><guid>https://youico.co.kr/posts/%ED%81%B4%EB%A6%AD_%EC%9C%A0%EB%8F%84_%EB%AC%B8%EA%B5%AC</guid><description>&lt;h2 id="첫-장면-앞-노트"&gt;첫 장면 앞 노트&lt;/h2&gt;&#10;&lt;p&gt;클릭 유도 문구는 장면 하나로 옮겨 볼 온페이지 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; 낱말이며, 다루는 글마다 CTA, Call to Action, 행동 유도 문구 같은 다른 이름·표기가 보인다. 상담 신청, 구매, 전화 걸기처럼 방문자가 다음 행동을 하도록 이끄는 문구와 버튼을 뜻하며, 페이지의 목적을 실제 성과로 잇는 장치다.&lt;/p&gt;&#10;&lt;p&gt;&lt;a href="/."&gt;웹사이트상위노출&lt;/a&gt;은 검색 화면 앞쪽에 사이트가 보이게 하려는 작업을 두루 가리키는 말이고, 원고 교정 역시 그 작업의 일부다.&lt;/p&gt;&#10;&lt;h2 id="가상-장면-풀이"&gt;가상 장면 풀이&lt;/h2&gt;&#10;&lt;p&gt;다음 장면은 원고 손질을 가정한 가상 사례&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;</description></item><item><title>오픈그래프 개념과 교정 포인트</title><link>https://youico.co.kr/posts/%EC%98%A4%ED%94%88%EA%B7%B8%EB%9E%98%ED%94%84</link><pubDate>Tue, 27 Oct 2026 08:03:00 +0900</pubDate><guid>https://youico.co.kr/posts/%EC%98%A4%ED%94%88%EA%B7%B8%EB%9E%98%ED%94%84</guid><description>&lt;h2 id="간추린-뜻-메모"&gt;간추린 뜻 메모&lt;/h2&gt;&#10;&lt;p&gt;오픈그래프는 이 해설이 붙잡은 온페이지 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; 표제어로, 자료마다 Open Graph, OG 태그, 오픈 그래프 프로토콜 같은 다른 이름·표기&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;로도 불린다. 페이지가 SNS나 메신저에서 공유될 때 보일 제목, 설명, 대표 이미지, 주소를 지정하는 meta 요소 묶음으로, og:title, og:image 같은 속성을 쓴다.&lt;/p&gt;&#10;&lt;p&gt;&lt;a href="/."&gt;웹사이트상위노출&lt;/a&gt;은 검색 결과 위쪽에 웹사이트가 오르도록 손보는 작업을 말하는데, 페이지 글과 마크업을 손보는 일은 그 가운데 한 갈래다.&lt;/p&gt;&#10;&lt;h2 id="자리-잡은-과정-살피기"&gt;자리 잡은 과정 살피기&lt;/h2&gt;&#10;&lt;p&gt;표제어의 내력을 편집 노트에 옮기면 이렇다. 페이스북이 외부 웹페이지를 자기 서비스 안의 대상처럼 다루기 위해 내놓은 규격으로, 이후 여러 SNS와 메신저가 링크 미리보기에 함께 활용하게 되었다.&lt;/p&gt;</description></item><item><title>FAQ 스키마 사례로 보는 편집 메모</title><link>https://youico.co.kr/posts/faq_%EC%8A%A4%ED%82%A4%EB%A7%88</link><pubDate>Mon, 26 Oct 2026 14:53:00 +0900</pubDate><guid>https://youico.co.kr/posts/faq_%EC%8A%A4%ED%82%A4%EB%A7%88</guid><description>&lt;h2 id="들머리-읽기"&gt;들머리 읽기&lt;/h2&gt;&#10;&lt;p&gt;FAQ 스키마는 사례 스케치의 중심에 둔 온페이지 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; 표제어로, 다루는 글마다 다른 이름·표기로는 FAQPage Schema, FAQ 구조화 데이터 등이 통한다. 한 페이지에 정리된 자주 묻는 질문과 답을 FAQPage 유형의 &lt;a href="/posts/%EA%B5%AC%EC%A1%B0%ED%99%94_%EB%8D%B0%EC%9D%B4%ED%84%B0"&gt;구조화 데이터&lt;/a&gt;로 표시해 검색엔진이 문답 구조를 읽도록 하는 방식이다.&lt;/p&gt;&#10;&lt;p&gt;&lt;a href="/."&gt;웹사이트상위노출&lt;/a&gt;은 검색 결과 앞자리에 웹사이트를 두려는 일을 뜻하는 이름이고, 문서 한 장을 손질하는 일도 그 안에서 한다.&lt;/p&gt;&#10;&lt;h2 id="예시-장면-단락"&gt;예시 장면 단락&lt;/h2&gt;&#10;&lt;p&gt;이어지는 상황은 지어낸 상황을 담은 가상 사례&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;</description></item><item><title>구조화 데이터 검수 중에 받은 질문 정리</title><link>https://youico.co.kr/posts/%EA%B5%AC%EC%A1%B0%ED%99%94_%EB%8D%B0%EC%9D%B4%ED%84%B0</link><pubDate>Mon, 26 Oct 2026 11:10:00 +0900</pubDate><guid>https://youico.co.kr/posts/%EA%B5%AC%EC%A1%B0%ED%99%94_%EB%8D%B0%EC%9D%B4%ED%84%B0</guid><description>&lt;h2 id="개관-읽기"&gt;개관 읽기&lt;/h2&gt;&#10;&lt;p&gt;구조화 데이터는 검수 중에 질문이 오가는 온페이지 SEO&lt;sup id="fnref:1"&gt;&lt;a href="#fn:1" class="footnote-ref" role="doc-noteref"&gt;1&lt;/a&gt;&lt;/sup&gt; 낱말이며, 글쓴이마다 다른 이름·표기&lt;sup id="fnref:2"&gt;&lt;a href="#fn:2" class="footnote-ref" role="doc-noteref"&gt;2&lt;/a&gt;&lt;/sup&gt;로 Structured Data, JSON-LD, 정형 데이터 등을 붙인다. 페이지 정보를 정해진 형식과 어휘에 맞춰 적어 검색엔진이 뜻을 바로 읽도록 한 데이터로, JSON-LD, 마이크로데이터, RDFa 같은 형식이 있다.&lt;/p&gt;&#10;&lt;p&gt;&lt;a href="/."&gt;웹사이트상위노출&lt;/a&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;</description></item><item><title>스키마 마크업 퇴고 점검 목록</title><link>https://youico.co.kr/posts/%EC%8A%A4%ED%82%A4%EB%A7%88_%EB%A7%88%ED%81%AC%EC%97%85</link><pubDate>Mon, 26 Oct 2026 08:00:00 +0900</pubDate><guid>https://youico.co.kr/posts/%EC%8A%A4%ED%82%A4%EB%A7%88_%EB%A7%88%ED%81%AC%EC%97%85</guid><description>&lt;h2 id="한눈에-보기-손질-메모"&gt;한눈에 보기 손질 메모&lt;/h2&gt;&#10;&lt;p&gt;스키마 마크업은 퇴고 점검 목록에 오르는 온페이지 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; 용어이며, 찾아보는 곳에 따라 Schema Markup, 스키마 어휘 등의 다른 이름·표기가 함께 쓰인다. 주요 검색엔진들이 함께 만든 공용 어휘를 써서 페이지의 사람, 상품, 행사 같은 정보를 기계가 읽을 수 있게 표시하는 작업이다.&lt;/p&gt;&#10;&lt;p&gt;&lt;a href="/."&gt;웹사이트상위노출&lt;/a&gt;은 검색 결과 앞자리에 웹사이트가 나오게 하는 일을 뜻하며, 교정지를 넘기며 확인하는 일도 그 작업에 닿는다.&lt;/p&gt;&#10;&lt;h2 id="뿌리-정리"&gt;뿌리 정리&lt;/h2&gt;&#10;&lt;p&gt;점검 메모 앞부분에 스키마 마크업이 굳어진 과정은 이렇다. 검색엔진마다 다른 표시 방식을 요구하던 불편을 줄이기 위해 구글, 빙, 야후 등이 공동으로 어휘를 만들었고, 이후 여러 검색 기능의 기반이 되었다.&lt;/p&gt;</description></item><item><title>피처드 스니펫 용어 정리, 교정자의 낱말장</title><link>https://youico.co.kr/posts/%ED%94%BC%EC%B2%98%EB%93%9C_%EC%8A%A4%EB%8B%88%ED%8E%AB</link><pubDate>Sun, 25 Oct 2026 14:22:00 +0900</pubDate><guid>https://youico.co.kr/posts/%ED%94%BC%EC%B2%98%EB%93%9C_%EC%8A%A4%EB%8B%88%ED%8E%AB</guid><description>&lt;h2 id="개요-낱말-메모"&gt;개요 낱말 메모&lt;/h2&gt;&#10;&lt;p&gt;피처드 스니펫은 이웃 용어와 나란히 놓고 볼 온페이지 SEO&lt;sup id="fnref:1"&gt;&lt;a href="#fn:1" class="footnote-ref" role="doc-noteref"&gt;1&lt;/a&gt;&lt;/sup&gt; 표제어이며, 글에 따라 다른 이름·표기&lt;sup id="fnref:2"&gt;&lt;a href="#fn:2" class="footnote-ref" role="doc-noteref"&gt;2&lt;/a&gt;&lt;/sup&gt;는 Featured Snippet, 추천 스니펫, 0순위 등이다. 검색 결과 위쪽에 질문의 답이 되는 문단, 목록, 표를 발췌해 출처와 함께 보여 주는 답변 상자로, 흔히 0순위라고도 부른다.&lt;/p&gt;&#10;&lt;p&gt;&lt;a href="/."&gt;웹사이트상위노출&lt;/a&gt;은 검색 결과 앞자리에 웹사이트를 두려는 작업을 뜻하고, 문서 안의 낱말과 표기를 정리하는 일도 거기에 포함된다.&lt;/p&gt;&#10;&lt;h2 id="섞이기-쉬운-말-견주기"&gt;섞이기 쉬운 말 견주기&lt;/h2&gt;&#10;&lt;p&gt;해설서마다 피처드 스니펫과 비슷한 개념과의 차이를 적으면 이렇다. 검색 결과 위쪽의 AI 개요와 헷갈리기 쉬운데, 이 답변 상자는 한 페이지의 문장을 그대로 발췌해 보여 주고 AI 개요는 여러 출처를 바탕으로 새로 쓴 요약을 보여 준다는 점이 다르다.&lt;/p&gt;</description></item><item><title>리치 스니펫의 쓰임과 비슷한 용어</title><link>https://youico.co.kr/posts/%EB%A6%AC%EC%B9%98_%EC%8A%A4%EB%8B%88%ED%8E%AB</link><pubDate>Sun, 25 Oct 2026 11:20:00 +0900</pubDate><guid>https://youico.co.kr/posts/%EB%A6%AC%EC%B9%98_%EC%8A%A4%EB%8B%88%ED%8E%AB</guid><description>&lt;h2 id="표제어-낱말-메모"&gt;표제어 낱말 메모&lt;/h2&gt;&#10;&lt;p&gt;리치 스니펫은 원고에서 이웃 말과 섞이기 쉬운 온페이지 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; 개념이고, 문서마다 Rich Snippet, Rich Results, 리치 결과 같은 다른 이름·표기&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;p&gt;&lt;a href="/."&gt;웹사이트상위노출&lt;/a&gt;은 검색 결과 상위에 웹사이트가 보이게 하려는 작업을 두루 이르고, 낱말을 가려 쓰며 원고를 다듬는 일도 그 안에 든다.&lt;/p&gt;&#10;&lt;h2 id="섞이기-쉬운-말-풀이"&gt;섞이기 쉬운 말 풀이&lt;/h2&gt;&#10;&lt;p&gt;초고에서 리치 스니펫과 헷갈리는 말을 가르는 기준은 다음과 같다. 검색 결과 옆에 따로 뜨는 지식 패널과 헷갈리기 쉬운데, 지식 패널은 인물이나 기관 같은 대상에 대한 정보 상자이고 이 형태는 개별 페이지 결과 줄에 정보가 덧붙는 것이라는 점이 다르다.&lt;/p&gt;</description></item><item><title>콘텐츠 신선도의 뜻과 원고 손질법</title><link>https://youico.co.kr/posts/%EC%BD%98%ED%85%90%EC%B8%A0_%EC%8B%A0%EC%84%A0%EB%8F%84</link><pubDate>Sun, 25 Oct 2026 08:00:00 +0900</pubDate><guid>https://youico.co.kr/posts/%EC%BD%98%ED%85%90%EC%B8%A0_%EC%8B%A0%EC%84%A0%EB%8F%84</guid><description>&lt;h2 id="첫머리-짚기"&gt;첫머리 짚기&lt;/h2&gt;&#10;&lt;p&gt;콘텐츠 신선도는 이 해설이 붙잡은 온페이지 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; 낱말로, 글에 따라 Content Freshness, 최신성 같은 다른 이름·표기&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;p&gt;&lt;a href="/."&gt;웹사이트상위노출&lt;/a&gt;은 검색 결과 윗줄에 사이트를 올리는 일을 두루 말하는데, 페이지 안을 손보는 작업 역시 거기에 속한다.&lt;/p&gt;&#10;&lt;h2 id="쓰임의-내력-풀이"&gt;쓰임의 내력 풀이&lt;/h2&gt;&#10;&lt;p&gt;이 말이 쓰이게 된 내력을 짧은 단락으로 옮기면 다음과 같다. 뉴스, 일정, 가격처럼 시간이 지나면 정보가 낡는 주제가 많아지면서, 구글은 최신 정보가 필요한 검색어에 새 콘텐츠를 더 잘 보여 주는 방향으로 시스템을 조정해 왔다.&lt;/p&gt;</description></item><item><title>중복 콘텐츠 검수 메모와 점검 목록</title><link>https://youico.co.kr/posts/%EC%A4%91%EB%B3%B5_%EC%BD%98%ED%85%90%EC%B8%A0</link><pubDate>Sat, 24 Oct 2026 14:23:00 +0900</pubDate><guid>https://youico.co.kr/posts/%EC%A4%91%EB%B3%B5_%EC%BD%98%ED%85%90%EC%B8%A0</guid><description>&lt;h2 id="기본-뜻-한-장"&gt;기본 뜻 한 장&lt;/h2&gt;&#10;&lt;p&gt;중복 콘텐츠는 편집 점검표에 이름을 올린 온페이지 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; 낱말로, 자료마다 다른 이름·표기로 Duplicate Content, 복제 콘텐츠 등을 붙인다. 같거나 매우 비슷한 내용이 서로 다른 주소에서 열리는 상태로, 한 사이트 안에서도 생기고 여러 사이트 사이에서도 생긴다.&lt;/p&gt;&#10;&lt;p&gt;&lt;a href="/."&gt;웹사이트상위노출&lt;/a&gt;은 검색 화면 높은 자리를 겨누는 사이트 작업을 가리키며, 본문과 태그를 점검하는 일도 그 작업과 이어진다.&lt;/p&gt;&#10;&lt;h2 id="뿌리-점검"&gt;뿌리 점검&lt;/h2&gt;&#10;&lt;p&gt;검수 목록 첫 단에 중복 콘텐츠가 굳어진 과정은 이렇다. 주소 뒤에 붙는 추적 매개변수나 정렬 옵션, 인쇄용 화면처럼 기술적 이유로 같은 내용이 여러 주소에 생기는 일이 흔해, 검색엔진이 대표 주소를 고르는 문제가 중요해졌다.&lt;/p&gt;</description></item><item><title>씬 콘텐츠 편집 문답</title><link>https://youico.co.kr/posts/%EC%94%AC_%EC%BD%98%ED%85%90%EC%B8%A0</link><pubDate>Sat, 24 Oct 2026 11:12:00 +0900</pubDate><guid>https://youico.co.kr/posts/%EC%94%AC_%EC%BD%98%ED%85%90%EC%B8%A0</guid><description>&lt;h2 id="첫머리-정리"&gt;첫머리 정리&lt;/h2&gt;&#10;&lt;p&gt;씬 콘텐츠는 이 문답이 고른 온페이지 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; 개념이고, 문맥에 따라 Thin Content, 얇은 콘텐츠 등의 다른 이름·표기&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;p&gt;&lt;a href="/."&gt;웹사이트상위노출&lt;/a&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;</description></item><item><title>퍼머링크·슬러그 예시와 교정 노트</title><link>https://youico.co.kr/posts/%ED%8D%BC%EB%A8%B8%EB%A7%81%ED%81%AC_%EC%8A%AC%EB%9F%AC%EA%B7%B8</link><pubDate>Sat, 24 Oct 2026 08:00:00 +0900</pubDate><guid>https://youico.co.kr/posts/%ED%8D%BC%EB%A8%B8%EB%A7%81%ED%81%AC_%EC%8A%AC%EB%9F%AC%EA%B7%B8</guid><description>&lt;h2 id="첫-장면-앞-사례-메모"&gt;첫 장면 앞 사례 메모&lt;/h2&gt;&#10;&lt;p&gt;퍼머링크·슬러그는 사례 한 편으로 풀어 볼 온페이지 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; 개념으로, 자료에 따라 Permalink, Slug, 고유 주소 같은 다른 이름·표기가 보인다. 퍼머링크는 한 페이지에 계속 유지되도록 정해 둔 고정 주소이고, 슬러그는 그 주소의 끝부분에서 페이지를 구별하는 짧은 이름이다.&lt;/p&gt;&#10;&lt;p&gt;&lt;a href="/."&gt;웹사이트상위노출&lt;/a&gt;은 검색 결과 위쪽 자리를 겨누는 웹사이트 작업을 뜻하는 이름이고, 문서를 다듬는 손질도 그 일에 포함된다.&lt;/p&gt;&#10;&lt;h2 id="가상-장면-메모"&gt;가상 장면 메모&lt;/h2&gt;&#10;&lt;p&gt;다음 사례는 실제 업체와 무관한 가상 사례&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;</description></item><item><title>브레드크럼, 원고 한 편을 고치는 가정</title><link>https://youico.co.kr/posts/%EB%B8%8C%EB%A0%88%EB%93%9C%ED%81%AC%EB%9F%BC</link><pubDate>Fri, 23 Oct 2026 14:46:00 +0900</pubDate><guid>https://youico.co.kr/posts/%EB%B8%8C%EB%A0%88%EB%93%9C%ED%81%AC%EB%9F%BC</guid><description>&lt;h2 id="개관-한-장"&gt;개관 한 장&lt;/h2&gt;&#10;&lt;p&gt;브레드크럼은 교정 사례로 다시 읽을 온페이지 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; 개념이며, 원고에 따라 Breadcrumb, 탐색 경로 같은 다른 이름·표기를 함께 쓴다. 현재 페이지가 사이트 구조에서 어디에 있는지 상위 분류부터 차례로 보여 주는 탐색 메뉴로, 보통 본문 위쪽에 한 줄로 표시된다.&lt;/p&gt;&#10;&lt;p&gt;&lt;a href="/."&gt;웹사이트상위노출&lt;/a&gt;은 검색 결과 위쪽에 웹사이트가 잡히게 하는 일을 말하는 이름이고, 원고를 고쳐 쓰는 일도 그 안에 들어 있다.&lt;/p&gt;&#10;&lt;h2 id="가상의-원고-메모"&gt;가상의 원고 메모&lt;/h2&gt;&#10;&lt;p&gt;아래 사례는 원고 손질을 가정한 가상 사례&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;</description></item><item><title>아웃바운드 링크 뜻과 헷갈리는 용어 정리</title><link>https://youico.co.kr/posts/%EC%95%84%EC%9B%83%EB%B0%94%EC%9A%B4%EB%93%9C_%EB%A7%81%ED%81%AC</link><pubDate>Fri, 23 Oct 2026 11:26:00 +0900</pubDate><guid>https://youico.co.kr/posts/%EC%95%84%EC%9B%83%EB%B0%94%EC%9A%B4%EB%93%9C_%EB%A7%81%ED%81%AC</guid><description>&lt;h2 id="기본-뜻-교정-메모"&gt;기본 뜻 교정 메모&lt;/h2&gt;&#10;&lt;p&gt;아웃바운드 링크는 교정 때 뜻을 가려 둘 온페이지 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; 표제어로, 자료에 따라 Outbound Link, 외부 발신 링크 등 다른 이름·표기&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;p&gt;&lt;a href="/."&gt;웹사이트상위노출&lt;/a&gt;은 검색 화면 앞쪽에 사이트가 보이게 하려는 작업을 가리키고, 페이지 글의 용어를 바로잡는 손질도 그 작업에 속한다.&lt;/p&gt;&#10;&lt;h2 id="가려-쓸-말-메모"&gt;가려 쓸 말 메모&lt;/h2&gt;&#10;&lt;p&gt;해설서마다 아웃바운드 링크와 비슷한 개념과의 차이를 적으면 이렇다. 들어오는 링크인 백링크와 방향이 반대인 개념으로, 이쪽은 내가 다른 사이트를 가리키는 링크이고 백링크는 다른 사이트가 나를 가리키는 링크다.&lt;/p&gt;</description></item><item><title>내부 링크, 교정지 옆에 둘 목록</title><link>https://youico.co.kr/posts/%EB%82%B4%EB%B6%80_%EB%A7%81%ED%81%AC</link><pubDate>Fri, 23 Oct 2026 08:00:00 +0900</pubDate><guid>https://youico.co.kr/posts/%EB%82%B4%EB%B6%80_%EB%A7%81%ED%81%AC</guid><description>&lt;h2 id="한눈에-보기-손질-메모"&gt;한눈에 보기 손질 메모&lt;/h2&gt;&#10;&lt;p&gt;내부 링크는 편집 점검표에 이름을 올린 온페이지 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; 개념이며, 자료마다 Internal Link, 내부 연결 같은 다른 이름·표기로도 불린다. 같은 도메인 안에서 한 페이지가 다른 페이지로 연결되는 링크로, 메뉴, 본문 속 링크, 관련 글 목록 등이 모두 여기에 해당한다.&lt;/p&gt;&#10;&lt;p&gt;&lt;a href="/."&gt;웹사이트상위노출&lt;/a&gt;은 검색 화면 상단에 사이트를 두려는 작업을 가리키며, 페이지 글을 점검하고 고치는 일도 그 작업에 속한다.&lt;/p&gt;&#10;&lt;h2 id="쓰이게-된-배경-한-줄"&gt;쓰이게 된 배경 한 줄&lt;/h2&gt;&#10;&lt;p&gt;체크 항목 맨 위에 내부 링크가 쓰이게 된 내력은 다음과 같다. 검색엔진 크롤러가 링크를 따라 새 페이지를 발견하는 구조라서, 사이트 안의 연결 방식이 색인과 사용자 탐색 모두에 영향을 주는 요소로 다뤄져 왔다.&lt;/p&gt;</description></item><item><title>필러 페이지 편집 회의 질문 모음</title><link>https://youico.co.kr/posts/%ED%95%84%EB%9F%AC_%ED%8E%98%EC%9D%B4%EC%A7%80</link><pubDate>Thu, 22 Oct 2026 14:17:00 +0900</pubDate><guid>https://youico.co.kr/posts/%ED%95%84%EB%9F%AC_%ED%8E%98%EC%9D%B4%EC%A7%80</guid><description>&lt;h2 id="간추린-뜻-손질-메모"&gt;간추린 뜻 손질 메모&lt;/h2&gt;&#10;&lt;p&gt;필러 페이지는 검수 중에 질문이 오가는 온페이지 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; 항목으로, 글에 따라 Pillar Page, 기둥 페이지 같은 다른 이름·표기&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/%ED%86%A0%ED%94%BD_%ED%81%B4%EB%9F%AC%EC%8A%A4%ED%84%B0"&gt;토픽 클러스터&lt;/a&gt;의 중심에 놓이는 대표 페이지로, 넓은 주제의 전체 그림을 정리하고 세부 글로 이어지는 길잡이 역할을 한다.&lt;/p&gt;&#10;&lt;p&gt;&lt;a href="/."&gt;웹사이트상위노출&lt;/a&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;</description></item><item><title>토픽 클러스터의 뜻과 퇴고 때 쓰임</title><link>https://youico.co.kr/posts/%ED%86%A0%ED%94%BD_%ED%81%B4%EB%9F%AC%EC%8A%A4%ED%84%B0</link><pubDate>Thu, 22 Oct 2026 11:41:00 +0900</pubDate><guid>https://youico.co.kr/posts/%ED%86%A0%ED%94%BD_%ED%81%B4%EB%9F%AC%EC%8A%A4%ED%84%B0</guid><description>&lt;h2 id="뜻풀이-메모"&gt;뜻풀이 메모&lt;/h2&gt;&#10;&lt;p&gt;토픽 클러스터는 원고 손질 노트에 실린 온페이지 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; 낱말이며, 문맥에 따라 Topic Cluster, 주제 묶음 같은 다른 이름·표기&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/%EB%82%B4%EB%B6%80_%EB%A7%81%ED%81%AC"&gt;내부 링크&lt;/a&gt;로 서로 묶어 놓은 콘텐츠 구성 방식이다.&lt;/p&gt;&#10;&lt;p&gt;&lt;a href="/."&gt;웹사이트상위노출&lt;/a&gt;은 검색 결과 위쪽에 웹사이트가 오르도록 손보는 작업을 말하는데, 글을 다듬는 편집 작업도 그 한쪽을 차지한다.&lt;/p&gt;&#10;&lt;h2 id="배경-돌아보기"&gt;배경 돌아보기&lt;/h2&gt;&#10;&lt;p&gt;표제어의 내력을 편집자의 말로 정리하면 이렇다. 키워드 하나에 글 하나를 맞추던 방식이 비슷한 글을 양산하자, 콘텐츠 마케팅 업계에서 주제 단위로 글을 설계하자는 접근으로 퍼진 용어다.&lt;/p&gt;</description></item><item><title>엔티티 손질 사례 스케치</title><link>https://youico.co.kr/posts/%EC%97%94%ED%8B%B0%ED%8B%B0</link><pubDate>Thu, 22 Oct 2026 08:00:00 +0900</pubDate><guid>https://youico.co.kr/posts/%EC%97%94%ED%8B%B0%ED%8B%B0</guid><description>&lt;h2 id="한눈에-보기-기록"&gt;한눈에 보기 기록&lt;/h2&gt;&#10;&lt;p&gt;엔티티는 사례 스케치의 중심에 둔 온페이지 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; 개념이고, 글에 따라 다른 이름·표기로 Entity, 개체 등을 붙인다. 검색엔진이 고유한 대상으로 구별해 인식하는 사람, 장소, 조직, 브랜드, 작품 같은 개체로, 단어 문자열이 아니라 그것이 가리키는 실체를 뜻한다.&lt;/p&gt;&#10;&lt;p&gt;&lt;a href="/."&gt;웹사이트상위노출&lt;/a&gt;은 검색 화면 상단에 사이트를 놓는 작업을 말하는 이름이고, 원고를 고쳐 쓰는 일도 그 안에 들어 있다.&lt;/p&gt;&#10;&lt;h2 id="가정-상황-기록"&gt;가정 상황 기록&lt;/h2&gt;&#10;&lt;p&gt;여기 옮긴 장면은 특정 사이트와 관계없는 가상 사례&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;</description></item><item><title>LSI 키워드 퇴고하며 묻고 답하기</title><link>https://youico.co.kr/posts/lsi_%ED%82%A4%EC%9B%8C%EB%93%9C</link><pubDate>Wed, 21 Oct 2026 14:19:00 +0900</pubDate><guid>https://youico.co.kr/posts/lsi_%ED%82%A4%EC%9B%8C%EB%93%9C</guid><description>&lt;h2 id="뜻풀이-교정-메모"&gt;뜻풀이 교정 메모&lt;/h2&gt;&#10;&lt;p&gt;LSI 키워드는 이번 문답의 주제인 온페이지 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; 항목이며, 쓰는 사람에 따라 LSI Keywords, Semantic Keywords, 의미 연관 키워드 같은 다른 이름·표기&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;로도 불린다. 핵심 키워드와 의미상 함께 쓰이는 관련 단어와 표현을 SEO 업계에서 부르는 말로, 이름은 잠재 의미 색인이라는 정보 검색 기법에서 따왔다.&lt;/p&gt;&#10;&lt;p&gt;&lt;a href="/."&gt;웹사이트상위노출&lt;/a&gt;은 검색 결과 위쪽에 웹사이트를 세우려는 일을 말하는 이름인데, 넓게 보면 원고 안쪽을 다듬는 일도 거기에 이어진다.&lt;/p&gt;&#10;&lt;h2 id="묻고-답하기-기록"&gt;묻고 답하기 기록&lt;/h2&gt;&#10;&lt;blockquote&gt;&#10;&lt;p&gt;자주 듣는 말을 확인하는 물음, LSI 키워드에 관한 통념 가운데 고칠 것은 무엇인가?&lt;/p&gt;&#10;&lt;/blockquote&gt;</description></item><item><title>키워드 스터핑 개념 정리와 손질 메모</title><link>https://youico.co.kr/posts/%ED%82%A4%EC%9B%8C%EB%93%9C_%EC%8A%A4%ED%84%B0%ED%95%91</link><pubDate>Wed, 21 Oct 2026 11:37:00 +0900</pubDate><guid>https://youico.co.kr/posts/%ED%82%A4%EC%9B%8C%EB%93%9C_%EC%8A%A4%ED%84%B0%ED%95%91</guid><description>&lt;h2 id="표제어-풀이-메모"&gt;표제어 풀이 메모&lt;/h2&gt;&#10;&lt;p&gt;키워드 스터핑은 편집 책상에 올라온 온페이지 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; 개념이고, 해설서마다 Keyword Stuffing, 키워드 남용 등의 다른 이름·표기&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;p&gt;&lt;a href="/."&gt;웹사이트상위노출&lt;/a&gt;은 검색 결과 첫머리에 사이트를 보이게 하려는 일을 이르는데, 페이지 글과 마크업을 손보는 일은 그 가운데 한 갈래다.&lt;/p&gt;&#10;&lt;h2 id="쓰이게-된-배경-정리"&gt;쓰이게 된 배경 정리&lt;/h2&gt;&#10;&lt;p&gt;용어가 자리 잡은 사정을 짧은 단락으로 옮기면 다음과 같다. 단어 빈도가 순위에 크게 작용하던 시절 흔히 쓰인 수법이며, 검색엔진이 이를 걸러내도록 발전하면서 대표적인 스팸 기법으로 분류되었다.&lt;/p&gt;</description></item><item><title>키워드 밀도의 뜻, 편집자의 용어 메모</title><link>https://youico.co.kr/posts/%ED%82%A4%EC%9B%8C%EB%93%9C_%EB%B0%80%EB%8F%84</link><pubDate>Wed, 21 Oct 2026 08:00:00 +0900</pubDate><guid>https://youico.co.kr/posts/%ED%82%A4%EC%9B%8C%EB%93%9C_%EB%B0%80%EB%8F%84</guid><description>&lt;h2 id="한눈에-보기-짚기"&gt;한눈에 보기 짚기&lt;/h2&gt;&#10;&lt;p&gt;키워드 밀도는 이웃 용어와 나란히 놓고 볼 온페이지 SEO&lt;sup id="fnref:1"&gt;&lt;a href="#fn:1" class="footnote-ref" role="doc-noteref"&gt;1&lt;/a&gt;&lt;/sup&gt; 표제어로, 쓰는 사람에 따라 다른 이름·표기&lt;sup id="fnref:2"&gt;&lt;a href="#fn:2" class="footnote-ref" role="doc-noteref"&gt;2&lt;/a&gt;&lt;/sup&gt;로 Keyword Density, 키워드 비율 등이 쓰인다. 본문 전체 단어 가운데 특정 키워드가 차지하는 비율을 가리키며, 키워드 등장 횟수를 전체 단어 수로 나누어 계산하는 것이 일반적이다.&lt;/p&gt;&#10;&lt;p&gt;&lt;a href="/."&gt;웹사이트상위노출&lt;/a&gt;은 검색 결과 상위에 웹사이트가 보이게 하려는 작업을 두루 이르고, 페이지 원고를 가다듬는 일도 그 범위에 놓인다.&lt;/p&gt;&#10;&lt;h2 id="섞이기-쉬운-말-한-장"&gt;섞이기 쉬운 말 한 장&lt;/h2&gt;&#10;&lt;p&gt;낱말 목록에서 키워드 밀도와 혼동되는 개념과 나뉘는 자리는 이렇다. 키워드가 몇 번 나왔는지 세는 출현 횟수와 비슷해 보이지만, 횟수는 절대 숫자이고 이 지표는 글 전체 분량으로 나눈 비율이라 글 길이에 따라 같은 횟수도 다르게 계산된다.&lt;/p&gt;</description></item><item><title>대체 텍스트 점검 항목과 손질 메모</title><link>https://youico.co.kr/posts/%EB%8C%80%EC%B2%B4_%ED%85%8D%EC%8A%A4%ED%8A%B8</link><pubDate>Tue, 20 Oct 2026 14:48:00 +0900</pubDate><guid>https://youico.co.kr/posts/%EB%8C%80%EC%B2%B4_%ED%85%8D%EC%8A%A4%ED%8A%B8</guid><description>&lt;h2 id="머리말-노트"&gt;머리말 노트&lt;/h2&gt;&#10;&lt;p&gt;대체 텍스트는 원고 점검 순서에 끼는 온페이지 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; 낱말이며, 매체마다 Alt Text, alt 속성, 이미지 대체 텍스트 같은 다른 이름·표기로도 불린다. 이미지 요소의 alt 속성에 적는 설명문으로, 이미지를 볼 수 없는 상황에서 그 내용을 글로 대신 전달하고 이미지 검색에도 활용된다.&lt;/p&gt;&#10;&lt;p&gt;&lt;a href="/."&gt;웹사이트상위노출&lt;/a&gt;은 검색 결과 상단에 웹사이트를 올리려는 일을 뜻하며, 원고를 확인하고 손보는 일도 그 안에서 이루어진다.&lt;/p&gt;&#10;&lt;h2 id="배경-확인"&gt;배경 확인&lt;/h2&gt;&#10;&lt;p&gt;검수 메모 첫 칸에 대체 텍스트가 등장한 배경은 다음과 같다. 시각 장애가 있는 사용자가 화면 낭독기로 이미지 내용을 들을 수 있도록 마련된 접근성 장치이며, 이미지가 불러와지지 않을 때 대신 표시되는 용도도 있다.&lt;/p&gt;</description></item><item><title>앵커 텍스트, 이웃 용어와 나란히 읽기</title><link>https://youico.co.kr/posts/%EC%95%B5%EC%BB%A4_%ED%85%8D%EC%8A%A4%ED%8A%B8</link><pubDate>Tue, 20 Oct 2026 11:34:00 +0900</pubDate><guid>https://youico.co.kr/posts/%EC%95%B5%EC%BB%A4_%ED%85%8D%EC%8A%A4%ED%8A%B8</guid><description>&lt;h2 id="첫머리-한-장"&gt;첫머리 한 장&lt;/h2&gt;&#10;&lt;p&gt;앵커 텍스트는 표기와 뜻을 함께 챙길 온페이지 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; 항목으로, 자료에 따라 Anchor Text, 링크 텍스트 등 다른 이름·표기&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;p&gt;&lt;a href="/."&gt;웹사이트상위노출&lt;/a&gt;은 검색 결과 윗줄에 사이트가 나오게 하는 일을 이르고, 문서의 낱말을 다듬는 편집도 그 한쪽을 맡는다.&lt;/p&gt;&#10;&lt;h2 id="이웃-개념-살피기"&gt;이웃 개념 살피기&lt;/h2&gt;&#10;&lt;p&gt;용어 묶음 안에서 앵커 텍스트와 바꿔 쓰기 쉬운 말과의 경계는 다음과 같다. 링크가 가리키는 주소인 href 값과 혼동되기도 하지만, 주소는 이동할 목적지를 정하고 이 글자는 사람과 검색엔진에게 그 목적지가 무엇인지 설명한다는 점이 다르다.&lt;/p&gt;</description></item><item><title>헤딩 태그 퇴고 장면으로 읽기</title><link>https://youico.co.kr/posts/%ED%97%A4%EB%94%A9_%ED%83%9C%EA%B7%B8</link><pubDate>Tue, 20 Oct 2026 08:15:00 +0900</pubDate><guid>https://youico.co.kr/posts/%ED%97%A4%EB%94%A9_%ED%83%9C%EA%B7%B8</guid><description>&lt;h2 id="한눈에-보기-메모"&gt;한눈에 보기 메모&lt;/h2&gt;&#10;&lt;p&gt;헤딩 태그는 가정한 장면 위에서 읽어 볼 온페이지 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; 낱말로, 다루는 글마다 Heading Tags, H1~H6, 제목 태그 같은 다른 이름·표기로 소개된다. 본문의 큰 제목부터 작은 소제목까지 여섯 단계로 나누어 표시하는 HTML 요소로, 글의 계층 구조를 기계와 사람 모두에게 알려 준다.&lt;/p&gt;&#10;&lt;p&gt;&lt;a href="/."&gt;웹사이트상위노출&lt;/a&gt;은 검색 결과 위쪽에 웹사이트가 잡히게 하는 일을 말하는 이름이고, 페이지 글을 정리하는 일도 그 작업에 들어간다.&lt;/p&gt;&#10;&lt;h2 id="꾸민-상황-노트"&gt;꾸민 상황 노트&lt;/h2&gt;&#10;&lt;p&gt;아래 상황은 설명용으로 만든 가상 사례&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;</description></item><item><title>메타 키워드 해설, 초고에서 발행본까지</title><link>https://youico.co.kr/posts/%EB%A9%94%ED%83%80_%ED%82%A4%EC%9B%8C%EB%93%9C</link><pubDate>Mon, 19 Oct 2026 14:34:00 +0900</pubDate><guid>https://youico.co.kr/posts/%EB%A9%94%ED%83%80_%ED%82%A4%EC%9B%8C%EB%93%9C</guid><description>&lt;h2 id="간추린-뜻-해설"&gt;간추린 뜻 해설&lt;/h2&gt;&#10;&lt;p&gt;메타 키워드는 이 장에서 풀어 보는 온페이지 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; 표제어로, 글쓴이마다 Meta Keywords, 키워드 메타 태그 등의 다른 이름·표기&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;로 적히기도 한다. 페이지와 관련된 키워드를 쉼표로 나열해 head 영역에 적던 meta 요소로, 현재 구글은 순위 판단에 이 값을 쓰지 않는다.&lt;/p&gt;&#10;&lt;p&gt;&lt;a href="/."&gt;웹사이트상위노출&lt;/a&gt;은 검색 결과 앞쪽에 웹사이트를 올리려는 작업을 두루 이르는데, 원고를 다듬는 일도 그 작업 안에 든다.&lt;/p&gt;&#10;&lt;h2 id="쓰임의-내력-짚기"&gt;쓰임의 내력 짚기&lt;/h2&gt;&#10;&lt;p&gt;용어가 쓰이기 시작한 사정을 편집자의 말로 정리하면 이렇다. 초기 검색엔진이 문서 주제를 파악하는 데 참고했으나, 관련 없는 인기 검색어를 마구 넣는 남용이 퍼지면서 검색엔진들이 점차 신뢰하지 않게 되었다.&lt;/p&gt;</description></item><item><title>메타 디스크립션, 교정 책상에서 나온 질문들</title><link>https://youico.co.kr/posts/%EB%A9%94%ED%83%80_%EB%94%94%EC%8A%A4%ED%81%AC%EB%A6%BD%EC%85%98</link><pubDate>Mon, 19 Oct 2026 11:30:00 +0900</pubDate><guid>https://youico.co.kr/posts/%EB%A9%94%ED%83%80_%EB%94%94%EC%8A%A4%ED%81%AC%EB%A6%BD%EC%85%98</guid><description>&lt;h2 id="머리말-한-장"&gt;머리말 한 장&lt;/h2&gt;&#10;&lt;p&gt;메타 디스크립션은 편집자에게 자주 묻는 온페이지 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; 개념이고, 찾아보는 곳에 따라 Meta Description, 메타 설명 등의 다른 이름·표기&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;로 적히기도 한다. 페이지 내용을 한두 문장으로 요약해 head 영역의 meta 요소에 적어 두는 설명문으로, 검색 결과 제목 아래 요약문의 후보가 된다.&lt;/p&gt;&#10;&lt;p&gt;&lt;a href="/."&gt;웹사이트상위노출&lt;/a&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;</description></item><item><title>타이틀 태그, 편집자가 짚는 점검 항목</title><link>https://youico.co.kr/posts/%ED%83%80%EC%9D%B4%ED%8B%80_%ED%83%9C%EA%B7%B8</link><pubDate>Mon, 19 Oct 2026 08:00:00 +0900</pubDate><guid>https://youico.co.kr/posts/%ED%83%80%EC%9D%B4%ED%8B%80_%ED%83%9C%EA%B7%B8</guid><description>&lt;h2 id="머리말-읽기"&gt;머리말 읽기&lt;/h2&gt;&#10;&lt;p&gt;타이틀 태그는 되읽기 목록에 들어 있는 온페이지 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; 용어로, 쓰는 사람에 따라 다른 이름·표기로 Title Tag, title 요소 등을 붙인다. HTML 문서의 head 영역에 넣는 페이지 제목 요소로, 검색 결과에서 파란 제목 줄의 기본 재료가 된다. 브라우저 탭에 보이는 이름도 이 값에서 나온다.&lt;/p&gt;&#10;&lt;p&gt;&lt;a href="/."&gt;웹사이트상위노출&lt;/a&gt;은 검색 화면 높은 자리를 겨누는 사이트 작업을 가리키며, 페이지 요소를 살피는 점검도 그 작업에 들어간다.&lt;/p&gt;&#10;&lt;h2 id="생긴-까닭-훑기"&gt;생긴 까닭 훑기&lt;/h2&gt;&#10;&lt;p&gt;되읽기 목록 첫머리에 타이틀 태그가 생겨난 사정을 적어 두면 이렇다. 검색엔진이 문서의 주제를 빠르게 파악하고 사용자가 결과 목록에서 페이지를 고를 수 있도록 초창기 웹 표준부터 쓰여 온 요소다.&lt;/p&gt;</description></item><item><title>AEO답변최적화 질문형 검색 대응</title><link>https://youico.co.kr/AEO%EB%8B%B5%EB%B3%80%EC%B5%9C%EC%A0%81%ED%99%94</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://youico.co.kr/AEO%EB%8B%B5%EB%B3%80%EC%B5%9C%EC%A0%81%ED%99%94</guid><description>&lt;style&gt;&#13;&#10;&#13;&#10;&#13;&#10;.dhYard {&#13;&#10; --dh-yard-paper: var(--t-paper, #f6f5f0);&#13;&#10; --dh-yard-color: var(--t-txt, #0f1014);&#13;&#10; --dh-yard-muted: rgba(19, 17, 19, 0.68);&#13;&#10; --dh-yard-frame: rgba(17, 19, 18, 0.08);&#13;&#10; --dh-yard-accent: var(--t-key, #ff6a22);&#13;&#10; position: relative;&#13;&#10; box-sizing: border-box;&#13;&#10; padding: clamp(160px, 13.5vw, 208px) 20px clamp(56px, 6vw, 82px);&#13;&#10; background: var(--dh-yard-paper);&#13;&#10; color: var(--dh-yard-color);&#13;&#10; font-family: var(--t-ff, 'Noto Sans KR', sans-serif);&#13;&#10; word-break: keep-all;&#13;&#10;}&#13;&#10;.dhYard[data-dh-yard-scheme="dark"] {&#13;&#10; --dh-yard-paper: var(--t-deep, #0b0a0c);&#13;&#10; --dh-yard-color: #f7f2ed;&#13;&#10; --dh-yard-muted: rgba(243, 242, 236, 0.7);&#13;&#10; --dh-yard-frame: rgba(244, 242, 235, 0.08);&#13;&#10;}&#13;&#10;.dhYardWrap {&#13;&#10; max-width: var(--t-measure, 1130px);&#13;&#10; margin: 0 auto;&#13;&#10;}&#13;&#10;.dhYardTop {&#13;&#10; display: flex;&#13;&#10; flex-direction: column;&#13;&#10; align-items: center;&#13;&#10; text-align: center;&#13;&#10;}&#13;&#10;.dhYardKicker {&#13;&#10; display: inline-flex;&#13;&#10; align-items: center;&#13;&#10; gap: 12px;&#13;&#10; margin: 0 0 clamp(20px, 2.6vw, 28px);&#13;&#10; font-size: 14px;&#13;&#10; font-weight: 500;&#13;&#10; letter-spacing: 0.02em;&#13;&#10; color: var(--dh-yard-muted);&#13;&#10;}&#13;&#10;.dhYardDot {&#13;&#10; width: 6px;&#13;&#10; height: 6px;&#13;&#10; border-radius: 50%;&#13;&#10; background: var(--dh-yard-accent);&#13;&#10;}&#13;&#10;.dhYardHeading {&#13;&#10; max-width: 12.875em;&#13;&#10; margin: 0;&#13;&#10; font-family: var(--t-ff-head, var(--t-ff, 'Noto Sans KR', sans-serif));&#13;&#10; font-size: clamp(38px, 6.2vw, 96px);&#13;&#10; font-weight: 800;&#13;&#10; line-height: 1.05;&#13;&#10; letter-spacing: -0.044em;&#13;&#10;}&#13;&#10;.dhYardDesc {&#13;&#10; max-width: 30.625em;&#13;&#10; margin: clamp(22px, 2.8vw, 36px) 0 0;&#13;&#10; font-size: clamp(16px, 1.3vw, 20px);&#13;&#10; font-weight: 300;&#13;&#10; line-height: 1.75;&#13;&#10; color: var(--dh-yard-muted);&#13;&#10;}&#13;&#10;.dhYardFrame {&#13;&#10; position: relative;&#13;&#10; margin: clamp(54px, 6.5vw, 94px) 0 0;&#13;&#10; aspect-ratio: 21 / 9;&#13;&#10; border-radius: var(--t-corner, 14px);&#13;&#10; background: var(--dh-yard-frame);&#13;&#10; overflow: hidden;&#13;&#10;}&#13;&#10;.dhYardImage {&#13;&#10; display: block;&#13;&#10; width: 100%;&#13;&#10; height: 100%;&#13;&#10; object-fit: cover;&#13;&#10; transition: transform 1.95s cubic-bezier(0.16, 1, 0.3, 1) 0.35s, opacity 1.3s ease 0.3s;&#13;&#10;}&#13;&#10;.dhYardCap {&#13;&#10; display: flex;&#13;&#10; align-items: center;&#13;&#10; gap: 14px;&#13;&#10; margin: 18px 0 0;&#13;&#10; font-size: 14px;&#13;&#10; font-weight: 400;&#13;&#10; color: var(--dh-yard-muted);&#13;&#10;}&#13;&#10;.dhYardCapRule {&#13;&#10; width: 30px;&#13;&#10; height: 1px;&#13;&#10; background: var(--dh-yard-accent);&#13;&#10; flex-shrink: 0;&#13;&#10;}&#13;&#10;[data-dh-yard-anim] {&#13;&#10; transition: opacity 1.1s cubic-bezier(0.16, 1, 0.3, 1), transform 0.95s cubic-bezier(0.16, 1, 0.3, 1);&#13;&#10;}&#13;&#10;[data-dh-yard-state="0"] [data-dh-yard-anim] {&#13;&#10; opacity: 0;&#13;&#10; transform: translateY(26px);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;[data-dh-yard-state="0"] .dhYardImage {&#13;&#10; opacity: 0;&#13;&#10; transform: scale(1.08);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;@media (max-width: 580px) {&#13;&#10; .dhYardFrame {&#13;&#10; aspect-ratio: 4 / 3;&#13;&#10; }&#13;&#10;}&#13;&#10;&#13;&#10;&#13;&#10;&#13;&#10;&#13;&#10;.dhPane {&#13;&#10; --dh-pane-paper: var(--t-paper, #f6f7f2);&#13;&#10; --dh-pane-color: var(--t-txt, #141012);&#13;&#10; --dh-pane-muted: rgba(15, 17, 17, 0.7);&#13;&#10; --dh-pane-rule: rgba(19, 15, 20, 0.14);&#13;&#10; --dh-pane-accent: var(--t-key, #ff6a20);&#13;&#10; --dh-pane-action-paper: #0f100f;&#13;&#10; --dh-pane-action-color: #ffffff;&#13;&#10; position: relative;&#13;&#10; box-sizing: border-box;&#13;&#10; padding: clamp(84px, 11vw, 166px) 22px clamp(76px, 9vw, 126px);&#13;&#10; background: var(--dh-pane-paper);&#13;&#10; color: var(--dh-pane-color);&#13;&#10; font-family: var(--t-ff, 'Noto Sans KR', sans-serif);&#13;&#10; word-break: keep-all;&#13;&#10;}&#13;&#10;.dhPane[data-dh-pane-scheme="dark"] {&#13;&#10; --dh-pane-paper: var(--t-deep, #0a0b0d);&#13;&#10; --dh-pane-color: #f1efed;&#13;&#10; --dh-pane-muted: rgba(245, 245, 237, 0.7);&#13;&#10; --dh-pane-rule: rgba(242, 241, 237, 0.16);&#13;&#10; --dh-pane-action-paper: #f4f1eb;&#13;&#10; --dh-pane-action-color: #0f090e;&#13;&#10;}&#13;&#10;.dhPaneWrap {&#13;&#10; display: grid;&#13;&#10; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);&#13;&#10; gap: clamp(38px, 7vw, 130px);&#13;&#10; max-width: var(--t-measure, 1286px);&#13;&#10; margin: 0 auto;&#13;&#10;}&#13;&#10;.dhPaneSide {&#13;&#10; position: sticky;&#13;&#10; top: clamp(98px, 14vh, 134px);&#13;&#10; align-self: start;&#13;&#10;}&#13;&#10;.dhPaneKicker {&#13;&#10; display: flex;&#13;&#10; align-items: center;&#13;&#10; gap: 12px;&#13;&#10; margin: 0 0 clamp(22px, 3vw, 40px);&#13;&#10; font-size: 14px;&#13;&#10; font-weight: 500;&#13;&#10; letter-spacing: 0.02em;&#13;&#10; color: var(--dh-pane-muted);&#13;&#10;}&#13;&#10;.dhPaneDot {&#13;&#10; width: 8px;&#13;&#10; height: 9px;&#13;&#10; border-radius: 50%;&#13;&#10; background: var(--dh-pane-accent);&#13;&#10; flex-shrink: 0;&#13;&#10;}&#13;&#10;.dhPaneHeading {&#13;&#10; margin: 0;&#13;&#10; max-width: 10.375em;&#13;&#10; font-family: var(--t-ff-head, var(--t-ff, 'Noto Sans KR', sans-serif));&#13;&#10; font-size: clamp(32px, 4vw, 52px);&#13;&#10; font-weight: 800;&#13;&#10; line-height: 1.25;&#13;&#10; letter-spacing: -0.04em;&#13;&#10;}&#13;&#10;.dhPaneDesc {&#13;&#10; margin: clamp(20px, 2.6vw, 34px) 0 0;&#13;&#10; max-width: 22.5em;&#13;&#10; font-size: clamp(16px, 1.15vw, 18px);&#13;&#10; font-weight: 300;&#13;&#10; line-height: 1.8;&#13;&#10; color: var(--dh-pane-muted);&#13;&#10;}&#13;&#10;.dhPaneGo {&#13;&#10; display: inline-flex;&#13;&#10; align-items: center;&#13;&#10; gap: 14px;&#13;&#10; margin-top: clamp(32px, 4vw, 52px);&#13;&#10; min-height: 56px;&#13;&#10; padding: 0 30px;&#13;&#10; border-radius: var(--t-action-corner, 940px);&#13;&#10; background: var(--dh-pane-action-paper);&#13;&#10; color: var(--dh-pane-action-color);&#13;&#10; font-size: 16px;&#13;&#10; font-weight: 700;&#13;&#10; text-decoration: none;&#13;&#10; transition: transform 0.3s ease;&#13;&#10;}&#13;&#10;.dhPaneGo:hover {&#13;&#10; transform: translateY(-2px);&#13;&#10;}&#13;&#10;.dhPaneGo:focus-visible {&#13;&#10; outline: 2px solid var(--dh-pane-color);&#13;&#10; outline-offset: 3px;&#13;&#10;}&#13;&#10;.dhPaneArr {&#13;&#10; position: relative;&#13;&#10; width: 14px;&#13;&#10; height: 1.5px;&#13;&#10; background: currentColor;&#13;&#10; transition: width 0.3s ease;&#13;&#10;}&#13;&#10;.dhPaneArr::after {&#13;&#10; content: '';&#13;&#10; position: absolute;&#13;&#10; right: 0;&#13;&#10; top: -3px;&#13;&#10; width: 6px;&#13;&#10; height: 6px;&#13;&#10; border-top: 1.5px solid currentColor;&#13;&#10; border-right: 1.5px solid currentColor;&#13;&#10; transform: rotate(45deg);&#13;&#10;}&#13;&#10;.dhPaneGo:hover .dhPaneArr {&#13;&#10; width: 22px;&#13;&#10;}&#13;&#10;.dhPaneList {&#13;&#10; margin: 0;&#13;&#10; padding: 0;&#13;&#10; list-style: none;&#13;&#10; border-left: 1px solid var(--dh-pane-rule);&#13;&#10; counter-reset: pane-mv;&#13;&#10;}&#13;&#10;.dhPaneNode {&#13;&#10; position: relative;&#13;&#10; padding: clamp(40px, 4.6vw, 64px) 0 clamp(40px, 4.6vw, 56px) clamp(30px, 3.4vw, 54px);&#13;&#10; counter-increment: pane-mv;&#13;&#10;}&#13;&#10;.dhPaneNode::before {&#13;&#10; content: '';&#13;&#10; position: absolute;&#13;&#10; left: -1px;&#13;&#10; top: 0;&#13;&#10; bottom: 0;&#13;&#10; width: 2px;&#13;&#10; background: var(--dh-pane-accent);&#13;&#10; transform: scaleY(0);&#13;&#10; transform-origin: 50% 0;&#13;&#10; transition: transform 0.95s cubic-bezier(0.16, 1, 0.3, 1);&#13;&#10;}&#13;&#10;[data-dh-pane-on="1"]::before {&#13;&#10; transform: scaleY(1);&#13;&#10;}&#13;&#10;.dhPaneN {&#13;&#10; display: block;&#13;&#10; margin-bottom: 18px;&#13;&#10; font-size: 12px;&#13;&#10; font-weight: 500;&#13;&#10; letter-spacing: 0.06em;&#13;&#10; font-variant-numeric: tabular-nums;&#13;&#10; color: var(--dh-pane-muted);&#13;&#10;}&#13;&#10;.dhPaneN::before {&#13;&#10; content: counter(pane-mv, decimal-leading-zero);&#13;&#10;}&#13;&#10;.dhPaneName {&#13;&#10; margin: 0;&#13;&#10; font-size: clamp(22px, 2.4vw, 34px);&#13;&#10; font-weight: 700;&#13;&#10; line-height: 1.3;&#13;&#10; letter-spacing: -0.03em;&#13;&#10;}&#13;&#10;.dhPaneTxt {&#13;&#10; margin: 14px 0 0;&#13;&#10; max-width: 30.75em;&#13;&#10; font-size: 16px;&#13;&#10; font-weight: 400;&#13;&#10; line-height: 1.7;&#13;&#10; color: var(--dh-pane-muted);&#13;&#10;}&#13;&#10;.dhPaneKeys {&#13;&#10; display: flex;&#13;&#10; flex-wrap: wrap;&#13;&#10; gap: 9px 22px;&#13;&#10; margin: 22px 0 0;&#13;&#10; padding: 18px 0 0;&#13;&#10; list-style: none;&#13;&#10; border-top: 1px solid var(--dh-pane-rule);&#13;&#10;}&#13;&#10;.dhPaneKey {&#13;&#10; font-size: 16px;&#13;&#10; font-weight: 500;&#13;&#10; line-height: 1.6;&#13;&#10;}&#13;&#10;[data-dh-pane-anim] {&#13;&#10; transition: opacity 1.15s cubic-bezier(0.16, 1, 0.3, 1), transform 1.15s cubic-bezier(0.16, 1, 0.3, 1);&#13;&#10;}&#13;&#10;[data-dh-pane-state="0"] [data-dh-pane-anim] {&#13;&#10; opacity: 0;&#13;&#10; transform: translateY(32px);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;@media (max-width: 956px) {&#13;&#10; .dhPaneWrap {&#13;&#10; grid-template-columns: 1fr;&#13;&#10; }&#13;&#10; .dhPaneSide {&#13;&#10; position: relative;&#13;&#10; top: auto;&#13;&#10; }&#13;&#10;}&#13;&#10;&#13;&#10;&#13;&#10;&#13;&#10;&#13;&#10;.dhCell {&#13;&#10; --dh-cell-paper: var(--t-paper, #f6f4ee);&#13;&#10; --dh-cell-color: var(--t-txt, #121114);&#13;&#10; --dh-cell-muted: rgba(16, 16, 18, 0.7);&#13;&#10; --dh-cell-rule: rgba(15, 15, 20, 0.13);&#13;&#10; --dh-cell-frame: rgba(14, 14, 16, 0.09);&#13;&#10; --dh-cell-accent: var(--t-key, #ff6d22);&#13;&#10; --dh-cell-action-paper: #0e1314;&#13;&#10; --dh-cell-action-color: #fdffff;&#13;&#10; position: relative;&#13;&#10; box-sizing: border-box;&#13;&#10; padding: clamp(82px, 11vw, 150px) 22px clamp(86px, 10vw, 146px);&#13;&#10; background: var(--dh-cell-paper);&#13;&#10; color: var(--dh-cell-color);&#13;&#10; font-family: var(--t-ff, 'Noto Sans KR', sans-serif);&#13;&#10; word-break: keep-all;&#13;&#10;}&#13;&#10;.dhCell[data-dh-cell-scheme="dark"] {&#13;&#10; --dh-cell-paper: var(--t-deep, #0e0c0f);&#13;&#10; --dh-cell-color: #f5f2f0;&#13;&#10; --dh-cell-muted: rgba(241, 242, 236, 0.7);&#13;&#10; --dh-cell-rule: rgba(241, 241, 237, 0.17);&#13;&#10; --dh-cell-frame: rgba(243, 245, 239, 0.1);&#13;&#10; --dh-cell-action-paper: #f1f0ef;&#13;&#10; --dh-cell-action-color: #0b0f10;&#13;&#10;}&#13;&#10;.dhCellWrap {&#13;&#10; max-width: var(--t-measure, 1242px);&#13;&#10; margin: 0 auto;&#13;&#10; display: grid;&#13;&#10; grid-template-columns: 0.9fr 1fr 1fr;&#13;&#10; gap: clamp(20px, 3vw, 42px);&#13;&#10; align-items: start;&#13;&#10;}&#13;&#10;.dhCellAside {&#13;&#10; display: flex;&#13;&#10; flex-direction: column;&#13;&#10; align-items: flex-start;&#13;&#10; gap: 24px;&#13;&#10; padding-top: clamp(0px, 4vw, 60px);&#13;&#10;}&#13;&#10;.dhCellHeading {&#13;&#10; margin: 0;&#13;&#10; font-family: var(--t-ff-head, var(--t-ff, 'Noto Sans KR', sans-serif));&#13;&#10; font-size: clamp(30px, 3.3vw, 50px);&#13;&#10; font-weight: 800;&#13;&#10; line-height: 1.15;&#13;&#10; letter-spacing: -0.04em;&#13;&#10;}&#13;&#10;.dhCellDesc {&#13;&#10; margin: 0;&#13;&#10; max-width: 24.25em;&#13;&#10; font-size: 16px;&#13;&#10; line-height: 1.8;&#13;&#10; color: var(--dh-cell-muted);&#13;&#10;}&#13;&#10;.dhCellAction {&#13;&#10; display: inline-flex;&#13;&#10; align-items: center;&#13;&#10; gap: 12px;&#13;&#10; min-height: 48px;&#13;&#10; margin-top: 8px;&#13;&#10; padding: 0 26px;&#13;&#10; border-radius: var(--t-action-corner, 902px);&#13;&#10; background: var(--dh-cell-action-paper);&#13;&#10; color: var(--dh-cell-action-color);&#13;&#10; font-size: 14px;&#13;&#10; font-weight: 700;&#13;&#10; text-decoration: none;&#13;&#10; transition: transform 0.3s ease;&#13;&#10;}&#13;&#10;.dhCellAction:hover {&#13;&#10; transform: translateY(-2px);&#13;&#10;}&#13;&#10;.dhCellAction:focus-visible {&#13;&#10; outline: 2px solid var(--dh-cell-color);&#13;&#10; outline-offset: 3px;&#13;&#10;}&#13;&#10;.dhCellArr {&#13;&#10; position: relative;&#13;&#10; width: 14px;&#13;&#10; height: 1.5px;&#13;&#10; background: currentColor;&#13;&#10; transition: width 0.3s ease;&#13;&#10;}&#13;&#10;.dhCellArr::after {&#13;&#10; content: '';&#13;&#10; position: absolute;&#13;&#10; right: 0;&#13;&#10; top: -3px;&#13;&#10; width: 6px;&#13;&#10; height: 6px;&#13;&#10; border-top: 1.5px solid currentColor;&#13;&#10; border-right: 1.5px solid currentColor;&#13;&#10; transform: rotate(45deg);&#13;&#10;}&#13;&#10;.dhCellAction:hover .dhCellArr {&#13;&#10; width: 24px;&#13;&#10;}&#13;&#10;.dhCellBox {&#13;&#10; position: relative;&#13;&#10;}&#13;&#10;.dhCellFrame {&#13;&#10; aspect-ratio: 4 / 5;&#13;&#10; border-radius: var(--t-corner, 16px);&#13;&#10; background: var(--dh-cell-frame);&#13;&#10; overflow: hidden;&#13;&#10;}&#13;&#10;.dhCellImage {&#13;&#10; display: block;&#13;&#10; width: 100%;&#13;&#10; height: 100%;&#13;&#10; object-fit: cover;&#13;&#10; transition: transform 1.3s cubic-bezier(0.16, 1, 0.3, 1);&#13;&#10;}&#13;&#10;.dhCellBox:hover .dhCellImage {&#13;&#10; transform: scale(1.04);&#13;&#10;}&#13;&#10;.dhCellPanel {&#13;&#10; position: relative;&#13;&#10; margin: clamp(-72px, -6vw, -40px) 0 0 clamp(16px, 2vw, 30px);&#13;&#10; padding: clamp(24px, 2.4vw, 32px) clamp(20px, 2.2vw, 32px) 4px;&#13;&#10; border-radius: var(--t-corner, 14px) 0 0 0;&#13;&#10; background: var(--dh-cell-paper);&#13;&#10;}&#13;&#10;.dhCellPanel::before {&#13;&#10; content: '';&#13;&#10; display: block;&#13;&#10; width: 26px;&#13;&#10; height: 2px;&#13;&#10; margin-bottom: 18px;&#13;&#10; background: var(--dh-cell-accent);&#13;&#10;}&#13;&#10;.dhCellName {&#13;&#10; margin: 0 0 10px;&#13;&#10; font-family: var(--t-ff-head, var(--t-ff, 'Noto Sans KR', sans-serif));&#13;&#10; font-size: clamp(18px, 1.6vw, 24px);&#13;&#10; font-weight: 800;&#13;&#10; line-height: 1.35;&#13;&#10; letter-spacing: -0.03em;&#13;&#10;}&#13;&#10;.dhCellTxt {&#13;&#10; margin: 0;&#13;&#10; font-size: 16px;&#13;&#10; line-height: 1.85;&#13;&#10; color: var(--dh-cell-muted);&#13;&#10;}&#13;&#10;[data-dh-cell-anim] {&#13;&#10; transition: opacity 0.9s cubic-bezier(0.16, 1, 0.3, 1), transform 0.95s cubic-bezier(0.16, 1, 0.3, 1);&#13;&#10;}&#13;&#10;[data-dh-cell-state="0"] [data-dh-cell-anim] {&#13;&#10; opacity: 0;&#13;&#10; transform: translateY(34px);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;@media (max-width: 914px) {&#13;&#10; .dhCellWrap {&#13;&#10; grid-template-columns: 1fr 1fr;&#13;&#10; }&#13;&#10; .dhCellAside {&#13;&#10; grid-column: 1 / -1;&#13;&#10; padding-top: 0;&#13;&#10; margin-bottom: 18px;&#13;&#10; }&#13;&#10;}&#13;&#10;@media (max-width: 610px) {&#13;&#10; .dhCellWrap {&#13;&#10; grid-template-columns: 1fr;&#13;&#10; }&#13;&#10;}&#13;&#10;&#13;&#10;&#13;&#10;&#13;&#10;&#13;&#10;.dhNote {&#13;&#10; --dh-note-paper: var(--t-paper, #f9f8ee);&#13;&#10; --dh-note-color: var(--t-txt, #13120e);&#13;&#10; --dh-note-muted: rgba(19, 20, 19, 0.68);&#13;&#10; --dh-note-rule: rgba(15, 18, 19, 0.14);&#13;&#10; --dh-note-ring: rgba(15, 16, 19, 0.3);&#13;&#10; --dh-note-frame: #e7e3e0;&#13;&#10; --dh-note-accent: var(--t-key, #ff6a22);&#13;&#10; --dh-note-action-paper: #0e0f12;&#13;&#10; --dh-note-action-color: #feffff;&#13;&#10; position: relative;&#13;&#10; box-sizing: border-box;&#13;&#10; padding: clamp(90px, 10vw, 148px) 20px clamp(86px, 10.5vw, 126px);&#13;&#10; background: var(--dh-note-paper);&#13;&#10; color: var(--dh-note-color);&#13;&#10; font-family: var(--t-ff, 'Noto Sans KR', sans-serif);&#13;&#10; word-break: keep-all;&#13;&#10;}&#13;&#10;.dhNote[data-dh-note-scheme="dark"] {&#13;&#10; --dh-note-paper: var(--t-deep, #0c090e);&#13;&#10; --dh-note-color: #f1f0ec;&#13;&#10; --dh-note-muted: rgba(246, 240, 240, 0.7);&#13;&#10; --dh-note-rule: rgba(242, 244, 238, 0.16);&#13;&#10; --dh-note-ring: rgba(246, 239, 238, 0.34);&#13;&#10; --dh-note-frame: #1b1d21;&#13;&#10; --dh-note-action-paper: #f1f5ef;&#13;&#10; --dh-note-action-color: #0f0f0d;&#13;&#10;}&#13;&#10;.dhNoteWrap {&#13;&#10; display: grid;&#13;&#10; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);&#13;&#10; gap: clamp(42px, 7vw, 114px);&#13;&#10; align-items: center;&#13;&#10; max-width: var(--t-measure, 1192px);&#13;&#10; margin: 0 auto;&#13;&#10;}&#13;&#10;.dhNoteFrame {&#13;&#10; position: relative;&#13;&#10; margin: 0;&#13;&#10; aspect-ratio: 4 / 5;&#13;&#10; overflow: hidden;&#13;&#10; border-radius: var(--t-corner, 14px);&#13;&#10; background: var(--dh-note-frame);&#13;&#10; transition: opacity 1.2s cubic-bezier(0.16, 1, 0.3, 1);&#13;&#10;}&#13;&#10;.dhNotePhoto {&#13;&#10; display: block;&#13;&#10; width: 100%;&#13;&#10; height: 100%;&#13;&#10; object-fit: cover;&#13;&#10; transition: transform 1.5s cubic-bezier(0.16, 1, 0.3, 1);&#13;&#10;}&#13;&#10;.dhNoteHeading {&#13;&#10; max-width: 14em;&#13;&#10; margin: 0;&#13;&#10; font-family: var(--t-ff-head, var(--t-ff, 'Noto Sans KR', sans-serif));&#13;&#10; font-size: clamp(26px, 3.6vw, 46px);&#13;&#10; font-weight: 800;&#13;&#10; line-height: 1.15;&#13;&#10; letter-spacing: -0.04em;&#13;&#10;}&#13;&#10;.dhNoteDesc {&#13;&#10; max-width: 32.375em;&#13;&#10; margin: clamp(18px, 2.2vw, 26px) 0 clamp(38px, 4vw, 58px);&#13;&#10; font-size: clamp(14px, 1.15vw, 18px);&#13;&#10; font-weight: 300;&#13;&#10; line-height: 1.8;&#13;&#10; color: var(--dh-note-muted);&#13;&#10;}&#13;&#10;.dhNoteList {&#13;&#10; margin: 0;&#13;&#10; padding: 0;&#13;&#10; list-style: none;&#13;&#10; border-top: 1px solid var(--dh-note-rule);&#13;&#10;}&#13;&#10;.dhNoteNode {&#13;&#10; display: grid;&#13;&#10; grid-template-columns: 26px minmax(0, 1fr);&#13;&#10; gap: 18px;&#13;&#10; align-items: start;&#13;&#10; padding: 22px 0;&#13;&#10; border-bottom: 1px solid var(--dh-note-rule);&#13;&#10; transition: opacity 0.95s cubic-bezier(0.16, 1, 0.3, 1), transform 0.9s cubic-bezier(0.16, 1, 0.3, 1);&#13;&#10; transition-delay: var(--dh-note-d, 0s);&#13;&#10;}&#13;&#10;.dhNoteMark {&#13;&#10; display: block;&#13;&#10; width: 28px;&#13;&#10; height: 28px;&#13;&#10; overflow: visible;&#13;&#10;}&#13;&#10;.dhNoteRing {&#13;&#10; fill: none;&#13;&#10; stroke: var(--dh-note-ring);&#13;&#10; stroke-width: 1;&#13;&#10; transition: stroke 0.3s ease;&#13;&#10;}&#13;&#10;.dhNoteNode:hover .dhNoteRing {&#13;&#10; stroke: var(--dh-note-accent);&#13;&#10;}&#13;&#10;.dhNoteTick {&#13;&#10; fill: none;&#13;&#10; stroke: var(--dh-note-color);&#13;&#10; stroke-width: 1.6;&#13;&#10; stroke-linecap: round;&#13;&#10; stroke-linejoin: round;&#13;&#10; stroke-dasharray: 20;&#13;&#10; stroke-dashoffset: 0;&#13;&#10; transition: stroke-dashoffset 0.75s cubic-bezier(0.65, 0, 0.35, 1);&#13;&#10; transition-delay: calc(var(--dh-note-d, 0s) + 0.45s);&#13;&#10;}&#13;&#10;.dhNoteHead {&#13;&#10; margin: 2px 0 4px;&#13;&#10; font-size: 18px;&#13;&#10; font-weight: 700;&#13;&#10; line-height: 1.4;&#13;&#10; letter-spacing: -0.02em;&#13;&#10;}&#13;&#10;.dhNoteTxt {&#13;&#10; margin: 0;&#13;&#10; font-size: 14px;&#13;&#10; line-height: 1.65;&#13;&#10; color: var(--dh-note-muted);&#13;&#10;}&#13;&#10;.dhNoteGo {&#13;&#10; display: inline-flex;&#13;&#10; align-items: center;&#13;&#10; gap: 12px;&#13;&#10; margin-top: clamp(32px, 4vw, 48px);&#13;&#10; min-height: 52px;&#13;&#10; padding: 0 28px;&#13;&#10; border-radius: var(--t-action-corner, 1086px);&#13;&#10; background: var(--dh-note-action-paper);&#13;&#10; color: var(--dh-note-action-color);&#13;&#10; font-size: 16px;&#13;&#10; font-weight: 700;&#13;&#10; text-decoration: none;&#13;&#10; transition: transform 0.35s ease, opacity 0.9s cubic-bezier(0.16, 1, 0.3, 1);&#13;&#10;}&#13;&#10;.dhNoteGo:hover {&#13;&#10; transform: translateY(-2px);&#13;&#10;}&#13;&#10;.dhNoteGo:focus-visible {&#13;&#10; outline: 2px solid var(--dh-note-color);&#13;&#10; outline-offset: 3px;&#13;&#10;}&#13;&#10;.dhNoteArr {&#13;&#10; position: relative;&#13;&#10; width: 16px;&#13;&#10; height: 1.5px;&#13;&#10; background: currentColor;&#13;&#10; transition: width 0.3s ease;&#13;&#10;}&#13;&#10;.dhNoteArr::after {&#13;&#10; content: '';&#13;&#10; position: absolute;&#13;&#10; right: 0;&#13;&#10; top: -3px;&#13;&#10; width: 6px;&#13;&#10; height: 6px;&#13;&#10; border-top: 1.5px solid currentColor;&#13;&#10; border-right: 1.5px solid currentColor;&#13;&#10; transform: rotate(45deg);&#13;&#10;}&#13;&#10;.dhNoteGo:hover .dhNoteArr {&#13;&#10; width: 22px;&#13;&#10;}&#13;&#10;[data-dh-note-anim] {&#13;&#10; transition: opacity 1.05s cubic-bezier(0.16, 1, 0.3, 1), transform 0.95s cubic-bezier(0.16, 1, 0.3, 1);&#13;&#10; transition-delay: var(--dh-note-d, 0s);&#13;&#10;}&#13;&#10;[data-dh-note-state="0"] [data-dh-note-anim] {&#13;&#10; opacity: 0;&#13;&#10; transform: translateY(22px);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;[data-dh-note-state="0"] .dhNoteFrame {&#13;&#10; opacity: 0;&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;[data-dh-note-state="0"] .dhNotePhoto {&#13;&#10; transform: scale(1.08);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;[data-dh-note-state="0"] .dhNoteTick {&#13;&#10; stroke-dashoffset: 20;&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;@media (max-width: 850px) {&#13;&#10; .dhNoteWrap {&#13;&#10; grid-template-columns: 1fr;&#13;&#10; }&#13;&#10; .dhNoteFrame {&#13;&#10; aspect-ratio: 4 / 3;&#13;&#10; }&#13;&#10;}&#13;&#10;&#13;&#10;&#13;&#10;&#13;&#10;&#13;&#10;.dhTile {&#13;&#10; --dh-tile-paper: var(--t-paper, #f9f4f1);&#13;&#10; --dh-tile-color: var(--t-txt, #0f100e);&#13;&#10; --dh-tile-muted: rgba(15, 20, 15, 0.7);&#13;&#10; --dh-tile-rule: rgba(17, 14, 15, 0.14);&#13;&#10; --dh-tile-accent: var(--t-key, #fd6c21);&#13;&#10; position: relative;&#13;&#10; box-sizing: border-box;&#13;&#10; padding: clamp(76px, 10.5vw, 160px) 20px clamp(96px, 11vw, 148px);&#13;&#10; background: var(--dh-tile-paper);&#13;&#10; color: var(--dh-tile-color);&#13;&#10; font-family: var(--t-ff, 'Noto Sans KR', sans-serif);&#13;&#10; word-break: keep-all;&#13;&#10;}&#13;&#10;.dhTile[data-dh-tile-scheme="dark"] {&#13;&#10; --dh-tile-paper: var(--t-deep, #090d0e);&#13;&#10; --dh-tile-color: #f1f3ed;&#13;&#10; --dh-tile-muted: rgba(244, 242, 235, 0.7);&#13;&#10; --dh-tile-rule: rgba(242, 245, 236, 0.16);&#13;&#10;}&#13;&#10;.dhTileWrap {&#13;&#10; max-width: var(--t-measure, 1166px);&#13;&#10; margin: 0 auto;&#13;&#10;}&#13;&#10;.dhTileHead {&#13;&#10; display: flex;&#13;&#10; flex-wrap: wrap;&#13;&#10; align-items: baseline;&#13;&#10; justify-content: space-between;&#13;&#10; gap: 18px 38px;&#13;&#10; padding-bottom: clamp(26px, 3vw, 36px);&#13;&#10; border-bottom: 1px solid var(--dh-tile-rule);&#13;&#10;}&#13;&#10;.dhTileKicker {&#13;&#10; display: flex;&#13;&#10; align-items: center;&#13;&#10; gap: 12px;&#13;&#10; margin: 0;&#13;&#10; font-size: 14px;&#13;&#10; font-weight: 500;&#13;&#10; letter-spacing: 0.02em;&#13;&#10; color: var(--dh-tile-muted);&#13;&#10;}&#13;&#10;.dhTileDot {&#13;&#10; width: 9px;&#13;&#10; height: 9px;&#13;&#10; border-radius: 50%;&#13;&#10; background: var(--dh-tile-accent);&#13;&#10; flex-shrink: 0;&#13;&#10;}&#13;&#10;.dhTileHeading {&#13;&#10; margin: 0;&#13;&#10; font-family: var(--t-ff-head, var(--t-ff, 'Noto Sans KR', sans-serif));&#13;&#10; font-size: clamp(22px, 2vw, 28px);&#13;&#10; font-weight: 800;&#13;&#10; line-height: 1.3;&#13;&#10; letter-spacing: -0.03em;&#13;&#10;}&#13;&#10;.dhTileFigure {&#13;&#10; display: grid;&#13;&#10; grid-template-columns: minmax(78px, 2fr) 10fr;&#13;&#10; gap: clamp(20px, 4vw, 60px);&#13;&#10; margin: clamp(56px, 8vw, 110px) 0 0;&#13;&#10;}&#13;&#10;.dhTileMark {&#13;&#10; display: block;&#13;&#10; width: 100%;&#13;&#10; max-width: 134px;&#13;&#10; height: auto;&#13;&#10; overflow: visible;&#13;&#10;}&#13;&#10;.dhTileMarkPath {&#13;&#10; fill: none;&#13;&#10; stroke: var(--dh-tile-accent);&#13;&#10; stroke-width: 3;&#13;&#10; stroke-linecap: round;&#13;&#10; stroke-linejoin: round;&#13;&#10; stroke-dasharray: 1;&#13;&#10; stroke-dashoffset: 0;&#13;&#10; transition: stroke-dashoffset 1.45s cubic-bezier(0.16, 1, 0.3, 1) 0.3s;&#13;&#10;}&#13;&#10;.dhTileMarkPath.dhTileMarkB {&#13;&#10; transition-delay: 0.5s;&#13;&#10;}&#13;&#10;.dhTileContent {&#13;&#10; min-width: 0;&#13;&#10;}&#13;&#10;.dhTileQuote {&#13;&#10; margin: 0;&#13;&#10; max-width: 25em;&#13;&#10; font-family: var(--t-ff-head, var(--t-ff, 'Noto Sans KR', sans-serif));&#13;&#10; font-size: clamp(24px, 3.5vw, 48px);&#13;&#10; font-weight: 300;&#13;&#10; line-height: 1.35;&#13;&#10; letter-spacing: -0.035em;&#13;&#10;}&#13;&#10;.dhTileCap {&#13;&#10; display: flex;&#13;&#10; align-items: center;&#13;&#10; gap: 18px;&#13;&#10; margin-top: clamp(40px, 5vw, 60px);&#13;&#10;}&#13;&#10;.dhTileRule {&#13;&#10; position: relative;&#13;&#10; width: clamp(52px, 6vw, 86px);&#13;&#10; height: 1px;&#13;&#10; background: var(--dh-tile-rule);&#13;&#10; overflow: hidden;&#13;&#10; flex-shrink: 0;&#13;&#10;}&#13;&#10;.dhTileRuleLevel {&#13;&#10; position: absolute;&#13;&#10; inset: 0;&#13;&#10; background: var(--dh-tile-accent);&#13;&#10; transform-origin: 0 50%;&#13;&#10; transition: transform 1.25s cubic-bezier(0.16, 1, 0.3, 1) 0.8s;&#13;&#10;}&#13;&#10;.dhTileWho {&#13;&#10; display: flex;&#13;&#10; flex-direction: column;&#13;&#10; gap: 4px;&#13;&#10;}&#13;&#10;.dhTileAuthor {&#13;&#10; font-size: 16px;&#13;&#10; font-weight: 700;&#13;&#10; letter-spacing: -0.01em;&#13;&#10;}&#13;&#10;.dhTileInfo {&#13;&#10; font-size: 14px;&#13;&#10; color: var(--dh-tile-muted);&#13;&#10;}&#13;&#10;[data-dh-tile-anim] {&#13;&#10; transition: opacity 1s cubic-bezier(0.16, 1, 0.3, 1), transform 0.95s cubic-bezier(0.16, 1, 0.3, 1);&#13;&#10;}&#13;&#10;[data-dh-tile-state="0"] [data-dh-tile-anim] {&#13;&#10; opacity: 0;&#13;&#10; transform: translateY(28px);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;[data-dh-tile-state="0"] .dhTileMarkPath {&#13;&#10; stroke-dashoffset: 1;&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;[data-dh-tile-state="0"] .dhTileRuleLevel {&#13;&#10; transform: scaleX(0);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;@media (max-width: 672px) {&#13;&#10; .dhTileFigure {&#13;&#10; grid-template-columns: 1fr;&#13;&#10; gap: 22px;&#13;&#10; }&#13;&#10; .dhTileMark {&#13;&#10; max-width: 70px;&#13;&#10; }&#13;&#10;}&#13;&#10;&#13;&#10;&#13;&#10;&#13;&#10;&#13;&#10;.dhRoom {&#13;&#10; --dh-room-paper: var(--t-paper, #f8f5f3);&#13;&#10; --dh-room-color: var(--t-txt, #101013);&#13;&#10; --dh-room-muted: rgba(15, 20, 17, 0.7);&#13;&#10; --dh-room-rule: rgba(14, 19, 19, 0.16);&#13;&#10; --dh-room-accent: var(--t-key, #fe6a1c);&#13;&#10; --dh-room-action-paper: #110e0e;&#13;&#10; --dh-room-action-color: #fffeff;&#13;&#10; position: relative;&#13;&#10; box-sizing: border-box;&#13;&#10; padding: clamp(90px, 13vw, 174px) 20px clamp(76px, 10vw, 136px);&#13;&#10; background: var(--dh-room-paper);&#13;&#10; color: var(--dh-room-color);&#13;&#10; font-family: var(--t-ff, 'Noto Sans KR', sans-serif);&#13;&#10; word-break: keep-all;&#13;&#10;}&#13;&#10;.dhRoom[data-dh-room-scheme="dark"] {&#13;&#10; --dh-room-paper: var(--t-deep, #0e0910);&#13;&#10; --dh-room-color: #f1efed;&#13;&#10; --dh-room-muted: rgba(246, 240, 235, 0.7);&#13;&#10; --dh-room-rule: rgba(245, 239, 236, 0.18);&#13;&#10; --dh-room-action-paper: #f1f0eb;&#13;&#10; --dh-room-action-color: #0b0b0d;&#13;&#10;}&#13;&#10;.dhRoomWrap {&#13;&#10; max-width: var(--t-measure, 1262px);&#13;&#10; margin: 0 auto;&#13;&#10;}&#13;&#10;.dhRoomHeading {&#13;&#10; max-width: 13.625em;&#13;&#10; margin: 0;&#13;&#10; font-family: var(--t-ff-head, var(--t-ff, 'Noto Sans KR', sans-serif));&#13;&#10; font-size: clamp(38px, 7.4vw, 120px);&#13;&#10; font-weight: 900;&#13;&#10; line-height: 1.05;&#13;&#10; letter-spacing: -0.045em;&#13;&#10;}&#13;&#10;.dhRoomRule {&#13;&#10; position: relative;&#13;&#10; height: 1px;&#13;&#10; margin: clamp(48px, 7vw, 100px) 0 clamp(30px, 3.4vw, 46px);&#13;&#10; background: var(--dh-room-rule);&#13;&#10; overflow: hidden;&#13;&#10;}&#13;&#10;.dhRoomRuleLevel {&#13;&#10; position: absolute;&#13;&#10; left: 0;&#13;&#10; top: 0;&#13;&#10; width: 100%;&#13;&#10; height: 1px;&#13;&#10; background: var(--dh-room-accent);&#13;&#10; transform: scaleX(0.14);&#13;&#10; transform-origin: 0 50%;&#13;&#10; transition: transform 1.55s cubic-bezier(0.16, 1, 0.3, 1) 0.4s;&#13;&#10;}&#13;&#10;.dhRoomRow {&#13;&#10; display: flex;&#13;&#10; flex-wrap: wrap;&#13;&#10; align-items: flex-end;&#13;&#10; justify-content: space-between;&#13;&#10; gap: 36px 48px;&#13;&#10;}&#13;&#10;.dhRoomDesc {&#13;&#10; max-width: 32.875em;&#13;&#10; margin: 0;&#13;&#10; font-size: clamp(16px, 1.25vw, 16px);&#13;&#10; font-weight: 400;&#13;&#10; line-height: 1.9;&#13;&#10; color: var(--dh-room-muted);&#13;&#10;}&#13;&#10;.dhRoomGo {&#13;&#10; display: inline-flex;&#13;&#10; align-items: center;&#13;&#10; gap: 16px;&#13;&#10; min-height: 62px;&#13;&#10; padding: 0 36px;&#13;&#10; box-sizing: border-box;&#13;&#10; border-radius: var(--t-action-corner, 952px);&#13;&#10; background: var(--dh-room-action-paper);&#13;&#10; color: var(--dh-room-action-color);&#13;&#10; font-size: 18px;&#13;&#10; font-weight: 700;&#13;&#10; text-decoration: none;&#13;&#10; white-space: nowrap;&#13;&#10; transition: transform 0.3s ease, opacity 0.3s ease;&#13;&#10;}&#13;&#10;.dhRoomGo:hover {&#13;&#10; transform: translateY(-2px);&#13;&#10;}&#13;&#10;.dhRoomGo:focus-visible {&#13;&#10; outline: 2px solid var(--dh-room-color);&#13;&#10; outline-offset: 3px;&#13;&#10;}&#13;&#10;.dhRoomArr {&#13;&#10; position: relative;&#13;&#10; width: 16px;&#13;&#10; height: 1.5px;&#13;&#10; background: currentColor;&#13;&#10; transition: width 0.3s ease;&#13;&#10;}&#13;&#10;.dhRoomArr::after {&#13;&#10; content: '';&#13;&#10; position: absolute;&#13;&#10; right: 0;&#13;&#10; top: -3px;&#13;&#10; width: 6px;&#13;&#10; height: 6px;&#13;&#10; border-top: 1.5px solid currentColor;&#13;&#10; border-right: 1.5px solid currentColor;&#13;&#10; transform: rotate(45deg);&#13;&#10;}&#13;&#10;.dhRoomGo:hover .dhRoomArr {&#13;&#10; width: 26px;&#13;&#10;}&#13;&#10;[data-dh-room-anim] {&#13;&#10; transition: opacity 1.15s cubic-bezier(0.16, 1, 0.3, 1), transform 1.15s cubic-bezier(0.16, 1, 0.3, 1);&#13;&#10;}&#13;&#10;[data-dh-room-state="0"] [data-dh-room-anim] {&#13;&#10; opacity: 0;&#13;&#10; transform: translateY(36px);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;[data-dh-room-state="0"] .dhRoomRuleLevel {&#13;&#10; transform: scaleX(0);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;[data-dh-room-state="1"] .dhRoomRuleLevel {&#13;&#10; transform: scaleX(1);&#13;&#10;}&#13;&#10;@media (max-width: 514px) {&#13;&#10; .dhRoomGo {&#13;&#10; width: 100%;&#13;&#10; justify-content: center;&#13;&#10; }&#13;&#10;}&#13;&#10;&#13;&#10;&lt;/style&gt;&#13;&#10;&#13;&#10;&lt;section class="dhYard" data-dh-yard="" data-dh-yard-scheme="dark"&gt;&#13;&#10;&lt;div class="dhYardWrap"&gt;&#13;&#10;&lt;div class="dhYardTop"&gt;&#13;&#10;&lt;p class="dhYardKicker dhKicker" data-dh-yard-anim=""&gt;&lt;span aria-hidden="true" class="dhYardDot"&gt;&lt;/span&gt;AEO 안내&lt;/p&gt;&#13;&#10;&lt;h1 class="dhYardHeading dhHeroHeading" data-dh-yard-anim=""&gt;AEO 답변 최적화 안내&lt;/h1&gt;&#13;&#10;&lt;p class="dhYardDesc dhDesc" data-dh-yard-anim=""&gt;검색창이 질문에 바로 답을 보여 주는 일이 늘었습니다. 그 답에 내 페이지 문장이 쓰이도록 다듬습니다.&lt;/p&gt;&#13;&#10;&lt;/div&gt;&#13;&#10;&lt;div class="dhYardFrame" data-dh-yard-anim=""&gt;&#13;&#10;&lt;img alt="질문에 답하는 페이지 구조: 검색창에 질문을 넣으면 답에 내 페이지 문장이 쓰임" class="dhYardImage" height="686" loading="lazy" src="/img/late-office.svg" width="1600"/&gt;&#13;&#10;&lt;/div&gt;&#13;&#10;&lt;p class="dhYardCap" data-dh-yard-anim=""&gt;&lt;span aria-hidden="true" class="dhYardCapRule"&gt;&lt;/span&gt;질문에 답하는 페이지 구조&lt;/p&gt;&#13;&#10;&lt;/div&gt;&#13;&#10;&lt;script&gt;&#13;&#10; (function () {&#13;&#10; var N = {"root": "data-dh-yard", "tone": "data-dh-yard-scheme", "state": "data-dh-yard-state", "item": "data-dh-yard-anim"};&#13;&#10; var s = document.currentScript;&#13;&#10; var R = s &amp;&amp; s.closest('[' + N.root + ']');&#13;&#10; if (!R) { return; }&#13;&#10; var items = R.querySelectorAll('[' + N.item + ']');&#13;&#10; // 시간차는 현재 DOM 순서로 매김&#13;&#10; for (var i = 0; i &lt; items.length; i++) {&#13;&#10; items[i].style.transitionDelay = (i * 0.12) + 's, ' + (i * 0.12) + 's';&#13;&#10; }&#13;&#10; var show = function () { R.setAttribute(N.state, '1'); };&#13;&#10; if (!('IntersectionObserver' in window)) { return; }&#13;&#10; R.setAttribute(N.state, '0');&#13;&#10; var io = new IntersectionObserver(function (es) {&#13;&#10; if (es[0].isIntersecting) {&#13;&#10; io.disconnect();&#13;&#10; requestAnimationFrame(function () { requestAnimationFrame(show); });&#13;&#10; }&#13;&#10; }, { threshold: 0.15 });&#13;&#10; io.observe(R);&#13;&#10; })();&#13;&#10; &lt;/script&gt;&#13;&#10;&lt;/section&gt;</description></item><item><title>SEO콘텐츠설계 키워드 배치와 글 구성</title><link>https://youico.co.kr/SEO%EC%BD%98%ED%85%90%EC%B8%A0%EC%84%A4%EA%B3%84</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://youico.co.kr/SEO%EC%BD%98%ED%85%90%EC%B8%A0%EC%84%A4%EA%B3%84</guid><description>&lt;style&gt;&#10;&#10;&#10;.dhBoard {&#10; --dh-board-paper: var(--t-paper, #f6f5f0);&#10; --dh-board-color: var(--t-txt, #0f1014);&#10; --dh-board-muted: rgba(15, 19, 19, 0.68);&#10; --dh-board-rule: rgba(14, 18, 17, 0.14);&#10; --dh-board-accent: var(--t-key, #ff6a22);&#10; position: relative;&#10; box-sizing: border-box;&#10; padding: clamp(162px, 13vw, 202px) 20px clamp(68px, 8vw, 102px);&#10; background: var(--dh-board-paper);&#10; color: var(--dh-board-color);&#10; font-family: var(--t-ff, 'Noto Sans KR', sans-serif);&#10; word-break: keep-all;&#10;}&#10;.dhBoard[data-dh-board-scheme="dark"] {&#10; --dh-board-paper: var(--t-deep, #0b0a0c);&#10; --dh-board-color: #f7f2ed;&#10; --dh-board-muted: rgba(241, 243, 237, 0.7);&#10; --dh-board-rule: rgba(246, 242, 239, 0.16);&#10;}&#10;.dhBoardWrap {&#10; max-width: var(--t-measure, 1130px);&#10; margin: 0 auto;&#10;}&#10;.dhBoardPath {&#10; display: flex;&#10; flex-wrap: wrap;&#10; align-items: center;&#10; gap: 12px;&#10; margin: 0 0 clamp(36px, 6vw, 84px);&#10; font-size: 14px;&#10; font-weight: 400;&#10; color: var(--dh-board-muted);&#10;}&#10;.dhBoardPathLnk {&#10; color: inherit;&#10; text-decoration: none;&#10; transition: color 0.3s ease;&#10;}&#10;.dhBoardPathLnk:hover {&#10; color: var(--dh-board-color);&#10;}&#10;.dhBoardPathLnk:focus-visible {&#10; outline: 2px solid var(--dh-board-color);&#10; outline-offset: 3px;&#10;}&#10;.dhBoardSep {&#10; color: var(--dh-board-muted);&#10; font-weight: 300;&#10;}&#10;.dhBoardHere {&#10; display: inline-flex;&#10; align-items: center;&#10; gap: 10px;&#10; font-weight: 600;&#10; color: var(--dh-board-color);&#10;}&#10;.dhBoardDot {&#10; width: 6px;&#10; height: 6px;&#10; border-radius: 50%;&#10; background: var(--dh-board-accent);&#10;}&#10;.dhBoardHeading {&#10; margin: 0;&#10; font-family: var(--t-ff-head, var(--t-ff, 'Noto Sans KR', sans-serif));&#10; font-size: clamp(46px, 9.4vw, 132px);&#10; font-weight: 900;&#10; line-height: 1;&#10; letter-spacing: -0.05em;&#10;}&#10;.dhBoardFoot {&#10; display: flex;&#10; flex-wrap: wrap;&#10; justify-content: space-between;&#10; align-items: flex-end;&#10; gap: 26px 50px;&#10; margin-top: clamp(40px, 5.5vw, 76px);&#10; padding-top: clamp(24px, 2.6vw, 30px);&#10; border-top: 1px solid var(--dh-board-rule);&#10;}&#10;.dhBoardDesc {&#10; flex: 1 1 346px;&#10; max-width: 37.125em;&#10; margin: 0;&#10; font-size: clamp(16px, 1.2vw, 18px);&#10; font-weight: 400;&#10; line-height: 1.75;&#10; color: var(--dh-board-muted);&#10;}&#10;.dhBoardToc {&#10; display: flex;&#10; flex-wrap: wrap;&#10; gap: 8px 26px;&#10; margin: 0;&#10; padding: 0;&#10; list-style: none;&#10;}&#10;.dhBoardTocLnk {&#10; position: relative;&#10; display: inline-block;&#10; padding: 4px 0;&#10; font-size: 16px;&#10; font-weight: 500;&#10; color: var(--dh-board-color);&#10; text-decoration: none;&#10;}&#10;.dhBoardTocLnk::after {&#10; content: '';&#10; position: absolute;&#10; left: 0;&#10; right: 0;&#10; bottom: 0;&#10; height: 1px;&#10; background: var(--dh-board-accent);&#10; transform: scaleX(0);&#10; transform-origin: 0 50%;&#10; transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1);&#10;}&#10;.dhBoardTocLnk:hover::after,&#10;.dhBoardTocLnk:focus-visible::after {&#10; transform: scaleX(1);&#10;}&#10;.dhBoardTocLnk:focus-visible {&#10; outline: 2px solid var(--dh-board-color);&#10; outline-offset: 3px;&#10;}&#10;.dhBoardMask {&#10; display: block;&#10; overflow: hidden;&#10; padding-bottom: 0.08em;&#10;}&#10;[data-dh-board-anim] {&#10; transition: opacity 1.1s cubic-bezier(0.16, 1, 0.3, 1), transform 1.15s cubic-bezier(0.16, 1, 0.3, 1);&#10;}&#10;[data-dh-board-state="0"] [data-dh-board-anim] {&#10; opacity: 0;&#10; transform: translateY(24px);&#10; transition: none;&#10;}&#10;[data-dh-board-state="0"] .dhBoardMask [data-dh-board-anim] {&#10; opacity: 1;&#10; transform: translateY(105%);&#10;}&#10;&#10;&#10;&#10;&#10;.dhBay {&#10; --dh-bay-paper: var(--t-paper, #f6f7f2);&#10; --dh-bay-color: var(--t-txt, #141012);&#10; --dh-bay-muted: rgba(16, 16, 19, 0.7);&#10; --dh-bay-rule: rgba(16, 17, 14, 0.14);&#10; --dh-bay-panel: #ffffff;&#10; --dh-bay-accent: var(--t-key, #fd691d);&#10; position: relative;&#10; box-sizing: border-box;&#10; padding: clamp(74px, 9vw, 130px) 18px clamp(74px, 10.5vw, 162px);&#10; background: var(--dh-bay-paper);&#10; color: var(--dh-bay-color);&#10; font-family: var(--t-ff, 'Noto Sans KR', sans-serif);&#10; word-break: keep-all;&#10;}&#10;.dhBay[data-dh-bay-scheme="dark"] {&#10; --dh-bay-paper: var(--t-deep, #0d0e10);&#10; --dh-bay-color: #f2f1ec;&#10; --dh-bay-muted: rgba(244, 239, 234, 0.7);&#10; --dh-bay-rule: rgba(245, 241, 240, 0.16);&#10; --dh-bay-panel: #14141b;&#10;}&#10;.dhBayWrap {&#10; max-width: var(--t-measure, 1210px);&#10; margin: 0 auto;&#10;}&#10;.dhBayHead {&#10; display: flex;&#10; flex-wrap: wrap;&#10; align-items: flex-end;&#10; justify-content: space-between;&#10; gap: 26px 46px;&#10; margin-bottom: clamp(38px, 5.4vw, 76px);&#10;}&#10;.dhBayIntro {&#10; max-width: 676px;&#10;}&#10;.dhBayHeading {&#10; margin: 0;&#10; font-family: var(--t-ff-head, var(--t-ff, 'Noto Sans KR', sans-serif));&#10; font-size: clamp(30px, 3.9vw, 56px);&#10; font-weight: 800;&#10; line-height: 1.25;&#10; letter-spacing: -0.04em;&#10;}&#10;.dhBayDesc {&#10; margin: 20px 0 0;&#10; max-width: 31.125em;&#10; font-size: clamp(16px, 1.15vw, 16px);&#10; line-height: 1.8;&#10; color: var(--dh-bay-muted);&#10;}&#10;.dhBayGo {&#10; display: inline-flex;&#10; align-items: center;&#10; gap: 12px;&#10; min-height: 50px;&#10; padding: 0 26px;&#10; border: 1px solid var(--dh-bay-rule);&#10; border-radius: var(--t-action-corner, 1022px);&#10; color: inherit;&#10; font-size: 16px;&#10; font-weight: 700;&#10; text-decoration: none;&#10; transition: border-color 0.3s ease;&#10;}&#10;.dhBayGo:hover {&#10; border-color: var(--dh-bay-color);&#10;}&#10;.dhBayGo:focus-visible {&#10; outline: 2px solid var(--dh-bay-color);&#10; outline-offset: 3px;&#10;}&#10;.dhBayList {&#10; display: flex;&#10; flex-direction: column;&#10; gap: 14px;&#10; margin: 0;&#10; padding: 0;&#10; list-style: none;&#10;}&#10;.dhBayNode {&#10; display: grid;&#10; grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.25fr) 44px;&#10; align-items: center;&#10; gap: 22px clamp(26px, 4vw, 60px);&#10; padding: clamp(26px, 3vw, 40px) clamp(22px, 3.4vw, 46px);&#10; border-radius: var(--t-corner, 14px);&#10; background: var(--dh-bay-panel);&#10;}&#10;.dhBayStart {&#10; display: flex;&#10; align-items: center;&#10; gap: 18px;&#10;}&#10;.dhBayDash {&#10; flex-shrink: 0;&#10; width: 18px;&#10; height: 2px;&#10; background: var(--dh-bay-accent);&#10; transition: width 0.6s cubic-bezier(0.16, 1, 0.3, 1);&#10;}&#10;.dhBayName {&#10; margin: 0;&#10; font-size: clamp(18px, 1.6vw, 24px);&#10; font-weight: 800;&#10; line-height: 1.35;&#10; letter-spacing: -0.025em;&#10;}&#10;.dhBayTxt {&#10; margin: 0;&#10; padding-left: clamp(26px, 3vw, 44px);&#10; border-left: 1px solid var(--dh-bay-rule);&#10; font-size: 14px;&#10; line-height: 1.7;&#10; color: var(--dh-bay-muted);&#10;}&#10;.dhBayArr {&#10; position: relative;&#10; justify-self: end;&#10; width: 24px;&#10; height: 1.5px;&#10; background: currentColor;&#10; transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);&#10;}&#10;.dhBayArr::after {&#10; content: '';&#10; position: absolute;&#10; right: 0;&#10; top: -3.5px;&#10; width: 6px;&#10; height: 7px;&#10; border-top: 1.5px solid currentColor;&#10; border-right: 1.5px solid currentColor;&#10; transform: rotate(45deg);&#10;}&#10;.dhBayNode:hover .dhBayDash {&#10; width: 34px;&#10;}&#10;.dhBayNode:hover .dhBayArr {&#10; transform: translateX(9px);&#10;}&#10;[data-dh-bay-anim] {&#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-dh-bay-state="0"] [data-dh-bay-anim] {&#10; opacity: 0;&#10; transform: translateY(26px);&#10; transition: none;&#10;}&#10;@media (max-width: 798px) {&#10; .dhBayNode {&#10; grid-template-columns: 1fr;&#10; }&#10; .dhBayTxt {&#10; padding: 18px 0 0;&#10; border-left: 0;&#10; border-top: 1px solid var(--dh-bay-rule);&#10; }&#10; .dhBayArr {&#10; display: none;&#10; }&#10;}&#10;&#10;&#10;&#10;&#10;.dhWing {&#10; --dh-wing-paper: var(--t-paper, #f6f4ef);&#10; --dh-wing-color: var(--t-txt, #140e11);&#10; --dh-wing-muted: rgba(19, 14, 19, 0.7);&#10; --dh-wing-rule: rgba(14, 14, 17, 0.14);&#10; --dh-wing-accent: var(--t-key, #ff691c);&#10; position: relative;&#10; box-sizing: border-box;&#10; padding: clamp(80px, 10.5vw, 152px) 22px clamp(76px, 10vw, 148px);&#10; background: var(--dh-wing-paper);&#10; color: var(--dh-wing-color);&#10; font-family: var(--t-ff, 'Noto Sans KR', sans-serif);&#10; word-break: keep-all;&#10;}&#10;.dhWing[data-dh-wing-scheme="dark"] {&#10; --dh-wing-paper: var(--t-deep, #0d0c11);&#10; --dh-wing-color: #f7f5f0;&#10; --dh-wing-muted: rgba(241, 240, 235, 0.7);&#10; --dh-wing-rule: rgba(243, 241, 236, 0.16);&#10;}&#10;.dhWingWrap {&#10; max-width: var(--t-measure, 1276px);&#10; margin: 0 auto;&#10;}&#10;.dhWingHead {&#10; display: grid;&#10; grid-template-columns: 1.25fr 1fr;&#10; gap: clamp(22px, 5vw, 90px);&#10; align-items: end;&#10; margin-bottom: clamp(52px, 6.5vw, 80px);&#10;}&#10;.dhWingKicker {&#10; display: flex;&#10; align-items: center;&#10; gap: 14px;&#10; margin: 0 0 clamp(22px, 2.6vw, 30px);&#10; font-size: 16px;&#10; font-weight: 500;&#10; letter-spacing: 0.02em;&#10; color: var(--dh-wing-muted);&#10;}&#10;.dhWingDot {&#10; width: 7px;&#10; height: 9px;&#10; border-radius: 50%;&#10; background: var(--dh-wing-accent);&#10; flex-shrink: 0;&#10;}&#10;.dhWingHeading {&#10; max-width: 15em;&#10; margin: 0;&#10; font-family: var(--t-ff-head, var(--t-ff, '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;.dhWingDesc {&#10; max-width: 28.25em;&#10; margin: 0;&#10; font-size: clamp(16px, 1.2vw, 16px);&#10; font-weight: 400;&#10; line-height: 1.8;&#10; color: var(--dh-wing-muted);&#10;}&#10;.dhWingCols {&#10; display: grid;&#10; grid-template-columns: repeat(3, 1fr);&#10; gap: 1px;&#10; background: var(--dh-wing-rule);&#10; border-top: 1px solid var(--dh-wing-rule);&#10; border-bottom: 1px solid var(--dh-wing-rule);&#10;}&#10;.dhWingCell {&#10; position: relative;&#10; display: flex;&#10; flex-direction: column;&#10; gap: 14px;&#10; padding: clamp(30px, 3.6vw, 52px) clamp(18px, 2.6vw, 40px) clamp(34px, 4vw, 54px);&#10; background: var(--dh-wing-paper);&#10;}&#10;.dhWingCell::before {&#10; content: '';&#10; position: absolute;&#10; left: 0;&#10; top: -1px;&#10; width: 100%;&#10; height: 1px;&#10; background: var(--dh-wing-accent);&#10; transform: scaleX(0);&#10; transform-origin: 0 50%;&#10; transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);&#10;}&#10;.dhWingCell:hover::before {&#10; transform: scaleX(1);&#10;}&#10;.dhWingGlyph {&#10; display: block;&#10; width: 34px;&#10; height: 32px;&#10; margin-bottom: clamp(18px, 2.4vw, 34px);&#10; color: var(--dh-wing-color);&#10; transition: transform 0.55s cubic-bezier(0.16, 1, 0.3, 1);&#10;}&#10;.dhWingCell:hover .dhWingGlyph {&#10; transform: translateY(-3px);&#10;}&#10;.dhWingName {&#10; margin: 0;&#10; font-size: clamp(18px, 1.4vw, 20px);&#10; font-weight: 700;&#10; line-height: 1.35;&#10; letter-spacing: -0.015em;&#10;}&#10;.dhWingTxt {&#10; margin: 0;&#10; max-width: 23.25em;&#10; font-size: 14px;&#10; font-weight: 400;&#10; line-height: 1.8;&#10; color: var(--dh-wing-muted);&#10;}&#10;[data-dh-wing-anim] {&#10; transition: opacity 1.1s cubic-bezier(0.16, 1, 0.3, 1), transform 0.9s cubic-bezier(0.16, 1, 0.3, 1);&#10;}&#10;[data-dh-wing-state="0"] [data-dh-wing-anim] {&#10; opacity: 0;&#10; transform: translateY(24px);&#10; transition: none;&#10;}&#10;@media (max-width: 814px) {&#10; .dhWingHead {&#10; grid-template-columns: 1fr;&#10; align-items: start;&#10; }&#10; .dhWingCols {&#10; grid-template-columns: 1fr 1fr;&#10; }&#10;}&#10;@media (max-width: 592px) {&#10; .dhWingCols {&#10; grid-template-columns: 1fr;&#10; }&#10;}&#10;&#10;&#10;&#10;&#10;.dhHub {&#10; --dh-hub-paper: var(--t-paper, #f3f7f4);&#10; --dh-hub-color: var(--t-txt, #0f1113);&#10; --dh-hub-muted: rgba(19, 17, 19, 0.68);&#10; --dh-hub-rule: rgba(17, 19, 18, 0.14);&#10; --dh-hub-accent: var(--t-key, #ff6a20);&#10; position: relative;&#10; box-sizing: border-box;&#10; padding: clamp(76px, 10.5vw, 136px) 22px clamp(90px, 11vw, 140px);&#10; background: var(--dh-hub-paper);&#10; color: var(--dh-hub-color);&#10; font-family: var(--t-ff, 'Noto Sans KR', sans-serif);&#10; word-break: keep-all;&#10;}&#10;.dhHub[data-dh-hub-scheme="dark"] {&#10; --dh-hub-paper: var(--t-deep, #0d0c11);&#10; --dh-hub-color: #f1f0ef;&#10; --dh-hub-muted: rgba(243, 242, 236, 0.7);&#10; --dh-hub-rule: rgba(244, 242, 235, 0.16);&#10;}&#10;.dhHubWrap {&#10; max-width: var(--t-measure, 1126px);&#10; margin: 0 auto;&#10;}&#10;.dhHubTop {&#10; display: grid;&#10; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);&#10; gap: clamp(26px, 5vw, 100px);&#10; align-items: end;&#10; margin-bottom: clamp(54px, 7vw, 104px);&#10;}&#10;.dhHubHeading {&#10; margin: 0;&#10; max-width: 14.25em;&#10; font-family: var(--t-ff-head, var(--t-ff, 'Noto Sans KR', sans-serif));&#10; font-size: clamp(30px, 4.2vw, 58px);&#10; font-weight: 800;&#10; line-height: 1.2;&#10; letter-spacing: -0.042em;&#10;}&#10;.dhHubDesc {&#10; margin: 0;&#10; max-width: 25.25em;&#10; font-size: clamp(16px, 1.2vw, 18px);&#10; font-weight: 400;&#10; line-height: 1.75;&#10; color: var(--dh-hub-muted);&#10;}&#10;.dhHubTable {&#10; position: relative;&#10;}&#10;.dhHubRule {&#10; position: relative;&#10; height: 1px;&#10; background: var(--dh-hub-color);&#10; overflow: hidden;&#10;}&#10;.dhHubLevel {&#10; position: absolute;&#10; right: 0;&#10; top: 0;&#10; width: 50%;&#10; height: 1px;&#10; background: var(--dh-hub-accent);&#10; transform-origin: 0 50%;&#10; transition: transform 1.4s cubic-bezier(0.16, 1, 0.3, 1) 0.4s;&#10;}&#10;.dhHubCols,&#10;.dhHubRow {&#10; display: grid;&#10; grid-template-columns: minmax(0, 0.7fr) minmax(0, 1fr) minmax(0, 1fr);&#10;}&#10;.dhHubCol {&#10; display: flex;&#10; align-items: center;&#10; gap: 12px;&#10; margin: 0;&#10; padding: 18px 0 18px;&#10; font-size: 12px;&#10; font-weight: 500;&#10; letter-spacing: 0.04em;&#10; color: var(--dh-hub-muted);&#10;}&#10;.dhHubColOurs {&#10; padding-left: clamp(20px, 3vw, 44px);&#10; border-left: 1px solid var(--dh-hub-rule);&#10; color: var(--dh-hub-color);&#10; font-weight: 700;&#10;}&#10;.dhHubColWas {&#10; padding-right: clamp(18px, 3vw, 40px);&#10;}&#10;.dhHubDot {&#10; width: 7px;&#10; height: 7px;&#10; border-radius: 50%;&#10; background: var(--dh-hub-accent);&#10; flex-shrink: 0;&#10;}&#10;.dhHubRow {&#10; border-top: 1px solid var(--dh-hub-rule);&#10; transition: opacity 0.95s cubic-bezier(0.16, 1, 0.3, 1), transform 0.95s cubic-bezier(0.16, 1, 0.3, 1);&#10;}&#10;.dhHubTopic {&#10; margin: 0;&#10; padding: clamp(28px, 3vw, 44px) 20px clamp(24px, 3vw, 40px) 0;&#10; font-size: clamp(18px, 1.6vw, 22px);&#10; font-weight: 800;&#10; line-height: 1.35;&#10; letter-spacing: -0.025em;&#10;}&#10;.dhHubWas,&#10;.dhHubOurs {&#10; margin: 0;&#10; padding: clamp(26px, 3vw, 38px) clamp(22px, 3vw, 42px) clamp(26px, 3vw, 40px) 0;&#10; font-size: clamp(16px, 1.15vw, 18px);&#10; line-height: 1.7;&#10;}&#10;.dhHubWas {&#10; font-weight: 300;&#10; color: var(--dh-hub-muted);&#10;}&#10;.dhHubOurs {&#10; position: relative;&#10; padding-left: clamp(22px, 3vw, 40px);&#10; border-left: 1px solid var(--dh-hub-rule);&#10; font-weight: 500;&#10;}&#10;.dhHubOurs::before {&#10; content: '';&#10; position: absolute;&#10; left: -1px;&#10; top: clamp(28px, 3vw, 40px);&#10; width: 1px;&#10; height: 0;&#10; background: var(--dh-hub-accent);&#10; transition: height 0.55s cubic-bezier(0.16, 1, 0.3, 1);&#10;}&#10;.dhHubRow:hover .dhHubOurs::before {&#10; height: 1.625em;&#10;}&#10;.dhHubCap {&#10; display: none;&#10;}&#10;[data-dh-hub-state="0"] .dhHubRow {&#10; opacity: 0;&#10; transform: translateY(22px);&#10; transition: none;&#10;}&#10;[data-dh-hub-state="0"] [data-dh-hub-anim] {&#10; opacity: 0;&#10; transform: translateY(26px);&#10; transition: none;&#10;}&#10;[data-dh-hub-anim] {&#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-dh-hub-state="0"] .dhHubLevel {&#10; transform: scaleX(0);&#10; transition: none;&#10;}&#10;@media (max-width: 854px) {&#10; .dhHubTop {&#10; grid-template-columns: 1fr;&#10; }&#10; .dhHubCols {&#10; display: none;&#10; }&#10; .dhHubRow {&#10; grid-template-columns: 1fr;&#10; padding: 26px 0 32px;&#10; }&#10; .dhHubTopic {&#10; padding: 0 0 16px;&#10; }&#10; .dhHubWas,&#10; .dhHubOurs {&#10; padding: 14px 0 0 18px;&#10; border-left: 1px solid var(--dh-hub-rule);&#10; }&#10; .dhHubOurs {&#10; margin-top: 12px;&#10; }&#10; .dhHubOurs::before {&#10; top: 14px;&#10; height: 1.875em;&#10; }&#10; .dhHubCap {&#10; display: block;&#10; margin-bottom: 4px;&#10; font-size: 12px;&#10; font-weight: 500;&#10; letter-spacing: 0.04em;&#10; color: var(--dh-hub-muted);&#10; }&#10;}&#10;&#10;&#10;&#10;&#10;.dhArea {&#10; --dh-area-paper: var(--t-paper, #f5f8f3);&#10; --dh-area-color: var(--t-txt, #14140e);&#10; --dh-area-muted: rgba(15, 17, 17, 0.68);&#10; --dh-area-rule: rgba(19, 15, 20, 0.16);&#10; --dh-area-accent: var(--t-key, #ff6b1c);&#10; position: relative;&#10; box-sizing: border-box;&#10; padding: clamp(78px, 9vw, 134px) 18px clamp(82px, 10.5vw, 152px);&#10; background: var(--dh-area-paper);&#10; color: var(--dh-area-color);&#10; font-family: var(--t-ff, 'Noto Sans KR', sans-serif);&#10; word-break: keep-all;&#10;}&#10;.dhArea[data-dh-area-scheme="dark"] {&#10; --dh-area-paper: var(--t-deep, #0c0b11);&#10; --dh-area-color: #f5f2f0;&#10; --dh-area-muted: rgba(245, 245, 237, 0.7);&#10; --dh-area-rule: rgba(242, 241, 237, 0.18);&#10;}&#10;.dhAreaWrap {&#10; max-width: var(--t-measure, 1228px);&#10; margin: 0 auto;&#10; display: grid;&#10; grid-template-columns: 4fr 7fr;&#10; gap: clamp(36px, 7vw, 128px);&#10;}&#10;.dhAreaSide {&#10; display: flex;&#10; flex-direction: column;&#10; gap: 26px;&#10;}&#10;.dhAreaHeading {&#10; margin: 0;&#10; font-family: var(--t-ff-head, var(--t-ff, 'Noto Sans KR', sans-serif));&#10; font-size: clamp(30px, 3.4vw, 50px);&#10; font-weight: 800;&#10; line-height: 1.2;&#10; letter-spacing: -0.04em;&#10;}&#10;.dhAreaDesc {&#10; margin: 0;&#10; max-width: 22.875em;&#10; font-size: 16px;&#10; line-height: 1.9;&#10; color: var(--dh-area-muted);&#10;}&#10;.dhAreaCtrl {&#10; display: none;&#10; align-items: center;&#10; gap: 18px;&#10; margin-top: auto;&#10; padding-top: 16px;&#10;}&#10;[data-dh-area-m="1"] .dhAreaCtrl {&#10; display: flex;&#10;}&#10;.dhAreaArrows {&#10; display: flex;&#10; gap: 7px;&#10;}&#10;.dhAreaArr {&#10; display: grid;&#10; place-items: center;&#10; width: 48px;&#10; height: 50px;&#10; padding: 0;&#10; border: 1px solid var(--dh-area-rule);&#10; border-radius: 50%;&#10; background: transparent;&#10; color: var(--dh-area-color);&#10; cursor: pointer;&#10; transition: border-color 0.3s ease, transform 0.3s ease;&#10;}&#10;.dhAreaArr:hover {&#10; border-color: var(--dh-area-color);&#10;}&#10;.dhAreaArr:focus-visible {&#10; outline: 2px solid var(--dh-area-color);&#10; outline-offset: 3px;&#10;}&#10;.dhAreaIco {&#10; width: 20px;&#10; height: 18px;&#10; fill: none;&#10; stroke: currentColor;&#10; stroke-width: 1.5;&#10;}&#10;.dhAreaDots {&#10; display: flex;&#10; flex-wrap: wrap;&#10; gap: 5px;&#10;}&#10;[data-dh-area-d] {&#10; position: relative;&#10; width: 36px;&#10; height: 32px;&#10; padding: 0;&#10; border: 0;&#10; background: transparent;&#10; cursor: pointer;&#10;}&#10;[data-dh-area-d]::before {&#10; content: '';&#10; position: absolute;&#10; left: 0;&#10; right: 0;&#10; top: 50%;&#10; height: 2px;&#10; background: var(--dh-area-rule);&#10;}&#10;[data-dh-area-d]:focus-visible {&#10; outline: 2px solid var(--dh-area-color);&#10; outline-offset: 2px;&#10;}&#10;[data-dh-area-f] {&#10; position: absolute;&#10; left: 0;&#10; right: 0;&#10; top: 50%;&#10; height: 2px;&#10; background: var(--dh-area-accent);&#10; transform: scaleX(0);&#10; transform-origin: 0 50%;&#10;}&#10;[data-dh-area-d][aria-current="true"] [data-dh-area-f] {&#10; animation: area-run-fx 6.8s linear infinite;&#10;}&#10;[data-dh-area-p="0"] [data-dh-area-f],&#10;[data-dh-area-state="0"] [data-dh-area-f] {&#10; animation-play-state: paused;&#10;}&#10;.dhAreaView {&#10; display: flex;&#10; flex-direction: column;&#10; gap: 58px;&#10; border-top: 1px solid var(--dh-area-rule);&#10; padding-top: clamp(34px, 4vw, 46px);&#10;}&#10;[data-dh-area-m="1"] .dhAreaView {&#10; display: grid;&#10;}&#10;.dhAreaSlide {&#10; margin: 0;&#10; min-width: 0;&#10;}&#10;[data-dh-area-m="1"] .dhAreaSlide {&#10; grid-area: 1 / 1;&#10; opacity: 0;&#10; visibility: hidden;&#10; transform: translateY(18px);&#10; transition: opacity 0.65s ease, transform 0.9s cubic-bezier(0.16, 1, 0.3, 1), visibility 0s linear 0.65s;&#10;}&#10;[data-dh-area-m="1"] .dhAreaSlide[data-dh-area-on] {&#10; opacity: 1;&#10; visibility: visible;&#10; transform: none;&#10; transition: opacity 1s ease 0.15s, transform 1s cubic-bezier(0.16, 1, 0.3, 1) 0.15s, visibility 0s;&#10;}&#10;.dhAreaQuote {&#10; margin: 0;&#10; font-size: clamp(20px, 2.5vw, 34px);&#10; font-weight: 400;&#10; line-height: 1.5;&#10; letter-spacing: -0.03em;&#10;}&#10;.dhAreaCap {&#10; display: flex;&#10; flex-wrap: wrap;&#10; align-items: baseline;&#10; gap: 6px 18px;&#10; margin-top: clamp(28px, 3.4vw, 46px);&#10;}&#10;.dhAreaAuthor {&#10; font-size: 16px;&#10; font-weight: 700;&#10;}&#10;.dhAreaInfo {&#10; font-size: 14px;&#10; color: var(--dh-area-muted);&#10;}&#10;[data-dh-area-anim] {&#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-dh-area-state="0"] [data-dh-area-anim] {&#10; opacity: 0;&#10; transform: translateY(30px);&#10; transition: none;&#10;}&#10;@keyframes area-run-fx {&#10; from { transform: scaleX(0); }&#10; to { transform: scaleX(1); }&#10;}&#10;@media (max-width: 838px) {&#10; .dhAreaWrap {&#10; grid-template-columns: 1fr;&#10; }&#10; .dhAreaCtrl {&#10; margin-top: 8px;&#10; }&#10;}&#10;&#10;&#10;&#10;&#10;.dhLayer {&#10; --dh-layer-paper: var(--t-paper, #f3f3f2);&#10; --dh-layer-color: var(--t-txt, #101211);&#10; --dh-layer-muted: rgba(16, 16, 18, 0.68);&#10; --dh-layer-rule: rgba(15, 15, 20, 0.15);&#10; --dh-layer-accent: var(--t-key, #ff671f);&#10; --dh-layer-action-paper: #0e0f10;&#10; --dh-layer-action-color: #ffffff;&#10; position: relative;&#10; box-sizing: border-box;&#10; padding: clamp(86px, 12vw, 174px) 22px clamp(76px, 10vw, 154px);&#10; background: var(--dh-layer-paper);&#10; color: var(--dh-layer-color);&#10; font-family: var(--t-ff, 'Noto Sans KR', sans-serif);&#10; word-break: keep-all;&#10; overflow: hidden;&#10;}&#10;.dhLayer[data-dh-layer-scheme="dark"] {&#10; --dh-layer-paper: var(--t-deep, #090f10);&#10; --dh-layer-color: #f7f5ec;&#10; --dh-layer-muted: rgba(241, 239, 236, 0.7);&#10; --dh-layer-rule: rgba(241, 242, 236, 0.17);&#10; --dh-layer-action-paper: #f7f1ed;&#10; --dh-layer-action-color: #0a0b0b;&#10;}&#10;.dhLayerWrap {&#10; max-width: var(--t-measure, 1110px);&#10; margin: 0 auto;&#10;}&#10;.dhLayerInfo {&#10; display: flex;&#10; align-items: center;&#10; justify-content: space-between;&#10; flex-wrap: wrap;&#10; gap: 9px 24px;&#10; padding-bottom: clamp(18px, 2vw, 24px);&#10; border-bottom: 1px solid var(--dh-layer-rule);&#10;}&#10;.dhLayerKicker {&#10; display: flex;&#10; align-items: center;&#10; gap: 12px;&#10; margin: 0;&#10; font-size: 14px;&#10; font-weight: 500;&#10; letter-spacing: 0.02em;&#10; color: var(--dh-layer-muted);&#10;}&#10;.dhLayerDot {&#10; width: 8px;&#10; height: 7px;&#10; border-radius: 50%;&#10; background: var(--dh-layer-accent);&#10; flex-shrink: 0;&#10;}&#10;.dhLayerHours {&#10; margin: 0;&#10; font-size: 14px;&#10; color: var(--dh-layer-muted);&#10;}&#10;.dhLayerHeading {&#10; margin: clamp(36px, 6vw, 74px) 0 0;&#10; font-family: var(--t-ff-head, var(--t-ff, 'Noto Sans KR', sans-serif));&#10; font-size: clamp(52px, 10.5vw, 152px);&#10; font-weight: 900;&#10; line-height: 1;&#10; letter-spacing: -0.045em;&#10;}&#10;.dhLayerBar {&#10; width: clamp(94px, 14vw, 206px);&#10; height: 3px;&#10; margin: clamp(22px, 3vw, 40px) 0 clamp(40px, 6vw, 86px);&#10; background: var(--dh-layer-accent);&#10; transform-origin: 0 50%;&#10; transition: transform 1.45s cubic-bezier(0.16, 1, 0.3, 1) 0.45s;&#10;}&#10;.dhLayerFoot {&#10; display: flex;&#10; align-items: center;&#10; justify-content: space-between;&#10; gap: 28px 64px;&#10; padding-top: clamp(24px, 3vw, 30px);&#10; border-top: 1px solid var(--dh-layer-rule);&#10;}&#10;.dhLayerDesc {&#10; margin: 0;&#10; max-width: 31.375em;&#10; font-size: clamp(14px, 1.25vw, 16px);&#10; line-height: 1.85;&#10; color: var(--dh-layer-muted);&#10;}&#10;.dhLayerGo {&#10; display: inline-flex;&#10; align-items: center;&#10; gap: 16px;&#10; flex-shrink: 0;&#10; padding: 12px 0;&#10; border-bottom: 2px solid var(--dh-layer-color);&#10; color: var(--dh-layer-color);&#10; font-size: clamp(16px, 1.4vw, 18px);&#10; font-weight: 700;&#10; text-decoration: none;&#10;}&#10;.dhLayerGo:focus-visible {&#10; outline: 2px solid var(--dh-layer-color);&#10; outline-offset: 4px;&#10;}&#10;.dhLayerCircle {&#10; position: relative;&#10; display: inline-flex;&#10; align-items: center;&#10; justify-content: center;&#10; width: 46px;&#10; height: 48px;&#10; border-radius: 50%;&#10; background: var(--dh-layer-action-paper);&#10; color: var(--dh-layer-action-color);&#10; transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1);&#10;}&#10;.dhLayerGo:hover .dhLayerCircle {&#10; transform: translateX(6px);&#10;}&#10;.dhLayerArr {&#10; position: relative;&#10; width: 14px;&#10; height: 1.5px;&#10; background: currentColor;&#10;}&#10;.dhLayerArr::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;[data-dh-layer-anim] {&#10; transition: opacity 1.15s cubic-bezier(0.16, 1, 0.3, 1), transform 1s cubic-bezier(0.16, 1, 0.3, 1);&#10;}&#10;[data-dh-layer-state="0"] [data-dh-layer-anim] {&#10; opacity: 0;&#10; transform: translateY(30px);&#10; transition: none;&#10;}&#10;[data-dh-layer-state="0"] .dhLayerBar {&#10; transform: scaleX(0);&#10; transition: none;&#10;}&#10;@media (max-width: 758px) {&#10; .dhLayerFoot {&#10; flex-direction: column;&#10; align-items: flex-start;&#10; }&#10;}&#10;&#10;&lt;/style&gt;&#10;&#10;&lt;section class="dhBoard" data-dh-board="" data-dh-board-scheme="light"&gt;&#10;&lt;div class="dhBoardWrap"&gt;&#10;&lt;nav aria-label="현재 위치" class="dhBoardPath" data-dh-board-anim=""&gt;&#10;&lt;a class="dhBoardPathLnk" href="/."&gt;홈&lt;/a&gt;&#10;&lt;span aria-hidden="true" class="dhBoardSep"&gt;/&lt;/span&gt;&#10;&lt;span aria-current="page" class="dhBoardHere"&gt;&lt;span aria-hidden="true" class="dhBoardDot"&gt;&lt;/span&gt;SEO 콘텐츠 설계&lt;/span&gt;&#10;&lt;/nav&gt;&#10;&lt;div class="dhBoardMask"&gt;&#10;&lt;h1 class="dhBoardHeading dhHeroHeading" data-dh-board-anim=""&gt;SEO 콘텐츠 설계&lt;/h1&gt;&#10;&lt;/div&gt;&#10;&lt;div class="dhBoardFoot"&gt;&#10;&lt;p class="dhBoardDesc dhDesc" data-dh-board-anim=""&gt;&lt;a href="/posts/post_005"&gt;검색 의도&lt;/a&gt;에 맞춰 페이지를 나누고, 주차별로 글과 메타를 채워 가는 방법을 안내합니다.&lt;/p&gt;&#10;&lt;ul class="dhBoardToc" data-dh-board-anim=""&gt;&#10;&lt;li&gt;&lt;a class="dhBoardTocLnk" href="/웹사이트상위노출진단"&gt;진단&lt;/a&gt;&lt;/li&gt;&#10;&lt;li&gt;&lt;a class="dhBoardTocLnk" href="/진행과정"&gt;진행 과정&lt;/a&gt;&lt;/li&gt;&#10;&lt;li&gt;&lt;a class="dhBoardTocLnk" href="/문의하기"&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-dh-board", "tone": "data-dh-board-scheme", "state": "data-dh-board-state", "item": "data-dh-board-anim"};&#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; 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>문의하기 전화·문자 상담 시간 안내</title><link>https://youico.co.kr/%EB%AC%B8%EC%9D%98%ED%95%98%EA%B8%B0</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://youico.co.kr/%EB%AC%B8%EC%9D%98%ED%95%98%EA%B8%B0</guid><description>&lt;style&gt;&#13;&#10;&#13;&#10;&#13;&#10;.dhYard {&#13;&#10; --dh-yard-paper: var(--t-paper, #f6f5f0);&#13;&#10; --dh-yard-color: var(--t-txt, #0f1014);&#13;&#10; --dh-yard-muted: rgba(18, 17, 20, 0.68);&#13;&#10; --dh-yard-frame: rgba(14, 15, 19, 0.08);&#13;&#10; --dh-yard-accent: var(--t-key, #ff6a22);&#13;&#10; position: relative;&#13;&#10; box-sizing: border-box;&#13;&#10; padding: clamp(160px, 13.5vw, 208px) 20px clamp(56px, 6vw, 82px);&#13;&#10; background: var(--dh-yard-paper);&#13;&#10; color: var(--dh-yard-color);&#13;&#10; font-family: var(--t-ff, 'Noto Sans KR', sans-serif);&#13;&#10; word-break: keep-all;&#13;&#10;}&#13;&#10;.dhYard[data-dh-yard-scheme="dark"] {&#13;&#10; --dh-yard-paper: var(--t-deep, #0b0a0c);&#13;&#10; --dh-yard-color: #f7f2ed;&#13;&#10; --dh-yard-muted: rgba(243, 245, 239, 0.7);&#13;&#10; --dh-yard-frame: rgba(247, 245, 234, 0.08);&#13;&#10;}&#13;&#10;.dhYardWrap {&#13;&#10; max-width: var(--t-measure, 1130px);&#13;&#10; margin: 0 auto;&#13;&#10;}&#13;&#10;.dhYardTop {&#13;&#10; display: flex;&#13;&#10; flex-direction: column;&#13;&#10; align-items: center;&#13;&#10; text-align: center;&#13;&#10;}&#13;&#10;.dhYardKicker {&#13;&#10; display: inline-flex;&#13;&#10; align-items: center;&#13;&#10; gap: 12px;&#13;&#10; margin: 0 0 clamp(20px, 2.6vw, 28px);&#13;&#10; font-size: 14px;&#13;&#10; font-weight: 500;&#13;&#10; letter-spacing: 0.02em;&#13;&#10; color: var(--dh-yard-muted);&#13;&#10;}&#13;&#10;.dhYardDot {&#13;&#10; width: 6px;&#13;&#10; height: 6px;&#13;&#10; border-radius: 50%;&#13;&#10; background: var(--dh-yard-accent);&#13;&#10;}&#13;&#10;.dhYardHeading {&#13;&#10; max-width: 12.875em;&#13;&#10; margin: 0;&#13;&#10; font-family: var(--t-ff-head, var(--t-ff, 'Noto Sans KR', sans-serif));&#13;&#10; font-size: clamp(38px, 6.2vw, 96px);&#13;&#10; font-weight: 800;&#13;&#10; line-height: 1.05;&#13;&#10; letter-spacing: -0.044em;&#13;&#10;}&#13;&#10;.dhYardDesc {&#13;&#10; max-width: 30.625em;&#13;&#10; margin: clamp(22px, 2.8vw, 36px) 0 0;&#13;&#10; font-size: clamp(16px, 1.3vw, 20px);&#13;&#10; font-weight: 300;&#13;&#10; line-height: 1.75;&#13;&#10; color: var(--dh-yard-muted);&#13;&#10;}&#13;&#10;.dhYardFrame {&#13;&#10; position: relative;&#13;&#10; margin: clamp(54px, 6.5vw, 94px) 0 0;&#13;&#10; aspect-ratio: 21 / 9;&#13;&#10; border-radius: var(--t-corner, 14px);&#13;&#10; background: var(--dh-yard-frame);&#13;&#10; overflow: hidden;&#13;&#10;}&#13;&#10;.dhYardImage {&#13;&#10; display: block;&#13;&#10; width: 100%;&#13;&#10; height: 100%;&#13;&#10; object-fit: cover;&#13;&#10; transition: transform 1.95s cubic-bezier(0.16, 1, 0.3, 1) 0.35s, opacity 1.3s ease 0.3s;&#13;&#10;}&#13;&#10;.dhYardCap {&#13;&#10; display: flex;&#13;&#10; align-items: center;&#13;&#10; gap: 14px;&#13;&#10; margin: 18px 0 0;&#13;&#10; font-size: 14px;&#13;&#10; font-weight: 400;&#13;&#10; color: var(--dh-yard-muted);&#13;&#10;}&#13;&#10;.dhYardCapRule {&#13;&#10; width: 30px;&#13;&#10; height: 1px;&#13;&#10; background: var(--dh-yard-accent);&#13;&#10; flex-shrink: 0;&#13;&#10;}&#13;&#10;[data-dh-yard-anim] {&#13;&#10; transition: opacity 1.1s cubic-bezier(0.16, 1, 0.3, 1), transform 0.95s cubic-bezier(0.16, 1, 0.3, 1);&#13;&#10;}&#13;&#10;[data-dh-yard-state="0"] [data-dh-yard-anim] {&#13;&#10; opacity: 0;&#13;&#10; transform: translateY(26px);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;[data-dh-yard-state="0"] .dhYardImage {&#13;&#10; opacity: 0;&#13;&#10; transform: scale(1.08);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;@media (max-width: 580px) {&#13;&#10; .dhYardFrame {&#13;&#10; aspect-ratio: 4 / 3;&#13;&#10; }&#13;&#10;}&#13;&#10;&#13;&#10;&#13;&#10;&#13;&#10;&#13;&#10;.dhLane {&#13;&#10; --dh-lane-paper: var(--t-paper, #f6f7f2);&#13;&#10; --dh-lane-color: var(--t-txt, #141012);&#13;&#10; --dh-lane-muted: rgba(19, 18, 14, 0.7);&#13;&#10; --dh-lane-rule: rgba(17, 16, 20, 0.14);&#13;&#10; --dh-lane-track: rgba(18, 17, 20, 0.08);&#13;&#10; --dh-lane-accent: var(--t-key, #ff6a20);&#13;&#10; position: relative;&#13;&#10; box-sizing: border-box;&#13;&#10; padding: clamp(72px, 9.5vw, 142px) 22px clamp(88px, 10.5vw, 152px);&#13;&#10; background: var(--dh-lane-paper);&#13;&#10; color: var(--dh-lane-color);&#13;&#10; font-family: var(--t-ff, 'Noto Sans KR', sans-serif);&#13;&#10; word-break: keep-all;&#13;&#10;}&#13;&#10;.dhLane[data-dh-lane-scheme="dark"] {&#13;&#10; --dh-lane-paper: var(--t-deep, #0a0b0c);&#13;&#10; --dh-lane-color: #f5f4ef;&#13;&#10; --dh-lane-muted: rgba(241, 240, 238, 0.7);&#13;&#10; --dh-lane-rule: rgba(243, 243, 237, 0.16);&#13;&#10; --dh-lane-track: rgba(244, 239, 237, 0.09);&#13;&#10;}&#13;&#10;.dhLaneWrap {&#13;&#10; max-width: var(--t-measure, 1100px);&#13;&#10; margin: 0 auto;&#13;&#10; display: grid;&#13;&#10; grid-template-columns: minmax(0, 4fr) minmax(0, 7fr);&#13;&#10; gap: clamp(38px, 7vw, 130px);&#13;&#10; align-items: start;&#13;&#10;}&#13;&#10;.dhLaneHead {&#13;&#10; position: sticky;&#13;&#10; top: 122px;&#13;&#10;}&#13;&#10;.dhLaneHeading {&#13;&#10; margin: 0;&#13;&#10; font-family: var(--t-ff-head, var(--t-ff, 'Noto Sans KR', sans-serif));&#13;&#10; font-size: clamp(32px, 3.6vw, 48px);&#13;&#10; font-weight: 800;&#13;&#10; line-height: 1.25;&#13;&#10; letter-spacing: -0.04em;&#13;&#10;}&#13;&#10;.dhLaneDesc {&#13;&#10; margin: clamp(20px, 2.4vw, 32px) 0 0;&#13;&#10; max-width: 22.625em;&#13;&#10; font-size: clamp(16px, 1.15vw, 18px);&#13;&#10; line-height: 1.75;&#13;&#10; color: var(--dh-lane-muted);&#13;&#10;}&#13;&#10;.dhLaneNote {&#13;&#10; margin: clamp(34px, 4vw, 46px) 0 0;&#13;&#10; padding-top: 18px;&#13;&#10; border-top: 1px solid var(--dh-lane-rule);&#13;&#10; font-size: 16px;&#13;&#10; line-height: 1.7;&#13;&#10; color: var(--dh-lane-muted);&#13;&#10;}&#13;&#10;.dhLaneList {&#13;&#10; margin: 0;&#13;&#10; padding: 0;&#13;&#10;}&#13;&#10;.dhLaneScale {&#13;&#10; display: grid;&#13;&#10; grid-template-columns: 68px 142px minmax(0, 1fr);&#13;&#10; gap: 26px;&#13;&#10; padding-bottom: 16px;&#13;&#10; border-bottom: 1px solid var(--dh-lane-color);&#13;&#10; font-size: 14px;&#13;&#10; font-weight: 500;&#13;&#10; letter-spacing: 0.06em;&#13;&#10; color: var(--dh-lane-muted);&#13;&#10; font-variant-numeric: tabular-nums;&#13;&#10;}&#13;&#10;.dhLaneTicks {&#13;&#10; display: flex;&#13;&#10; justify-content: space-between;&#13;&#10;}&#13;&#10;.dhLaneRow {&#13;&#10; position: relative;&#13;&#10; display: grid;&#13;&#10; grid-template-columns: 68px 164px minmax(0, 1fr);&#13;&#10; gap: 26px;&#13;&#10; align-items: center;&#13;&#10; padding: 22px 0;&#13;&#10; border-bottom: 1px solid var(--dh-lane-rule);&#13;&#10;}&#13;&#10;.dhLaneDay {&#13;&#10; margin: 0;&#13;&#10; display: flex;&#13;&#10; align-items: center;&#13;&#10; gap: 10px;&#13;&#10; font-size: 18px;&#13;&#10; font-weight: 700;&#13;&#10; letter-spacing: -0.01em;&#13;&#10;}&#13;&#10;.dhLaneNow {&#13;&#10; width: 7px;&#13;&#10; height: 6px;&#13;&#10; border-radius: 50%;&#13;&#10; background: var(--dh-lane-accent);&#13;&#10; opacity: 0;&#13;&#10; transform: scale(0.2);&#13;&#10; transition: opacity 0.45s ease, transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);&#13;&#10;}&#13;&#10;.dhLaneTime {&#13;&#10; margin: 0;&#13;&#10; font-size: 16px;&#13;&#10; font-weight: 400;&#13;&#10; font-variant-numeric: tabular-nums;&#13;&#10; color: var(--dh-lane-muted);&#13;&#10;}&#13;&#10;.dhLaneBar {&#13;&#10; position: relative;&#13;&#10; height: 6px;&#13;&#10; margin: 0;&#13;&#10; border-radius: 3px;&#13;&#10; background: var(--dh-lane-track);&#13;&#10; overflow: hidden;&#13;&#10;}&#13;&#10;.dhLaneSpan {&#13;&#10; position: absolute;&#13;&#10; top: 0;&#13;&#10; bottom: 0;&#13;&#10; left: 0;&#13;&#10; width: 0;&#13;&#10; border-radius: 3px;&#13;&#10; background: var(--dh-lane-accent);&#13;&#10; transform-origin: 0 50%;&#13;&#10; transition: transform 1.2s cubic-bezier(0.16, 1, 0.3, 1);&#13;&#10;}&#13;&#10;[data-dh-lane-today="1"] .dhLaneNow {&#13;&#10; opacity: 1;&#13;&#10; transform: scale(1);&#13;&#10;}&#13;&#10;[data-dh-lane-today="1"] .dhLaneTime {&#13;&#10; color: var(--dh-lane-color);&#13;&#10; font-weight: 600;&#13;&#10;}&#13;&#10;[data-dh-lane-anim] {&#13;&#10; transition: opacity 0.9s cubic-bezier(0.16, 1, 0.3, 1), transform 0.85s cubic-bezier(0.16, 1, 0.3, 1);&#13;&#10;}&#13;&#10;[data-dh-lane-state="0"] [data-dh-lane-anim] {&#13;&#10; opacity: 0;&#13;&#10; transform: translateY(20px);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;[data-dh-lane-state="0"] .dhLaneSpan {&#13;&#10; transform: scaleX(0);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;@media (max-width: 966px) {&#13;&#10; .dhLaneWrap {&#13;&#10; grid-template-columns: 1fr;&#13;&#10; }&#13;&#10; .dhLaneHead {&#13;&#10; position: static;&#13;&#10; }&#13;&#10;}&#13;&#10;@media (max-width: 568px) {&#13;&#10; .dhLaneScale {&#13;&#10; display: none;&#13;&#10; }&#13;&#10; .dhLaneList {&#13;&#10; border-top: 1px solid var(--dh-lane-color);&#13;&#10; }&#13;&#10; .dhLaneRow {&#13;&#10; grid-template-columns: 62px minmax(0, 1fr);&#13;&#10; gap: 12px 16px;&#13;&#10; padding: 18px 0;&#13;&#10; }&#13;&#10; .dhLaneBar {&#13;&#10; grid-column: 1 / -1;&#13;&#10; }&#13;&#10;}&#13;&#10;&#13;&#10;&#13;&#10;&#13;&#10;&#13;&#10;.dhWell {&#13;&#10; --dh-well-paper: var(--t-paper, #f4f4f0);&#13;&#10; --dh-well-color: var(--t-txt, #0e0e11);&#13;&#10; --dh-well-muted: rgba(14, 15, 16, 0.7);&#13;&#10; --dh-well-rule: rgba(17, 19, 20, 0.16);&#13;&#10; --dh-well-accent: var(--t-key, #ff691d);&#13;&#10; position: relative;&#13;&#10; box-sizing: border-box;&#13;&#10; padding: clamp(74px, 10.5vw, 134px) 22px clamp(80px, 11vw, 150px);&#13;&#10; background: var(--dh-well-paper);&#13;&#10; color: var(--dh-well-color);&#13;&#10; font-family: var(--t-ff, 'Noto Sans KR', sans-serif);&#13;&#10; word-break: keep-all;&#13;&#10;}&#13;&#10;.dhWell[data-dh-well-scheme="dark"] {&#13;&#10; --dh-well-paper: var(--t-deep, #0f090e);&#13;&#10; --dh-well-color: #f4f1ea;&#13;&#10; --dh-well-muted: rgba(241, 245, 239, 0.7);&#13;&#10; --dh-well-rule: rgba(247, 245, 236, 0.18);&#13;&#10;}&#13;&#10;.dhWellWrap {&#13;&#10; max-width: var(--t-measure, 1124px);&#13;&#10; margin: 0 auto;&#13;&#10;}&#13;&#10;.dhWellHead {&#13;&#10; display: grid;&#13;&#10; grid-template-columns: 1.15fr 1fr;&#13;&#10; gap: clamp(26px, 5vw, 94px);&#13;&#10; align-items: end;&#13;&#10; margin-bottom: clamp(54px, 8vw, 122px);&#13;&#10;}&#13;&#10;.dhWellKicker {&#13;&#10; display: flex;&#13;&#10; align-items: center;&#13;&#10; gap: 12px;&#13;&#10; margin: 0 0 clamp(22px, 3vw, 36px);&#13;&#10; font-size: 16px;&#13;&#10; font-weight: 500;&#13;&#10; letter-spacing: 0.02em;&#13;&#10; color: var(--dh-well-muted);&#13;&#10;}&#13;&#10;.dhWellDot {&#13;&#10; width: 8px;&#13;&#10; height: 8px;&#13;&#10; border-radius: 50%;&#13;&#10; background: var(--dh-well-accent);&#13;&#10; flex-shrink: 0;&#13;&#10;}&#13;&#10;.dhWellHeading {&#13;&#10; margin: 0;&#13;&#10; max-width: 14.875em;&#13;&#10; font-family: var(--t-ff-head, var(--t-ff, 'Noto Sans KR', sans-serif));&#13;&#10; font-size: clamp(28px, 4.2vw, 54px);&#13;&#10; font-weight: 800;&#13;&#10; line-height: 1.15;&#13;&#10; letter-spacing: -0.04em;&#13;&#10;}&#13;&#10;.dhWellDesc {&#13;&#10; margin: 0;&#13;&#10; max-width: 30.625em;&#13;&#10; font-size: clamp(16px, 1.2vw, 18px);&#13;&#10; font-weight: 400;&#13;&#10; line-height: 1.85;&#13;&#10; color: var(--dh-well-muted);&#13;&#10;}&#13;&#10;.dhWellTrack {&#13;&#10; position: relative;&#13;&#10;}&#13;&#10;.dhWellRail {&#13;&#10; position: absolute;&#13;&#10; left: 0;&#13;&#10; right: 0;&#13;&#10; top: 5px;&#13;&#10; height: 1px;&#13;&#10; background: var(--dh-well-rule);&#13;&#10; overflow: hidden;&#13;&#10;}&#13;&#10;.dhWellLevel {&#13;&#10; position: absolute;&#13;&#10; inset: 0;&#13;&#10; background: var(--dh-well-accent);&#13;&#10; transform-origin: 0 50%;&#13;&#10; transition: transform 1.7s cubic-bezier(0.65, 0, 0.35, 1) 0.35s;&#13;&#10;}&#13;&#10;.dhWellList {&#13;&#10; position: relative;&#13;&#10; display: grid;&#13;&#10; grid-template-columns: repeat(4, minmax(0, 1fr));&#13;&#10; gap: clamp(24px, 3.2vw, 54px);&#13;&#10; margin: 0;&#13;&#10; padding: 0;&#13;&#10; list-style: none;&#13;&#10; counter-reset: pr01c-kf;&#13;&#10;}&#13;&#10;.dhWellStep {&#13;&#10; position: relative;&#13;&#10; padding-top: 48px;&#13;&#10; counter-increment: pr01c-kf;&#13;&#10;}&#13;&#10;.dhWellNode {&#13;&#10; position: absolute;&#13;&#10; left: 0;&#13;&#10; top: 0;&#13;&#10; width: 12px;&#13;&#10; height: 10px;&#13;&#10; box-sizing: border-box;&#13;&#10; border-radius: 50%;&#13;&#10; border: 1px solid var(--dh-well-color);&#13;&#10; background: var(--dh-well-paper);&#13;&#10; transition-delay: inherit;&#13;&#10;}&#13;&#10;.dhWellNode::after {&#13;&#10; content: '';&#13;&#10; position: absolute;&#13;&#10; inset: 2px;&#13;&#10; border-radius: 50%;&#13;&#10; background: var(--dh-well-accent);&#13;&#10; transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);&#13;&#10; transition-delay: inherit;&#13;&#10;}&#13;&#10;.dhWellNo {&#13;&#10; display: block;&#13;&#10; margin-bottom: 20px;&#13;&#10; font-size: 12px;&#13;&#10; font-weight: 500;&#13;&#10; letter-spacing: 0.08em;&#13;&#10; color: var(--dh-well-muted);&#13;&#10;}&#13;&#10;.dhWellNo::before {&#13;&#10; content: counter(pr01c-kf, decimal-leading-zero);&#13;&#10;}&#13;&#10;.dhWellName {&#13;&#10; margin: 0 0 12px;&#13;&#10; font-size: clamp(18px, 1.6vw, 22px);&#13;&#10; font-weight: 800;&#13;&#10; line-height: 1.3;&#13;&#10; letter-spacing: -0.025em;&#13;&#10;}&#13;&#10;.dhWellTxt {&#13;&#10; margin: 0;&#13;&#10; max-width: 17.125em;&#13;&#10; font-size: 16px;&#13;&#10; font-weight: 400;&#13;&#10; line-height: 1.75;&#13;&#10; color: var(--dh-well-muted);&#13;&#10;}&#13;&#10;[data-dh-well-anim] {&#13;&#10; transition: opacity 0.9s cubic-bezier(0.16, 1, 0.3, 1), transform 1s cubic-bezier(0.16, 1, 0.3, 1);&#13;&#10;}&#13;&#10;[data-dh-well-state="0"] [data-dh-well-anim] {&#13;&#10; opacity: 0;&#13;&#10; transform: translateY(24px);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;[data-dh-well-state="0"] .dhWellLevel {&#13;&#10; transform: scaleX(0);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;[data-dh-well-state="0"] .dhWellNode::after {&#13;&#10; transform: scale(0);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;@media (max-width: 836px) {&#13;&#10; .dhWellHead {&#13;&#10; grid-template-columns: 1fr;&#13;&#10; align-items: start;&#13;&#10; }&#13;&#10; .dhWellList {&#13;&#10; grid-template-columns: repeat(2, minmax(0, 1fr));&#13;&#10; row-gap: 58px;&#13;&#10; }&#13;&#10; .dhWellRail {&#13;&#10; display: none;&#13;&#10; }&#13;&#10; .dhWellStep {&#13;&#10; border-top: 1px solid var(--dh-well-rule);&#13;&#10; padding-top: 40px;&#13;&#10; }&#13;&#10; .dhWellNode {&#13;&#10; top: -6px;&#13;&#10; }&#13;&#10;}&#13;&#10;@media (max-width: 550px) {&#13;&#10; .dhWellList {&#13;&#10; grid-template-columns: 1fr;&#13;&#10; row-gap: 48px;&#13;&#10; }&#13;&#10;}&#13;&#10;&#13;&#10;&#13;&#10;&#13;&#10;&#13;&#10;.dhSpot {&#13;&#10; --dh-spot-paper: var(--t-paper, #f7f5f4);&#13;&#10; --dh-spot-color: var(--t-txt, #141414);&#13;&#10; --dh-spot-muted: rgba(20, 16, 17, 0.7);&#13;&#10; --dh-spot-rule: rgba(15, 16, 14, 0.14);&#13;&#10; --dh-spot-accent: var(--t-key, #fc6c22);&#13;&#10; position: relative;&#13;&#10; box-sizing: border-box;&#13;&#10; padding: clamp(100px, 12vw, 148px) 20px clamp(94px, 11vw, 160px);&#13;&#10; background: var(--dh-spot-paper);&#13;&#10; color: var(--dh-spot-color);&#13;&#10; font-family: var(--t-ff, 'Noto Sans KR', sans-serif);&#13;&#10; word-break: keep-all;&#13;&#10;}&#13;&#10;.dhSpot[data-dh-spot-scheme="dark"] {&#13;&#10; --dh-spot-paper: var(--t-deep, #0a0c10);&#13;&#10; --dh-spot-color: #f6f2ee;&#13;&#10; --dh-spot-muted: rgba(242, 244, 239, 0.7);&#13;&#10; --dh-spot-rule: rgba(241, 243, 237, 0.16);&#13;&#10;}&#13;&#10;.dhSpotWrap {&#13;&#10; max-width: var(--t-measure, 1214px);&#13;&#10; margin: 0 auto;&#13;&#10;}&#13;&#10;.dhSpotHead {&#13;&#10; display: grid;&#13;&#10; grid-template-columns: clamp(62px, 11vw, 176px) 1fr;&#13;&#10; margin-bottom: clamp(48px, 7vw, 90px);&#13;&#10;}&#13;&#10;.dhSpotKicker {&#13;&#10; margin: 0;&#13;&#10; padding-top: 0.63em;&#13;&#10; font-size: 12px;&#13;&#10; font-weight: 500;&#13;&#10; letter-spacing: 0.08em;&#13;&#10; color: var(--dh-spot-muted);&#13;&#10;}&#13;&#10;.dhSpotHeading {&#13;&#10; margin: 0;&#13;&#10; max-width: 12.75em;&#13;&#10; font-family: var(--t-ff-head, var(--t-ff, 'Noto Sans KR', sans-serif));&#13;&#10; font-size: clamp(32px, 4.4vw, 62px);&#13;&#10; font-weight: 800;&#13;&#10; line-height: 1.2;&#13;&#10; letter-spacing: -0.042em;&#13;&#10;}&#13;&#10;.dhSpotList {&#13;&#10; margin: 0;&#13;&#10; padding: 0;&#13;&#10; list-style: none;&#13;&#10; counter-reset: fq04q-kf;&#13;&#10; border-top: 1px solid var(--dh-spot-color);&#13;&#10;}&#13;&#10;.dhSpotNode {&#13;&#10; display: grid;&#13;&#10; grid-template-columns: clamp(60px, 11vw, 150px) 1fr;&#13;&#10; align-items: start;&#13;&#10; padding: clamp(28px, 3.2vw, 48px) 0;&#13;&#10; border-bottom: 1px solid var(--dh-spot-rule);&#13;&#10; counter-increment: fq04q-kf;&#13;&#10;}&#13;&#10;.dhSpotIdx {&#13;&#10; position: relative;&#13;&#10; padding-bottom: 14px;&#13;&#10; font-size: clamp(30px, 3.8vw, 52px);&#13;&#10; font-weight: 300;&#13;&#10; line-height: 1.05;&#13;&#10; letter-spacing: -0.04em;&#13;&#10; font-variant-numeric: tabular-nums;&#13;&#10; color: var(--dh-spot-muted);&#13;&#10; transition: color 0.45s ease;&#13;&#10;}&#13;&#10;.dhSpotIdx::before {&#13;&#10; content: counter(fq04q-kf, decimal-leading-zero);&#13;&#10;}&#13;&#10;.dhSpotIdx::after {&#13;&#10; content: '';&#13;&#10; position: absolute;&#13;&#10; left: 0.06em;&#13;&#10; bottom: 0;&#13;&#10; width: 26px;&#13;&#10; height: 2px;&#13;&#10; background: var(--dh-spot-accent);&#13;&#10; transform: scaleX(0);&#13;&#10; transform-origin: 0 50%;&#13;&#10; transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);&#13;&#10;}&#13;&#10;[data-dh-spot-o="1"] .dhSpotIdx {&#13;&#10; color: var(--dh-spot-color);&#13;&#10;}&#13;&#10;[data-dh-spot-o="1"] .dhSpotIdx::after {&#13;&#10; transform: scaleX(1);&#13;&#10;}&#13;&#10;.dhSpotContent {&#13;&#10; min-width: 0;&#13;&#10;}&#13;&#10;.dhSpotQOuter {&#13;&#10; margin: 0;&#13;&#10; font-size: inherit;&#13;&#10; font-weight: inherit;&#13;&#10;}&#13;&#10;.dhSpotQ {&#13;&#10; display: flex;&#13;&#10; justify-content: space-between;&#13;&#10; align-items: flex-start;&#13;&#10; gap: 26px;&#13;&#10; width: 100%;&#13;&#10; margin: 0;&#13;&#10; padding: 0;&#13;&#10; border: 0;&#13;&#10; background: none;&#13;&#10; color: inherit;&#13;&#10; font: inherit;&#13;&#10; text-align: left;&#13;&#10; cursor: pointer;&#13;&#10;}&#13;&#10;.dhSpotQ:focus-visible {&#13;&#10; outline: 2px solid var(--dh-spot-color);&#13;&#10; outline-offset: 6px;&#13;&#10;}&#13;&#10;.dhSpotQTxt {&#13;&#10; padding-top: 0.22em;&#13;&#10; font-size: clamp(16px, 2vw, 26px);&#13;&#10; font-weight: 700;&#13;&#10; line-height: 1.35;&#13;&#10; letter-spacing: -0.025em;&#13;&#10;}&#13;&#10;.dhSpotRing {&#13;&#10; position: relative;&#13;&#10; flex-shrink: 0;&#13;&#10; width: 16px;&#13;&#10; height: 14px;&#13;&#10; margin-top: 0.71em;&#13;&#10; border: 1px solid currentColor;&#13;&#10; border-radius: 50%;&#13;&#10;}&#13;&#10;.dhSpotRing::after {&#13;&#10; content: '';&#13;&#10; position: absolute;&#13;&#10; inset: 3px;&#13;&#10; border-radius: 50%;&#13;&#10; background: currentColor;&#13;&#10; transition: transform 0.45s cubic-bezier(0.16, 1, 0.3, 1);&#13;&#10;}&#13;&#10;[data-dh-spot-o="0"] .dhSpotRing::after {&#13;&#10; transform: scale(0);&#13;&#10;}&#13;&#10;.dhSpotQ:hover .dhSpotQTxt {&#13;&#10; opacity: 0.78;&#13;&#10;}&#13;&#10;.dhSpotA {&#13;&#10; display: grid;&#13;&#10; grid-template-rows: 1fr;&#13;&#10; transition: grid-template-rows 0.8s cubic-bezier(0.16, 1, 0.3, 1), visibility 0s linear 0s;&#13;&#10;}&#13;&#10;[data-dh-spot-o="0"] .dhSpotA {&#13;&#10; grid-template-rows: 0fr;&#13;&#10; visibility: hidden;&#13;&#10; transition: grid-template-rows 0.8s cubic-bezier(0.16, 1, 0.3, 1), visibility 0s linear 0.7s;&#13;&#10;}&#13;&#10;.dhSpotAIn {&#13;&#10; min-height: 0;&#13;&#10; overflow: hidden;&#13;&#10;}&#13;&#10;.dhSpotATxt {&#13;&#10; max-width: 38.25em;&#13;&#10; margin: 0;&#13;&#10; padding-top: clamp(16px, 1.6vw, 22px);&#13;&#10; font-size: clamp(16px, 1.1vw, 18px);&#13;&#10; line-height: 1.85;&#13;&#10; color: var(--dh-spot-muted);&#13;&#10;}&#13;&#10;[data-dh-spot-r] {&#13;&#10; transition: opacity 1.1s cubic-bezier(0.16, 1, 0.3, 1), transform 1.05s cubic-bezier(0.16, 1, 0.3, 1);&#13;&#10;}&#13;&#10;[data-dh-spot-state="0"] [data-dh-spot-r] {&#13;&#10; opacity: 0;&#13;&#10; transform: translateY(30px);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;@media (max-width: 602px) {&#13;&#10; .dhSpotHead {&#13;&#10; grid-template-columns: 1fr;&#13;&#10; gap: 18px;&#13;&#10; }&#13;&#10; .dhSpotKicker {&#13;&#10; padding-top: 0;&#13;&#10; }&#13;&#10; .dhSpotNode {&#13;&#10; grid-template-columns: 52px 1fr;&#13;&#10; }&#13;&#10; .dhSpotIdx {&#13;&#10; font-size: 24px;&#13;&#10; }&#13;&#10;}&#13;&#10;&#13;&#10;&lt;/style&gt;&#13;&#10;&#13;&#10;&lt;section class="dhYard" data-dh-yard="" data-dh-yard-scheme="dark"&gt;&#13;&#10;&lt;div class="dhYardWrap"&gt;&#13;&#10;&lt;div class="dhYardTop"&gt;&#13;&#10;&lt;p class="dhYardKicker dhKicker" data-dh-yard-anim=""&gt;&lt;span aria-hidden="true" class="dhYardDot"&gt;&lt;/span&gt;문의 안내&lt;/p&gt;&#13;&#10;&lt;h1 class="dhYardHeading dhHeroHeading" data-dh-yard-anim=""&gt;웹사이트상위노출 문의하기&lt;/h1&gt;&#13;&#10;&lt;p class="dhYardDesc dhDesc" data-dh-yard-anim=""&gt;전화나 문자로 사이트 주소와 궁금한 점을 알려 주세요. 매니저가 확인한 뒤 진단 범위를 안내합니다.&lt;/p&gt;&#13;&#10;&lt;/div&gt;&#13;&#10;&lt;div class="dhYardFrame" data-dh-yard-anim=""&gt;&#13;&#10;&lt;img alt="문의 진행: 전화나 문자로 사이트 주소와 궁금한 점을 알리면 매니저가 확인 후 진단 범위 안내, 평일 10:00~18:00 상담" class="dhYardImage" height="686" loading="lazy" src="/img/west-glass.svg" width="1600"/&gt;&#13;&#10;&lt;/div&gt;&#13;&#10;&lt;p class="dhYardCap" data-dh-yard-anim=""&gt;&lt;span aria-hidden="true" class="dhYardCapRule"&gt;&lt;/span&gt;평일 10:00~18:00 상담&lt;/p&gt;&#13;&#10;&lt;/div&gt;&#13;&#10;&lt;script&gt;&#13;&#10; (function () {&#13;&#10; var N = {"root": "data-dh-yard", "tone": "data-dh-yard-scheme", "state": "data-dh-yard-state", "item": "data-dh-yard-anim"};&#13;&#10; var s = document.currentScript;&#13;&#10; var R = s &amp;&amp; s.closest('[' + N.root + ']');&#13;&#10; if (!R) { return; }&#13;&#10; var items = R.querySelectorAll('[' + N.item + ']');&#13;&#10; // 시간차는 현재 DOM 순서로 매김&#13;&#10; for (var i = 0; i &lt; items.length; i++) {&#13;&#10; items[i].style.transitionDelay = (i * 0.12) + 's, ' + (i * 0.12) + 's';&#13;&#10; }&#13;&#10; var show = function () { R.setAttribute(N.state, '1'); };&#13;&#10; if (!('IntersectionObserver' in window)) { return; }&#13;&#10; R.setAttribute(N.state, '0');&#13;&#10; var io = new IntersectionObserver(function (es) {&#13;&#10; if (es[0].isIntersecting) {&#13;&#10; io.disconnect();&#13;&#10; requestAnimationFrame(function () { requestAnimationFrame(show); });&#13;&#10; }&#13;&#10; }, { threshold: 0.15 });&#13;&#10; io.observe(R);&#13;&#10; })();&#13;&#10; &lt;/script&gt;&#13;&#10;&lt;/section&gt;</description></item><item><title>웹사이트상위노출진단 항목과 1주차 일정</title><link>https://youico.co.kr/%EC%9B%B9%EC%82%AC%EC%9D%B4%ED%8A%B8%EC%83%81%EC%9C%84%EB%85%B8%EC%B6%9C%EC%A7%84%EB%8B%A8</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://youico.co.kr/%EC%9B%B9%EC%82%AC%EC%9D%B4%ED%8A%B8%EC%83%81%EC%9C%84%EB%85%B8%EC%B6%9C%EC%A7%84%EB%8B%A8</guid><description>&lt;style&gt;&#10;&#10;&#10;.dhLeaf {&#10; --dh-leaf-paper: var(--t-paper, #f6f5f0);&#10; --dh-leaf-color: var(--t-txt, #0f1014);&#10; --dh-leaf-muted: rgba(20, 16, 17, 0.7);&#10; --dh-leaf-rule: rgba(15, 16, 14, 0.16);&#10; --dh-leaf-accent: var(--t-key, #ff6a22);&#10; position: relative;&#10; box-sizing: border-box;&#10; padding: clamp(164px, 15vw, 232px) 20px clamp(60px, 7vw, 94px);&#10; background: var(--dh-leaf-paper);&#10; color: var(--dh-leaf-color);&#10; font-family: var(--t-ff, 'Noto Sans KR', sans-serif);&#10; word-break: keep-all;&#10;}&#10;.dhLeaf[data-dh-leaf-scheme="dark"] {&#10; --dh-leaf-paper: var(--t-deep, #0b0a0c);&#10; --dh-leaf-color: #f7f2ed;&#10; --dh-leaf-muted: rgba(242, 244, 239, 0.7);&#10; --dh-leaf-rule: rgba(241, 243, 237, 0.18);&#10;}&#10;.dhLeafWrap {&#10; max-width: var(--t-measure, 1130px);&#10; margin: 0 auto;&#10;}&#10;.dhLeafKicker {&#10; display: flex;&#10; align-items: center;&#10; gap: 14px;&#10; margin: 0 0 clamp(22px, 3vw, 34px);&#10; font-size: 14px;&#10; font-weight: 500;&#10; letter-spacing: 0.02em;&#10; color: var(--dh-leaf-muted);&#10;}&#10;.dhLeafDot {&#10; width: 7px;&#10; height: 8px;&#10; border-radius: 50%;&#10; background: var(--dh-leaf-accent);&#10; flex-shrink: 0;&#10;}&#10;.dhLeafHeading {&#10; max-width: 13.875em;&#10; margin: 0;&#10; font-family: var(--t-ff-head, var(--t-ff, 'Noto Sans KR', sans-serif));&#10; font-size: clamp(40px, 7vw, 108px);&#10; font-weight: 900;&#10; line-height: 1.05;&#10; letter-spacing: -0.045em;&#10;}&#10;.dhLeafRule {&#10; position: relative;&#10; height: 1px;&#10; margin: clamp(38px, 6vw, 82px) 0 clamp(28px, 3.4vw, 46px);&#10; background: var(--dh-leaf-rule);&#10; overflow: hidden;&#10;}&#10;.dhLeafRuleLevel {&#10; position: absolute;&#10; left: 0;&#10; top: 0;&#10; width: clamp(88px, 16vw, 214px);&#10; height: 1px;&#10; background: var(--dh-leaf-accent);&#10; transform-origin: 0 50%;&#10; transition: transform 1.5s cubic-bezier(0.16, 1, 0.3, 1) 0.5s;&#10;}&#10;.dhLeafRow {&#10; display: grid;&#10; grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr) minmax(0, 1fr);&#10; gap: clamp(26px, 4vw, 64px);&#10; align-items: start;&#10;}&#10;.dhLeafDesc {&#10; max-width: 32.125em;&#10; margin: 0;&#10; font-size: clamp(16px, 1.3vw, 18px);&#10; font-weight: 300;&#10; line-height: 1.8;&#10; color: var(--dh-leaf-muted);&#10;}&#10;.dhLeafNote {&#10; display: flex;&#10; flex-direction: column;&#10; gap: 9px;&#10; padding-top: 4px;&#10;}&#10;.dhLeafNoteHead {&#10; margin: 0;&#10; font-size: 14px;&#10; font-weight: 500;&#10; letter-spacing: 0.04em;&#10; color: var(--dh-leaf-muted);&#10;}&#10;.dhLeafNoteTxt {&#10; margin: 0;&#10; font-size: 16px;&#10; font-weight: 700;&#10; line-height: 1.6;&#10; letter-spacing: -0.01em;&#10;}&#10;[data-dh-leaf-anim] {&#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-dh-leaf-state="0"] [data-dh-leaf-anim] {&#10; opacity: 0;&#10; transform: translateY(28px);&#10; transition: none;&#10;}&#10;[data-dh-leaf-state="0"] .dhLeafRuleLevel {&#10; transform: scaleX(0);&#10; transition: none;&#10;}&#10;@media (max-width: 938px) {&#10; .dhLeafRow {&#10; grid-template-columns: 1fr 1fr;&#10; }&#10; .dhLeafDesc {&#10; grid-column: 1 / -1;&#10; }&#10;}&#10;@media (max-width: 484px) {&#10; .dhLeafRow {&#10; grid-template-columns: 1fr;&#10; }&#10;}&#10;&#10;&#10;&#10;&#10;.dhDock {&#10; --dh-dock-paper: var(--t-paper, #f6f7f2);&#10; --dh-dock-color: var(--t-txt, #141012);&#10; --dh-dock-muted: rgba(14, 18, 17, 0.7);&#10; --dh-dock-rule: rgba(19, 17, 19, 0.14);&#10; --dh-dock-stroke: rgba(16, 16, 19, 0.42);&#10; --dh-dock-accent: var(--t-key, #ff6a20);&#10; position: relative;&#10; box-sizing: border-box;&#10; padding: clamp(82px, 11vw, 138px) 22px clamp(78px, 9vw, 128px);&#10; background: var(--dh-dock-paper);&#10; color: var(--dh-dock-color);&#10; font-family: var(--t-ff, 'Noto Sans KR', sans-serif);&#10; word-break: keep-all;&#10;}&#10;.dhDock[data-dh-dock-scheme="dark"] {&#10; --dh-dock-paper: var(--t-deep, #0a0b0c);&#10; --dh-dock-color: #f5f4ef;&#10; --dh-dock-muted: rgba(243, 242, 234, 0.7);&#10; --dh-dock-rule: rgba(244, 239, 234, 0.16);&#10; --dh-dock-stroke: rgba(245, 241, 240, 0.46);&#10;}&#10;.dhDockWrap {&#10; max-width: var(--t-measure, 1146px);&#10; margin: 0 auto;&#10;}&#10;.dhDockTop {&#10; display: grid;&#10; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);&#10; gap: clamp(24px, 6vw, 102px);&#10; align-items: end;&#10; padding-bottom: clamp(44px, 5vw, 66px);&#10; border-bottom: 1px solid var(--dh-dock-rule);&#10;}&#10;.dhDockHeading {&#10; max-width: 16.25em;&#10; margin: 0;&#10; font-family: var(--t-ff-head, var(--t-ff, 'Noto Sans KR', sans-serif));&#10; font-size: clamp(32px, 4vw, 54px);&#10; font-weight: 900;&#10; line-height: 1.15;&#10; letter-spacing: -0.045em;&#10;}&#10;.dhDockDesc {&#10; max-width: 24.25em;&#10; margin: 0;&#10; font-size: clamp(14px, 1.15vw, 18px);&#10; font-weight: 300;&#10; line-height: 1.85;&#10; color: var(--dh-dock-muted);&#10;}&#10;.dhDockCols {&#10; display: grid;&#10; grid-template-columns: repeat(3, minmax(0, 1fr));&#10;}&#10;.dhDockNode {&#10; position: relative;&#10; padding: clamp(34px, 4vw, 62px) clamp(20px, 3vw, 42px) 8px;&#10; border-left: 1px solid var(--dh-dock-rule);&#10;}&#10;.dhDockNode:hover .dhDockBar {&#10; width: 60px;&#10;}&#10;.dhDockMark {&#10; display: block;&#10; font-family: var(--t-ff-head, var(--t-ff, 'Noto Sans KR', sans-serif));&#10; font-size: clamp(82px, 9vw, 142px);&#10; font-weight: 800;&#10; line-height: 0.85;&#10; letter-spacing: -0.05em;&#10; color: transparent;&#10; -webkit-text-stroke: 1px var(--dh-dock-stroke);&#10; font-variant-numeric: tabular-nums;&#10;}&#10;.dhDockBar {&#10; display: block;&#10; width: 30px;&#10; height: 2px;&#10; margin: clamp(26px, 3vw, 42px) 0 clamp(18px, 2vw, 24px);&#10; background: var(--dh-dock-accent);&#10; transform-origin: 0 50%;&#10; transition: width 0.45s cubic-bezier(0.16, 1, 0.3, 1), transform 1s cubic-bezier(0.16, 1, 0.3, 1);&#10;}&#10;.dhDockNodeHead {&#10; margin: 0;&#10; font-size: clamp(18px, 1.5vw, 24px);&#10; font-weight: 800;&#10; line-height: 1.4;&#10; letter-spacing: -0.02em;&#10;}&#10;.dhDockNodeTxt {&#10; max-width: 24em;&#10; margin: 14px 0 0;&#10; font-size: 16px;&#10; font-weight: 400;&#10; line-height: 1.75;&#10; color: var(--dh-dock-muted);&#10;}&#10;[data-dh-dock-anim] {&#10; transition: opacity 1.2s cubic-bezier(0.16, 1, 0.3, 1), transform 1.05s cubic-bezier(0.16, 1, 0.3, 1);&#10;}&#10;[data-dh-dock-state="0"] [data-dh-dock-anim] {&#10; opacity: 0;&#10; transform: translateY(34px);&#10; transition: none;&#10;}&#10;[data-dh-dock-state="0"] .dhDockBar {&#10; transform: scaleX(0);&#10; transition: none;&#10;}&#10;@media (max-width: 820px) {&#10; .dhDockTop {&#10; grid-template-columns: 1fr;&#10; }&#10; .dhDockCols {&#10; grid-template-columns: 1fr;&#10; }&#10; .dhDockNode {&#10; display: grid;&#10; grid-template-columns: clamp(86px, 18vw, 146px) minmax(0, 1fr);&#10; column-gap: 20px;&#10; padding: 32px 0;&#10; border-left: 0;&#10; border-bottom: 1px solid var(--dh-dock-rule);&#10; }&#10; .dhDockMark {&#10; grid-row: span 3;&#10; font-size: clamp(56px, 12vw, 100px);&#10; }&#10; .dhDockBar {&#10; margin: 6px 0 16px;&#10; }&#10; .dhDockNodeTxt {&#10; max-width: 31.5em;&#10; }&#10;}&#10;&#10;&#10;&#10;&#10;.dhStage {&#10; --dh-stage-paper: var(--t-paper, #f4f4f0);&#10; --dh-stage-color: var(--t-txt, #0e0e11);&#10; --dh-stage-muted: rgba(19, 14, 19, 0.7);&#10; --dh-stage-tile: rgba(14, 14, 17, 0.05);&#10; --dh-stage-rule: rgba(14, 15, 15, 0.12);&#10; --dh-stage-accent: var(--t-key, #ff691d);&#10; position: relative;&#10; box-sizing: border-box;&#10; padding: clamp(100px, 12vw, 162px) 20px clamp(74px, 9vw, 114px);&#10; background: var(--dh-stage-paper);&#10; color: var(--dh-stage-color);&#10; font-family: var(--t-ff, 'Noto Sans KR', sans-serif);&#10; word-break: keep-all;&#10;}&#10;.dhStage[data-dh-stage-scheme="dark"] {&#10; --dh-stage-paper: var(--t-deep, #0f090e);&#10; --dh-stage-color: #f4f1ea;&#10; --dh-stage-muted: rgba(243, 241, 236, 0.7);&#10; --dh-stage-tile: rgba(246, 242, 239, 0.06);&#10; --dh-stage-rule: rgba(244, 244, 238, 0.14);&#10;}&#10;.dhStageWrap {&#10; max-width: var(--t-measure, 1138px);&#10; margin: 0 auto;&#10;}&#10;.dhStageHeading {&#10; max-width: 18em;&#10; margin: 0 0 18px;&#10; font-family: var(--t-ff-head, var(--t-ff, 'Noto Sans KR', sans-serif));&#10; font-size: clamp(26px, 3.6vw, 46px);&#10; font-weight: 800;&#10; line-height: 1.15;&#10; letter-spacing: -0.04em;&#10;}&#10;.dhStageDesc {&#10; max-width: 39.375em;&#10; margin: 0 0 clamp(44px, 5vw, 68px);&#10; font-size: clamp(16px, 1.1vw, 16px);&#10; line-height: 1.85;&#10; color: var(--dh-stage-muted);&#10;}&#10;.dhStageCols {&#10; display: grid;&#10; grid-template-columns: repeat(4, 1fr);&#10; gap: 14px;&#10; counter-reset: ft09n-kf;&#10;}&#10;.dhStageTile {&#10; position: relative;&#10; display: flex;&#10; flex-direction: column;&#10; justify-content: space-between;&#10; gap: 48px;&#10; min-height: clamp(242px, 24vw, 344px);&#10; padding: clamp(26px, 2.4vw, 36px);&#10; border: 1px solid var(--dh-stage-rule);&#10; border-radius: var(--t-corner, 14px);&#10; background: var(--dh-stage-tile);&#10; overflow: hidden;&#10; counter-increment: ft09n-kf;&#10;}&#10;.dhStageTile::before {&#10; content: counter(ft09n-kf, decimal-leading-zero);&#10; font-size: 14px;&#10; font-weight: 400;&#10; letter-spacing: 0.09em;&#10; color: var(--dh-stage-muted);&#10;}&#10;.dhStageEdge {&#10; position: absolute;&#10; left: clamp(26px, 2.4vw, 30px);&#10; top: -1px;&#10; width: 38px;&#10; height: 2px;&#10; background: var(--dh-stage-accent);&#10; transform-origin: 0 50%;&#10; transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0.6s, width 0.35s ease;&#10;}&#10;.dhStageTile:hover .dhStageEdge {&#10; width: 70px;&#10;}&#10;.dhStageName {&#10; margin: 0 0 10px;&#10; font-family: var(--t-ff-head, var(--t-ff, 'Noto Sans KR', sans-serif));&#10; font-size: clamp(18px, 1.5vw, 20px);&#10; font-weight: 800;&#10; line-height: 1.35;&#10; letter-spacing: -0.025em;&#10;}&#10;.dhStageTxt {&#10; margin: 0;&#10; font-size: 16px;&#10; line-height: 1.65;&#10; color: var(--dh-stage-muted);&#10;}&#10;[data-dh-stage-anim] {&#10; transition: opacity 0.9s cubic-bezier(0.16, 1, 0.3, 1), transform 1s cubic-bezier(0.16, 1, 0.3, 1);&#10;}&#10;[data-dh-stage-state="0"] [data-dh-stage-anim] {&#10; opacity: 0;&#10; transform: translateY(26px);&#10; transition: none;&#10;}&#10;[data-dh-stage-state="0"] .dhStageEdge {&#10; transform: scaleX(0);&#10; transition: none;&#10;}&#10;@media (max-width: 968px) {&#10; .dhStageCols {&#10; grid-template-columns: repeat(2, 1fr);&#10; }&#10;}&#10;@media (max-width: 516px) {&#10; .dhStageCols {&#10; grid-template-columns: 1fr;&#10; }&#10; .dhStageTile {&#10; min-height: 0;&#10; }&#10;}&#10;&#10;&#10;&#10;&#10;.dhIntro {&#10; --dh-intro-paper: var(--t-paper, #f7f5f4);&#10; --dh-intro-color: var(--t-txt, #141414);&#10; --dh-intro-muted: rgba(16, 17, 16, 0.68);&#10; --dh-intro-rule: rgba(17, 17, 15, 0.14);&#10; --dh-intro-accent: var(--t-key, #fc6c22);&#10; position: relative;&#10; box-sizing: border-box;&#10; padding: clamp(88px, 12vw, 180px) 22px clamp(82px, 10vw, 130px);&#10; background: var(--dh-intro-paper);&#10; color: var(--dh-intro-color);&#10; font-family: var(--t-ff, 'Noto Sans KR', sans-serif);&#10; word-break: keep-all;&#10;}&#10;.dhIntro[data-dh-intro-scheme="dark"] {&#10; --dh-intro-paper: var(--t-deep, #0a0c10);&#10; --dh-intro-color: #f6f2ee;&#10; --dh-intro-muted: rgba(242, 242, 237, 0.7);&#10; --dh-intro-rule: rgba(246, 240, 240, 0.16);&#10;}&#10;.dhIntroWrap {&#10; max-width: var(--t-measure, 1320px);&#10; margin: 0 auto;&#10;}&#10;.dhIntroKicker {&#10; display: flex;&#10; align-items: center;&#10; gap: 14px;&#10; margin: 0 0 clamp(22px, 3vw, 38px);&#10; font-size: 14px;&#10; font-weight: 500;&#10; letter-spacing: 0.02em;&#10; color: var(--dh-intro-muted);&#10;}&#10;.dhIntroBar {&#10; width: 26px;&#10; height: 1px;&#10; background: var(--dh-intro-accent);&#10; flex-shrink: 0;&#10;}&#10;.dhIntroHeading {&#10; max-width: 15.25em;&#10; margin: 0 0 clamp(64px, 9vw, 120px);&#10; font-family: var(--t-ff-head, var(--t-ff, 'Noto Sans KR', sans-serif));&#10; font-size: clamp(34px, 4.6vw, 68px);&#10; font-weight: 800;&#10; line-height: 1.15;&#10; letter-spacing: -0.045em;&#10;}&#10;.dhIntroList {&#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-anim;&#10;}&#10;.dhIntroNode {&#10; position: relative;&#10; counter-increment: wy02n-anim;&#10; padding: 0 clamp(20px, 3vw, 52px) 0 clamp(20px, 2.6vw, 42px);&#10; border-left: 1px solid var(--dh-intro-rule);&#10;}&#10;.dhIntroN {&#10; display: block;&#10; margin: 0 0 clamp(26px, 3.6vw, 50px);&#10; font-size: clamp(86px, 11.5vw, 182px);&#10; font-weight: 200;&#10; line-height: 0.85;&#10; letter-spacing: -0.07em;&#10; font-variant-numeric: tabular-nums;&#10; transition: transform 1.2s cubic-bezier(0.16, 1, 0.3, 1);&#10;}&#10;.dhIntroN::before {&#10; content: counter(wy02n-anim, decimal-leading-zero);&#10;}&#10;.dhIntroMark {&#10; position: absolute;&#10; left: -1px;&#10; top: 0;&#10; width: 1px;&#10; height: clamp(66px, 8vw, 118px);&#10; background: var(--dh-intro-accent);&#10; transform-origin: 50% 0;&#10; transition: transform 1.1s cubic-bezier(0.16, 1, 0.3, 1);&#10;}&#10;.dhIntroHead {&#10; margin: 0 0 16px;&#10; font-size: clamp(18px, 1.7vw, 24px);&#10; font-weight: 800;&#10; line-height: 1.35;&#10; letter-spacing: -0.03em;&#10;}&#10;.dhIntroTxt {&#10; max-width: 24.125em;&#10; margin: 0;&#10; font-size: 14px;&#10; font-weight: 400;&#10; line-height: 1.85;&#10; color: var(--dh-intro-muted);&#10;}&#10;.dhIntroNode:hover .dhIntroN {&#10; transform: translateX(7px);&#10;}&#10;[data-dh-intro-anim] {&#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-dh-intro-state="0"] [data-dh-intro-anim] {&#10; opacity: 0;&#10; transform: translateY(34px);&#10; transition: none;&#10;}&#10;[data-dh-intro-state="0"] .dhIntroMark {&#10; transform: scaleY(0);&#10; transition: none;&#10;}&#10;@media (max-width: 790px) {&#10; .dhIntroList {&#10; grid-template-columns: 1fr;&#10; gap: clamp(46px, 10vw, 76px);&#10; }&#10; .dhIntroNode {&#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; .dhIntroN {&#10; grid-row: span 2;&#10; margin: 0;&#10; font-size: clamp(64px, 17vw, 96px);&#10; }&#10; .dhIntroMark {&#10; height: 48px;&#10; }&#10;}&#10;&#10;&#10;&#10;&#10;.dhBlock {&#10; --dh-block-paper: var(--t-paper, #f7f5f4);&#10; --dh-block-color: var(--t-txt, #0e0f13);&#10; --dh-block-muted: rgba(18, 20, 17, 0.72);&#10; --dh-block-rule: rgba(15, 16, 17, 0.14);&#10; --dh-block-hover: rgba(16, 16, 18, 0.03);&#10; --dh-block-accent: var(--t-key, #fe6d21);&#10; position: relative;&#10; box-sizing: border-box;&#10; padding: clamp(62px, 8vw, 112px) 20px clamp(60px, 7.5vw, 108px);&#10; background: var(--dh-block-paper);&#10; color: var(--dh-block-color);&#10; font-family: var(--t-ff, 'Noto Sans KR', sans-serif);&#10; word-break: keep-all;&#10;}&#10;.dhBlock[data-dh-block-scheme="dark"] {&#10; --dh-block-paper: var(--t-deep, #0f0f0b);&#10; --dh-block-color: #f6f3ea;&#10; --dh-block-muted: rgba(242, 240, 240, 0.72);&#10; --dh-block-rule: rgba(241, 239, 236, 0.16);&#10; --dh-block-hover: rgba(241, 242, 236, 0.04);&#10;}&#10;.dhBlockWrap {&#10; max-width: var(--t-measure, 1112px);&#10; margin: 0 auto;&#10;}&#10;.dhBlockTop {&#10; display: grid;&#10; grid-template-columns: 1fr 1fr;&#10; gap: clamp(20px, 4vw, 70px);&#10; align-items: end;&#10; margin-bottom: clamp(36px, 5vw, 62px);&#10;}&#10;.dhBlockHeading {&#10; max-width: 15.25em;&#10; margin: 0;&#10; font-family: var(--t-ff-head, var(--t-ff, 'Noto Sans KR', sans-serif));&#10; font-size: clamp(28px, 3.4vw, 40px);&#10; font-weight: 800;&#10; line-height: 1.15;&#10; letter-spacing: -0.04em;&#10;}&#10;.dhBlockDesc {&#10; justify-self: end;&#10; max-width: 28.375em;&#10; margin: 0;&#10; font-size: clamp(16px, 1.15vw, 16px);&#10; line-height: 1.7;&#10; color: var(--dh-block-muted);&#10;}&#10;.dhBlockCols {&#10; display: grid;&#10; grid-template-columns: repeat(4, 1fr);&#10; gap: 1px;&#10; margin: 0;&#10; padding: 0;&#10; list-style: none;&#10; border: 1px solid var(--dh-block-rule);&#10; background: var(--dh-block-rule);&#10;}&#10;.dhBlockCell {&#10; position: relative;&#10; display: flex;&#10; align-items: center;&#10; justify-content: center;&#10; min-height: clamp(96px, 11vw, 168px);&#10; padding: 20px 16px;&#10; background: var(--dh-block-paper);&#10; text-align: center;&#10; transition: background-color 0.4s ease;&#10;}&#10;.dhBlockCell::after {&#10; content: '';&#10; position: absolute;&#10; top: 14px;&#10; right: 14px;&#10; width: 5px;&#10; height: 5px;&#10; border-radius: 50%;&#10; background: var(--dh-block-accent);&#10; transform: scale(0);&#10; transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);&#10;}&#10;.dhBlockCell:hover {&#10; background-color: var(--dh-block-hover);&#10;}&#10;.dhBlockCell:hover::after {&#10; transform: scale(1);&#10;}&#10;.dhBlockMark {&#10; font-family: var(--t-ff-head, var(--t-ff, 'Noto Sans KR', sans-serif));&#10; color: var(--dh-block-muted);&#10; line-height: 1.25;&#10; transition: color 0.4s ease;&#10;}&#10;.dhBlockCell:hover .dhBlockMark {&#10; color: var(--dh-block-color);&#10;}&#10;.dhBlockMarkA {&#10; font-size: clamp(20px, 1.8vw, 26px);&#10; font-weight: 800;&#10; letter-spacing: -0.045em;&#10;}&#10;.dhBlockMarkB {&#10; font-size: clamp(12px, 1vw, 14px);&#10; font-weight: 400;&#10; letter-spacing: 0.35em;&#10; text-transform: uppercase;&#10;}&#10;.dhBlockMarkC {&#10; font-size: clamp(18px, 1.9vw, 24px);&#10; font-weight: 300;&#10; letter-spacing: -0.02em;&#10;}&#10;.dhBlockMarkD {&#10; font-size: clamp(16px, 1.4vw, 20px);&#10; font-weight: 900;&#10; letter-spacing: 0.08em;&#10; text-transform: uppercase;&#10;}&#10;.dhBlockMarkE {&#10; font-size: clamp(18px, 2vw, 30px);&#10; font-weight: 300;&#10; font-style: italic;&#10; letter-spacing: -0.03em;&#10;}&#10;.dhBlockMarkF {&#10; font-size: clamp(16px, 1.35vw, 18px);&#10; font-weight: 500;&#10; letter-spacing: 0.2em;&#10;}&#10;.dhBlockMarkG {&#10; font-size: clamp(18px, 1.8vw, 22px);&#10; font-weight: 700;&#10; letter-spacing: -0.035em;&#10; text-transform: lowercase;&#10;}&#10;.dhBlockMarkH {&#10; padding-bottom: 4px;&#10; border-bottom: 1px solid currentColor;&#10; font-size: clamp(14px, 1.25vw, 16px);&#10; font-weight: 600;&#10; letter-spacing: 0.02em;&#10;}&#10;[data-dh-block-anim] {&#10; transition: opacity 0.95s cubic-bezier(0.16, 1, 0.3, 1), transform 1.05s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.4s ease;&#10;}&#10;[data-dh-block-state="0"] [data-dh-block-anim] {&#10; opacity: 0;&#10; transform: translateY(22px);&#10; transition: none;&#10;}&#10;@media (max-width: 850px) {&#10; .dhBlockTop {&#10; grid-template-columns: 1fr;&#10; align-items: start;&#10; }&#10; .dhBlockDesc {&#10; justify-self: start;&#10; }&#10; .dhBlockCols {&#10; grid-template-columns: repeat(2, 1fr);&#10; }&#10;}&#10;&#10;&#10;&#10;&#10;.dhTier {&#10; --dh-tier-paper: var(--t-paper, #f6f4f4);&#10; --dh-tier-color: var(--t-txt, #121114);&#10; --dh-tier-muted: rgba(14, 16, 17, 0.7);&#10; --dh-tier-rule: rgba(16, 20, 19, 0.14);&#10; --dh-tier-box: rgba(255, 255, 255, 0.6);&#10; --dh-tier-accent: var(--t-key, #fc6820);&#10; --dh-tier-action-paper: #101211;&#10; --dh-tier-action-color: #fffcff;&#10; position: relative;&#10; box-sizing: border-box;&#10; padding: clamp(64px, 9vw, 130px) 18px clamp(84px, 9.5vw, 134px);&#10; background: var(--dh-tier-paper);&#10; color: var(--dh-tier-color);&#10; font-family: var(--t-ff, 'Noto Sans KR', sans-serif);&#10; word-break: keep-all;&#10;}&#10;.dhTier[data-dh-tier-scheme="dark"] {&#10; --dh-tier-paper: var(--t-deep, #090a0d);&#10; --dh-tier-color: #f4f4f0;&#10; --dh-tier-muted: rgba(242, 243, 239, 0.7);&#10; --dh-tier-rule: rgba(242, 241, 239, 0.16);&#10; --dh-tier-box: rgba(246, 240, 240, 0.04);&#10; --dh-tier-action-paper: #f1f5ef;&#10; --dh-tier-action-color: #0f0f0d;&#10;}&#10;.dhTierBox {&#10; position: relative;&#10; box-sizing: border-box;&#10; max-width: min(1084px, var(--t-measure, 1246px));&#10; margin: 0 auto;&#10; padding: clamp(44px, 7vw, 90px) clamp(22px, 6vw, 86px) clamp(36px, 4.6vw, 52px);&#10; border: 1px solid var(--dh-tier-rule);&#10; border-radius: calc(var(--t-corner, 14px) + 10px);&#10; background: var(--dh-tier-box);&#10; text-align: center;&#10; overflow: hidden;&#10;}&#10;.dhTierTop {&#10; position: absolute;&#10; top: -1px;&#10; left: 50%;&#10; width: 72px;&#10; height: 2px;&#10; margin-left: -36px;&#10; background: var(--dh-tier-accent);&#10; transform-origin: 50% 50%;&#10; transition: transform 1.15s cubic-bezier(0.16, 1, 0.3, 1) 0.3s;&#10;}&#10;.dhTierHeading {&#10; max-width: 14em;&#10; margin: 0 auto;&#10; font-family: var(--t-ff-head, var(--t-ff, 'Noto Sans KR', sans-serif));&#10; font-size: clamp(32px, 4.4vw, 60px);&#10; font-weight: 800;&#10; line-height: 1.2;&#10; letter-spacing: -0.04em;&#10;}&#10;.dhTierDesc {&#10; max-width: 29.5em;&#10; margin: clamp(22px, 2.4vw, 28px) auto 0;&#10; font-size: clamp(14px, 1.2vw, 18px);&#10; font-weight: 400;&#10; line-height: 1.8;&#10; color: var(--dh-tier-muted);&#10;}&#10;.dhTierActions {&#10; display: flex;&#10; flex-wrap: wrap;&#10; justify-content: center;&#10; gap: 10px;&#10; margin-top: clamp(34px, 4vw, 48px);&#10;}&#10;.dhTierGo,&#10;.dhTierAlt {&#10; display: inline-flex;&#10; align-items: center;&#10; justify-content: center;&#10; gap: 12px;&#10; min-width: 202px;&#10; min-height: 56px;&#10; padding: 0 32px;&#10; box-sizing: border-box;&#10; border: 1px solid transparent;&#10; border-radius: var(--t-action-corner, 924px);&#10; font-size: 14px;&#10; font-weight: 700;&#10; text-decoration: none;&#10; white-space: nowrap;&#10; transition: transform 0.3s ease, border-color 0.3s ease;&#10;}&#10;.dhTierGo {&#10; background: var(--dh-tier-action-paper);&#10; color: var(--dh-tier-action-color);&#10;}&#10;.dhTierAlt {&#10; border-color: var(--dh-tier-rule);&#10; color: var(--dh-tier-color);&#10;}&#10;.dhTierGo:hover,&#10;.dhTierAlt:hover {&#10; transform: translateY(-2px);&#10;}&#10;.dhTierAlt:hover {&#10; border-color: var(--dh-tier-color);&#10;}&#10;.dhTierGo:focus-visible,&#10;.dhTierAlt:focus-visible {&#10; outline: 2px solid var(--dh-tier-color);&#10; outline-offset: 3px;&#10;}&#10;.dhTierArr {&#10; position: relative;&#10; width: 18px;&#10; height: 1.5px;&#10; background: currentColor;&#10;}&#10;.dhTierArr::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;.dhTierAssure {&#10; display: flex;&#10; flex-wrap: wrap;&#10; justify-content: center;&#10; gap: 12px clamp(24px, 4vw, 52px);&#10; margin: clamp(38px, 5vw, 58px) 0 0;&#10; padding: clamp(26px, 3vw, 32px) 0 0;&#10; border-top: 1px solid var(--dh-tier-rule);&#10; list-style: none;&#10;}&#10;.dhTierAssureNode {&#10; display: inline-flex;&#10; align-items: center;&#10; gap: 9px;&#10; font-size: 14px;&#10; font-weight: 500;&#10; color: var(--dh-tier-muted);&#10;}&#10;.dhTierCheck {&#10; width: 18px;&#10; height: 18px;&#10; flex-shrink: 0;&#10; fill: none;&#10; stroke: var(--dh-tier-accent);&#10; stroke-width: 1.5;&#10; stroke-linecap: round;&#10; stroke-linejoin: round;&#10;}&#10;[data-dh-tier-anim] {&#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-dh-tier-state="0"] [data-dh-tier-anim] {&#10; opacity: 0;&#10; transform: translateY(28px);&#10; transition: none;&#10;}&#10;[data-dh-tier-state="0"] .dhTierTop {&#10; transform: scaleX(0);&#10; transition: none;&#10;}&#10;@media (max-width: 562px) {&#10; .dhTierGo,&#10; .dhTierAlt {&#10; width: 100%;&#10; }&#10; .dhTierAssure {&#10; flex-direction: column;&#10; align-items: center;&#10; }&#10;}&#10;&#10;&lt;/style&gt;&#10;&#10;&lt;section class="dhLeaf" data-dh-leaf="" data-dh-leaf-scheme="dark"&gt;&#10;&lt;div class="dhLeafWrap"&gt;&#10;&lt;p class="dhLeafKicker dhKicker" data-dh-leaf-anim=""&gt;&lt;span aria-hidden="true" class="dhLeafDot"&gt;&lt;/span&gt;1주차 진단&lt;/p&gt;&#10;&lt;h1 class="dhLeafHeading dhHeroHeading" data-dh-leaf-anim=""&gt;웹사이트상위노출 진단 안내&lt;/h1&gt;&#10;&lt;div aria-hidden="true" class="dhLeafRule"&gt;&lt;div class="dhLeafRuleLevel"&gt;&lt;/div&gt;&lt;/div&gt;&#10;&lt;div class="dhLeafRow"&gt;&#10;&lt;p class="dhLeafDesc dhDesc" data-dh-leaf-anim=""&gt;진단 주간에 무엇을 보고, 누가 맡고, 어떤 문서를 받으시는지 순서대로 정리했습니다. 준비물도 함께 확인하세요.&lt;/p&gt;&#10;&lt;div class="dhLeafNote" data-dh-leaf-anim=""&gt;&#10;&lt;p class="dhLeafNoteHead"&gt;진단 기간&lt;/p&gt;&#10;&lt;p class="dhLeafNoteTxt"&gt;착수 후 첫 1주&lt;/p&gt;&#10;&lt;/div&gt;&#10;&lt;div class="dhLeafNote" data-dh-leaf-anim=""&gt;&#10;&lt;p class="dhLeafNoteHead"&gt;받으실 문서&lt;/p&gt;&#10;&lt;p class="dhLeafNoteTxt"&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-dh-leaf", "tone": "data-dh-leaf-scheme", "state": "data-dh-leaf-state", "item": "data-dh-leaf-anim"};&#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; 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>진행과정 주차별 담당과 산출물 안내</title><link>https://youico.co.kr/%EC%A7%84%ED%96%89%EA%B3%BC%EC%A0%95</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://youico.co.kr/%EC%A7%84%ED%96%89%EA%B3%BC%EC%A0%95</guid><description>&lt;style&gt;&#13;&#10;&#13;&#10;&#13;&#10;.dhSheet {&#13;&#10; --dh-sheet-paper: var(--t-paper, #f6f5f0);&#13;&#10; --dh-sheet-color: var(--t-txt, #0f1014);&#13;&#10; --dh-sheet-muted: rgba(16, 16, 19, 0.68);&#13;&#10; --dh-sheet-rule: rgba(16, 17, 14, 0.15);&#13;&#10; --dh-sheet-accent: var(--t-key, #ff6a22);&#13;&#10; position: relative;&#13;&#10; box-sizing: border-box;&#13;&#10; padding: clamp(158px, 14vw, 216px) 20px 0;&#13;&#10; background: var(--dh-sheet-paper);&#13;&#10; color: var(--dh-sheet-color);&#13;&#10; font-family: var(--t-ff, 'Noto Sans KR', sans-serif);&#13;&#10; word-break: keep-all;&#13;&#10;}&#13;&#10;.dhSheet[data-dh-sheet-scheme="dark"] {&#13;&#10; --dh-sheet-paper: var(--t-deep, #0b0a0c);&#13;&#10; --dh-sheet-color: #f7f2ed;&#13;&#10; --dh-sheet-muted: rgba(244, 239, 234, 0.7);&#13;&#10; --dh-sheet-rule: rgba(245, 241, 240, 0.17);&#13;&#10;}&#13;&#10;.dhSheetWrap {&#13;&#10; max-width: var(--t-measure, 1278px);&#13;&#10; margin: 0 auto;&#13;&#10; padding-bottom: clamp(60px, 8vw, 106px);&#13;&#10; border-bottom: 1px solid var(--dh-sheet-rule);&#13;&#10;}&#13;&#10;.dhSheetCols {&#13;&#10; display: grid;&#13;&#10; grid-template-columns: minmax(0, 1.15fr) 1px minmax(0, 1fr);&#13;&#10; gap: clamp(34px, 5.5vw, 92px);&#13;&#10; align-items: end;&#13;&#10;}&#13;&#10;.dhSheetHeading {&#13;&#10; margin: 0;&#13;&#10; font-family: var(--t-ff-head, var(--t-ff, 'Noto Sans KR', sans-serif));&#13;&#10; font-size: clamp(36px, 5.6vw, 90px);&#13;&#10; font-weight: 800;&#13;&#10; line-height: 1.05;&#13;&#10; letter-spacing: -0.042em;&#13;&#10;}&#13;&#10;.dhSheetSplit {&#13;&#10; position: relative;&#13;&#10; align-self: stretch;&#13;&#10; min-height: 120px;&#13;&#10; background: var(--dh-sheet-rule);&#13;&#10; transform-origin: 50% 0;&#13;&#10; transition: transform 1.25s cubic-bezier(0.16, 1, 0.3, 1) 0.2s;&#13;&#10;}&#13;&#10;.dhSheetSplit::after {&#13;&#10; content: '';&#13;&#10; position: absolute;&#13;&#10; left: 0;&#13;&#10; bottom: 0;&#13;&#10; width: 1px;&#13;&#10; height: 38px;&#13;&#10; background: var(--dh-sheet-accent);&#13;&#10;}&#13;&#10;.dhSheetSide {&#13;&#10; display: flex;&#13;&#10; flex-direction: column;&#13;&#10; gap: clamp(20px, 2.4vw, 32px);&#13;&#10; padding-bottom: 6px;&#13;&#10;}&#13;&#10;.dhSheetDesc {&#13;&#10; max-width: 26.625em;&#13;&#10; margin: 0;&#13;&#10; font-size: clamp(18px, 1.45vw, 22px);&#13;&#10; font-weight: 300;&#13;&#10; line-height: 1.75;&#13;&#10; letter-spacing: -0.01em;&#13;&#10;}&#13;&#10;.dhSheetExtra {&#13;&#10; max-width: 29em;&#13;&#10; margin: 0;&#13;&#10; font-size: 16px;&#13;&#10; font-weight: 400;&#13;&#10; line-height: 1.9;&#13;&#10; color: var(--dh-sheet-muted);&#13;&#10;}&#13;&#10;.dhSheetInfo {&#13;&#10; display: flex;&#13;&#10; flex-wrap: wrap;&#13;&#10; gap: 9px 32px;&#13;&#10; margin: 0;&#13;&#10; padding: 0;&#13;&#10; list-style: none;&#13;&#10; font-size: 16px;&#13;&#10; font-weight: 500;&#13;&#10; color: var(--dh-sheet-muted);&#13;&#10;}&#13;&#10;[data-dh-sheet-anim] {&#13;&#10; transition: opacity 0.95s cubic-bezier(0.16, 1, 0.3, 1), transform 1s cubic-bezier(0.16, 1, 0.3, 1);&#13;&#10;}&#13;&#10;[data-dh-sheet-state="0"] [data-dh-sheet-anim] {&#13;&#10; opacity: 0;&#13;&#10; transform: translateY(24px);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;[data-dh-sheet-state="0"] .dhSheetSplit {&#13;&#10; transform: scaleY(0);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;@media (max-width: 832px) {&#13;&#10; .dhSheetCols {&#13;&#10; grid-template-columns: 1fr;&#13;&#10; gap: 30px;&#13;&#10; }&#13;&#10; .dhSheetSplit {&#13;&#10; min-height: 0;&#13;&#10; height: 1px;&#13;&#10; width: 70px;&#13;&#10; transform-origin: 0 50%;&#13;&#10; }&#13;&#10; .dhSheetSplit::after {&#13;&#10; width: 22px;&#13;&#10; height: 1px;&#13;&#10; }&#13;&#10; [data-dh-sheet-state="0"] .dhSheetSplit {&#13;&#10; transform: scaleX(0);&#13;&#10; }&#13;&#10;}&#13;&#10;&#13;&#10;&#13;&#10;&#13;&#10;&#13;&#10;.dhPart {&#13;&#10; --dh-part-paper: var(--t-paper, #f6f7f2);&#13;&#10; --dh-part-color: var(--t-txt, #141012);&#13;&#10; --dh-part-muted: rgba(19, 14, 19, 0.7);&#13;&#10; --dh-part-rule: rgba(14, 14, 17, 0.14);&#13;&#10; --dh-part-accent: var(--t-key, #ff6a20);&#13;&#10; position: relative;&#13;&#10; box-sizing: border-box;&#13;&#10; padding: clamp(70px, 9.5vw, 136px) 22px clamp(86px, 10vw, 146px);&#13;&#10; background: var(--dh-part-paper);&#13;&#10; color: var(--dh-part-color);&#13;&#10; font-family: var(--t-ff, 'Noto Sans KR', sans-serif);&#13;&#10; word-break: keep-all;&#13;&#10;}&#13;&#10;.dhPart[data-dh-part-scheme="dark"] {&#13;&#10; --dh-part-paper: var(--t-deep, #0a0b0c);&#13;&#10; --dh-part-color: #f5f4ef;&#13;&#10; --dh-part-muted: rgba(241, 240, 235, 0.7);&#13;&#10; --dh-part-rule: rgba(243, 241, 236, 0.16);&#13;&#10;}&#13;&#10;.dhPartWrap {&#13;&#10; max-width: min(var(--t-measure, 1222px), 900px);&#13;&#10; margin: 0 auto;&#13;&#10;}&#13;&#10;.dhPartHead {&#13;&#10; max-width: 694px;&#13;&#10; margin: 0 auto clamp(52px, 6.5vw, 90px);&#13;&#10; text-align: center;&#13;&#10;}&#13;&#10;.dhPartHeading {&#13;&#10; margin: 0;&#13;&#10; font-family: var(--t-ff-head, var(--t-ff, 'Noto Sans KR', sans-serif));&#13;&#10; font-size: clamp(32px, 4.2vw, 56px);&#13;&#10; font-weight: 900;&#13;&#10; line-height: 1.15;&#13;&#10; letter-spacing: -0.045em;&#13;&#10;}&#13;&#10;.dhPartDesc {&#13;&#10; max-width: 33.375em;&#13;&#10; margin: clamp(22px, 2.4vw, 30px) auto 0;&#13;&#10; font-size: clamp(16px, 1.2vw, 18px);&#13;&#10; font-weight: 300;&#13;&#10; line-height: 1.85;&#13;&#10; color: var(--dh-part-muted);&#13;&#10;}&#13;&#10;.dhPartList {&#13;&#10; margin: 0;&#13;&#10; padding: 0;&#13;&#10; list-style: none;&#13;&#10; border-bottom: 1px solid var(--dh-part-rule);&#13;&#10; counter-reset: part-anim;&#13;&#10;}&#13;&#10;.dhPartNode {&#13;&#10; border-top: 1px solid var(--dh-part-rule);&#13;&#10; counter-increment: part-anim;&#13;&#10;}&#13;&#10;.dhPartQ {&#13;&#10; margin: 0;&#13;&#10; font-size: inherit;&#13;&#10; font-weight: inherit;&#13;&#10;}&#13;&#10;.dhPartToggle {&#13;&#10; display: grid;&#13;&#10; grid-template-columns: 62px minmax(0, 1fr) 40px;&#13;&#10; gap: 12px;&#13;&#10; align-items: center;&#13;&#10; width: 100%;&#13;&#10; padding: clamp(26px, 2.8vw, 32px) 0;&#13;&#10; border: 0;&#13;&#10; background: none;&#13;&#10; color: inherit;&#13;&#10; font: inherit;&#13;&#10; text-align: left;&#13;&#10; cursor: pointer;&#13;&#10;}&#13;&#10;.dhPartToggle:focus-visible {&#13;&#10; outline: 2px solid var(--dh-part-color);&#13;&#10; outline-offset: 4px;&#13;&#10;}&#13;&#10;.dhPartN {&#13;&#10; font-size: 14px;&#13;&#10; font-weight: 500;&#13;&#10; letter-spacing: 0.06em;&#13;&#10; font-variant-numeric: tabular-nums;&#13;&#10; color: var(--dh-part-muted);&#13;&#10;}&#13;&#10;.dhPartN::before {&#13;&#10; content: counter(part-anim, decimal-leading-zero);&#13;&#10;}&#13;&#10;.dhPartName {&#13;&#10; font-size: clamp(18px, 2.2vw, 30px);&#13;&#10; font-weight: 400;&#13;&#10; line-height: 1.3;&#13;&#10; letter-spacing: -0.025em;&#13;&#10; transition: transform 0.65s cubic-bezier(0.16, 1, 0.3, 1);&#13;&#10;}&#13;&#10;.dhPartToggle:hover .dhPartName {&#13;&#10; transform: translateX(6px);&#13;&#10;}&#13;&#10;.dhPartGlyph {&#13;&#10; position: relative;&#13;&#10; width: 40px;&#13;&#10; height: 44px;&#13;&#10; border: 1px solid var(--dh-part-rule);&#13;&#10; border-radius: 50%;&#13;&#10; transition: border-color 0.45s ease, transform 0.65s cubic-bezier(0.16, 1, 0.3, 1);&#13;&#10;}&#13;&#10;.dhPartGlyph::before,&#13;&#10;.dhPartGlyph::after {&#13;&#10; content: '';&#13;&#10; position: absolute;&#13;&#10; left: 50%;&#13;&#10; top: 50%;&#13;&#10; width: 12px;&#13;&#10; height: 1.5px;&#13;&#10; margin: -0.75px 0 0 -6px;&#13;&#10; background: currentColor;&#13;&#10; transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);&#13;&#10;}&#13;&#10;.dhPartToggle:hover .dhPartGlyph {&#13;&#10; border-color: var(--dh-part-color);&#13;&#10;}&#13;&#10;[data-dh-part-o="1"] .dhPartGlyph {&#13;&#10; border-color: var(--dh-part-accent);&#13;&#10;}&#13;&#10;[data-dh-part-o="0"] .dhPartGlyph::after {&#13;&#10; transform: rotate(90deg);&#13;&#10;}&#13;&#10;.dhPartPanel {&#13;&#10; display: grid;&#13;&#10; grid-template-rows: 1fr;&#13;&#10; transition: grid-template-rows 0.7s cubic-bezier(0.16, 1, 0.3, 1), visibility 0s linear 0s;&#13;&#10;}&#13;&#10;[data-dh-part-o="0"] .dhPartPanel {&#13;&#10; grid-template-rows: 0fr;&#13;&#10; visibility: hidden;&#13;&#10; transition: grid-template-rows 0.7s cubic-bezier(0.16, 1, 0.3, 1), visibility 0s linear 0.65s;&#13;&#10;}&#13;&#10;.dhPartClip {&#13;&#10; min-height: 0;&#13;&#10; overflow: hidden;&#13;&#10;}&#13;&#10;.dhPartContent {&#13;&#10; display: grid;&#13;&#10; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);&#13;&#10; gap: clamp(22px, 4vw, 58px);&#13;&#10; padding: 0 60px clamp(34px, 3.4vw, 44px) 70px;&#13;&#10;}&#13;&#10;.dhPartTxt {&#13;&#10; margin: 0;&#13;&#10; font-size: 16px;&#13;&#10; line-height: 1.8;&#13;&#10; color: var(--dh-part-muted);&#13;&#10;}&#13;&#10;.dhPartPoints {&#13;&#10; margin: 0;&#13;&#10; padding: 0;&#13;&#10; list-style: none;&#13;&#10;}&#13;&#10;.dhPartPoint {&#13;&#10; display: flex;&#13;&#10; align-items: baseline;&#13;&#10; gap: 12px;&#13;&#10; padding: 8px 0;&#13;&#10; font-size: 14px;&#13;&#10; font-weight: 500;&#13;&#10; line-height: 1.55;&#13;&#10;}&#13;&#10;.dhPartPoint::before {&#13;&#10; content: '';&#13;&#10; flex-shrink: 0;&#13;&#10; width: 5px;&#13;&#10; height: 5px;&#13;&#10; border-radius: 50%;&#13;&#10; background: var(--dh-part-accent);&#13;&#10; transform: translateY(-2px);&#13;&#10;}&#13;&#10;[data-dh-part-anim] {&#13;&#10; transition: opacity 0.95s cubic-bezier(0.16, 1, 0.3, 1), transform 1.05s cubic-bezier(0.16, 1, 0.3, 1);&#13;&#10;}&#13;&#10;[data-dh-part-state="0"] [data-dh-part-anim] {&#13;&#10; opacity: 0;&#13;&#10; transform: translateY(26px);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;@media (max-width: 706px) {&#13;&#10; .dhPartToggle {&#13;&#10; grid-template-columns: 36px minmax(0, 1fr) 40px;&#13;&#10; }&#13;&#10; .dhPartGlyph {&#13;&#10; width: 42px;&#13;&#10; height: 38px;&#13;&#10; }&#13;&#10; .dhPartContent {&#13;&#10; grid-template-columns: 1fr;&#13;&#10; padding: 0 0 28px 44px;&#13;&#10; }&#13;&#10;}&#13;&#10;&#13;&#10;&#13;&#10;&#13;&#10;&#13;&#10;.dhPanel {&#13;&#10; --dh-panel-paper: var(--t-paper, #f4f4f0);&#13;&#10; --dh-panel-color: var(--t-txt, #0e0e11);&#13;&#10; --dh-panel-muted: rgba(19, 17, 19, 0.68);&#13;&#10; --dh-panel-rule: rgba(17, 19, 18, 0.14);&#13;&#10; --dh-panel-frame: #e6e2da;&#13;&#10; --dh-panel-accent: var(--t-key, #ff671f);&#13;&#10; position: relative;&#13;&#10; box-sizing: border-box;&#13;&#10; padding: clamp(82px, 10.5vw, 140px) 20px clamp(94px, 11vw, 140px);&#13;&#10; background: var(--dh-panel-paper);&#13;&#10; color: var(--dh-panel-color);&#13;&#10; font-family: var(--t-ff, 'Noto Sans KR', sans-serif);&#13;&#10; word-break: keep-all;&#13;&#10;}&#13;&#10;.dhPanel[data-dh-panel-scheme="dark"] {&#13;&#10; --dh-panel-paper: var(--t-deep, #0c0b0b);&#13;&#10; --dh-panel-color: #f5f2f0;&#13;&#10; --dh-panel-muted: rgba(243, 242, 236, 0.7);&#13;&#10; --dh-panel-rule: rgba(244, 242, 235, 0.16);&#13;&#10; --dh-panel-frame: #1f1f22;&#13;&#10;}&#13;&#10;.dhPanelWrap {&#13;&#10; display: grid;&#13;&#10; grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.35fr);&#13;&#10; gap: clamp(44px, 7vw, 118px);&#13;&#10; align-items: center;&#13;&#10; max-width: var(--t-measure, 1282px);&#13;&#10; margin: 0 auto;&#13;&#10;}&#13;&#10;.dhPanelHeading {&#13;&#10; max-width: 10em;&#13;&#10; margin: 0;&#13;&#10; font-family: var(--t-ff-head, var(--t-ff, 'Noto Sans KR', sans-serif));&#13;&#10; font-size: clamp(30px, 3.4vw, 44px);&#13;&#10; font-weight: 800;&#13;&#10; line-height: 1.15;&#13;&#10; letter-spacing: -0.04em;&#13;&#10;}&#13;&#10;.dhPanelDesc {&#13;&#10; max-width: 24.25em;&#13;&#10; margin: clamp(18px, 2vw, 22px) 0 clamp(36px, 4vw, 52px);&#13;&#10; font-size: clamp(14px, 1.1vw, 16px);&#13;&#10; font-weight: 300;&#13;&#10; line-height: 1.9;&#13;&#10; color: var(--dh-panel-muted);&#13;&#10;}&#13;&#10;.dhPanelList {&#13;&#10; margin: 0;&#13;&#10; padding: 0;&#13;&#10; list-style: none;&#13;&#10; border-top: 1px solid var(--dh-panel-rule);&#13;&#10;}&#13;&#10;.dhPanelPoint {&#13;&#10; position: relative;&#13;&#10; display: grid;&#13;&#10; grid-template-columns: 20px minmax(0, 1fr);&#13;&#10; gap: 14px;&#13;&#10; align-items: start;&#13;&#10; padding: 16px 0;&#13;&#10; border-bottom: 1px solid var(--dh-panel-rule);&#13;&#10; font-size: 14px;&#13;&#10; line-height: 1.65;&#13;&#10; color: var(--dh-panel-muted);&#13;&#10; transition: color 0.3s ease;&#13;&#10;}&#13;&#10;.dhPanelPoint::after {&#13;&#10; content: '';&#13;&#10; position: absolute;&#13;&#10; left: 0;&#13;&#10; bottom: -1px;&#13;&#10; width: 100%;&#13;&#10; height: 1px;&#13;&#10; background: var(--dh-panel-accent);&#13;&#10; transform: scaleX(0);&#13;&#10; transform-origin: 0 50%;&#13;&#10; transition: transform 0.45s cubic-bezier(0.16, 1, 0.3, 1);&#13;&#10;}&#13;&#10;.dhPanelPoint:hover {&#13;&#10; color: var(--dh-panel-color);&#13;&#10;}&#13;&#10;.dhPanelPoint:hover::after {&#13;&#10; transform: scaleX(1);&#13;&#10;}&#13;&#10;.dhPanelTick {&#13;&#10; display: block;&#13;&#10; width: 18px;&#13;&#10; height: 16px;&#13;&#10; margin-top: 3px;&#13;&#10; fill: none;&#13;&#10; stroke: currentColor;&#13;&#10; stroke-width: 1.5;&#13;&#10; stroke-linecap: round;&#13;&#10; stroke-linejoin: round;&#13;&#10;}&#13;&#10;.dhPanelWall {&#13;&#10; display: grid;&#13;&#10; grid-template-columns: repeat(3, minmax(0, 1fr));&#13;&#10; gap: clamp(10px, 1.2vw, 18px);&#13;&#10;}&#13;&#10;.dhPanelCol {&#13;&#10; display: grid;&#13;&#10; gap: clamp(10px, 1.2vw, 16px);&#13;&#10; align-content: start;&#13;&#10;}&#13;&#10;.dhPanelColLow {&#13;&#10; padding-top: clamp(30px, 4vw, 54px);&#13;&#10;}&#13;&#10;.dhPanelFrame {&#13;&#10; position: relative;&#13;&#10; margin: 0;&#13;&#10; aspect-ratio: 4 / 5;&#13;&#10; overflow: hidden;&#13;&#10; border-radius: var(--t-corner, 14px);&#13;&#10; background: var(--dh-panel-frame);&#13;&#10;}&#13;&#10;.dhPanelPhoto {&#13;&#10; display: block;&#13;&#10; width: 100%;&#13;&#10; height: 100%;&#13;&#10; object-fit: cover;&#13;&#10; transition: transform 1.35s cubic-bezier(0.16, 1, 0.3, 1);&#13;&#10;}&#13;&#10;.dhPanelFrame:hover .dhPanelPhoto {&#13;&#10; transform: scale(1.04);&#13;&#10;}&#13;&#10;[data-dh-panel-anim] {&#13;&#10; transition: opacity 1.05s cubic-bezier(0.16, 1, 0.3, 1), transform 1.05s cubic-bezier(0.16, 1, 0.3, 1), color 0.3s ease;&#13;&#10; transition-delay: var(--dh-panel-d, 0s);&#13;&#10;}&#13;&#10;[data-dh-panel-state="0"] [data-dh-panel-anim] {&#13;&#10; opacity: 0;&#13;&#10; transform: translateY(28px);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;@media (max-width: 858px) {&#13;&#10; .dhPanelWrap {&#13;&#10; grid-template-columns: 1fr;&#13;&#10; }&#13;&#10; .dhPanelHeading,&#13;&#10; .dhPanelDesc {&#13;&#10; max-width: none;&#13;&#10; }&#13;&#10;}&#13;&#10;@media (max-width: 572px) {&#13;&#10; .dhPanelWall {&#13;&#10; grid-template-columns: repeat(2, minmax(0, 1fr));&#13;&#10; }&#13;&#10; .dhPanelColLow {&#13;&#10; padding-top: 0;&#13;&#10; }&#13;&#10; .dhPanelColEnd {&#13;&#10; display: none;&#13;&#10; }&#13;&#10;}&#13;&#10;&#13;&#10;&#13;&#10;&#13;&#10;&#13;&#10;.dhFrame {&#13;&#10; --dh-frame-paper: var(--t-paper, #f3f7f4);&#13;&#10; --dh-frame-color: var(--t-txt, #0f1113);&#13;&#10; --dh-frame-muted: rgba(15, 17, 17, 0.7);&#13;&#10; --dh-frame-rule: rgba(19, 15, 20, 0.14);&#13;&#10; --dh-frame-accent: var(--t-key, #ff6a20);&#13;&#10; --dh-frame-action-paper: #121114;&#13;&#10; --dh-frame-action-color: #fcfdff;&#13;&#10; position: relative;&#13;&#10; box-sizing: border-box;&#13;&#10; padding: clamp(82px, 12vw, 148px) 22px clamp(68px, 9.5vw, 120px);&#13;&#10; background: var(--dh-frame-paper);&#13;&#10; color: var(--dh-frame-color);&#13;&#10; font-family: var(--t-ff, 'Noto Sans KR', sans-serif);&#13;&#10; word-break: keep-all;&#13;&#10;}&#13;&#10;.dhFrame[data-dh-frame-scheme="dark"] {&#13;&#10; --dh-frame-paper: var(--t-deep, #0b0f10);&#13;&#10; --dh-frame-color: #f7f5ea;&#13;&#10; --dh-frame-muted: rgba(245, 245, 237, 0.7);&#13;&#10; --dh-frame-rule: rgba(242, 241, 237, 0.16);&#13;&#10; --dh-frame-action-paper: #f6f3ea;&#13;&#10; --dh-frame-action-color: #0c0b11;&#13;&#10;}&#13;&#10;.dhFrameWrap {&#13;&#10; max-width: var(--t-measure, 1286px);&#13;&#10; margin: 0 auto;&#13;&#10; display: grid;&#13;&#10; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);&#13;&#10; gap: clamp(42px, 8vw, 118px);&#13;&#10; align-items: start;&#13;&#10;}&#13;&#10;.dhFrameAside {&#13;&#10; position: sticky;&#13;&#10; top: 114px;&#13;&#10;}&#13;&#10;.dhFrameHeading {&#13;&#10; margin: 0;&#13;&#10; font-family: var(--t-ff-head, var(--t-ff, 'Noto Sans KR', sans-serif));&#13;&#10; font-size: clamp(34px, 3.9vw, 56px);&#13;&#10; font-weight: 800;&#13;&#10; line-height: 1.15;&#13;&#10; letter-spacing: -0.042em;&#13;&#10;}&#13;&#10;.dhFrameDesc {&#13;&#10; margin: clamp(22px, 2.6vw, 36px) 0 0;&#13;&#10; max-width: 26.5em;&#13;&#10; font-size: clamp(16px, 1.15vw, 18px);&#13;&#10; font-weight: 300;&#13;&#10; line-height: 1.85;&#13;&#10; color: var(--dh-frame-muted);&#13;&#10;}&#13;&#10;.dhFrameGo {&#13;&#10; display: inline-flex;&#13;&#10; align-items: center;&#13;&#10; gap: 12px;&#13;&#10; margin-top: clamp(34px, 4vw, 50px);&#13;&#10; min-height: 52px;&#13;&#10; padding: 0 30px;&#13;&#10; border-radius: var(--t-action-corner, 996px);&#13;&#10; background: var(--dh-frame-action-paper);&#13;&#10; color: var(--dh-frame-action-color);&#13;&#10; font-size: 14px;&#13;&#10; font-weight: 700;&#13;&#10; text-decoration: none;&#13;&#10; transition: transform 0.3s ease, opacity 0.25s ease;&#13;&#10;}&#13;&#10;.dhFrameGo:hover {&#13;&#10; transform: translateY(-2px);&#13;&#10;}&#13;&#10;.dhFrameGo:focus-visible {&#13;&#10; outline: 2px solid var(--dh-frame-color);&#13;&#10; outline-offset: 3px;&#13;&#10;}&#13;&#10;.dhFrameArr {&#13;&#10; position: relative;&#13;&#10; width: 18px;&#13;&#10; height: 1.5px;&#13;&#10; background: currentColor;&#13;&#10; transition: width 0.3s ease;&#13;&#10;}&#13;&#10;.dhFrameArr::after {&#13;&#10; content: '';&#13;&#10; position: absolute;&#13;&#10; right: 0;&#13;&#10; top: -3px;&#13;&#10; width: 6px;&#13;&#10; height: 7px;&#13;&#10; border-top: 1.5px solid currentColor;&#13;&#10; border-right: 1.5px solid currentColor;&#13;&#10; transform: rotate(45deg);&#13;&#10;}&#13;&#10;.dhFrameGo:hover .dhFrameArr {&#13;&#10; width: 24px;&#13;&#10;}&#13;&#10;.dhFrameFlow {&#13;&#10; position: relative;&#13;&#10; padding-left: clamp(38px, 4vw, 54px);&#13;&#10;}&#13;&#10;.dhFrameRail {&#13;&#10; position: absolute;&#13;&#10; left: 5px;&#13;&#10; top: 8px;&#13;&#10; bottom: 8px;&#13;&#10; width: 1px;&#13;&#10; background: var(--dh-frame-rule);&#13;&#10; overflow: hidden;&#13;&#10;}&#13;&#10;.dhFrameLevel {&#13;&#10; position: absolute;&#13;&#10; inset: 0;&#13;&#10; background: var(--dh-frame-accent);&#13;&#10; transform-origin: 50% 0;&#13;&#10; transform: scaleY(var(--dh-frame-p, 1));&#13;&#10; will-change: transform;&#13;&#10;}&#13;&#10;.dhFrameList {&#13;&#10; margin: 0;&#13;&#10; padding: 0;&#13;&#10; list-style: none;&#13;&#10; counter-reset: pr02c-kf;&#13;&#10;}&#13;&#10;.dhFrameStep {&#13;&#10; position: relative;&#13;&#10; padding: 0 0 clamp(48px, 6vw, 80px);&#13;&#10; counter-increment: pr02c-kf;&#13;&#10;}&#13;&#10;.dhFrameNode {&#13;&#10; position: absolute;&#13;&#10; left: calc(clamp(36px, 4vw, 54px) * -1);&#13;&#10; top: 3px;&#13;&#10; width: 12px;&#13;&#10; height: 12px;&#13;&#10; box-sizing: border-box;&#13;&#10; border-radius: 50%;&#13;&#10; border: 1px solid var(--dh-frame-color);&#13;&#10; background: var(--dh-frame-paper);&#13;&#10;}&#13;&#10;.dhFramePip {&#13;&#10; position: absolute;&#13;&#10; inset: 2px;&#13;&#10; border-radius: 50%;&#13;&#10; background: var(--dh-frame-accent);&#13;&#10; transition: opacity 0.35s ease, transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);&#13;&#10;}&#13;&#10;[data-dh-frame-on="0"] .dhFramePip {&#13;&#10; opacity: 0;&#13;&#10; transform: scale(0.2);&#13;&#10;}&#13;&#10;.dhFrameNo {&#13;&#10; display: block;&#13;&#10; margin-bottom: 14px;&#13;&#10; font-size: 14px;&#13;&#10; font-weight: 500;&#13;&#10; letter-spacing: 0.1em;&#13;&#10; color: var(--dh-frame-muted);&#13;&#10;}&#13;&#10;.dhFrameNo::before {&#13;&#10; content: 'STEP ' counter(pr02c-kf, decimal-leading-zero);&#13;&#10;}&#13;&#10;.dhFrameName {&#13;&#10; margin: 0 0 12px;&#13;&#10; font-size: clamp(20px, 1.9vw, 28px);&#13;&#10; font-weight: 800;&#13;&#10; line-height: 1.25;&#13;&#10; letter-spacing: -0.03em;&#13;&#10;}&#13;&#10;.dhFrameTxt {&#13;&#10; margin: 0;&#13;&#10; max-width: 33em;&#13;&#10; font-size: 14px;&#13;&#10; font-weight: 400;&#13;&#10; line-height: 1.8;&#13;&#10; color: var(--dh-frame-muted);&#13;&#10;}&#13;&#10;[data-dh-frame-anim] {&#13;&#10; transition: opacity 1.1s cubic-bezier(0.16, 1, 0.3, 1), transform 1.05s cubic-bezier(0.16, 1, 0.3, 1);&#13;&#10;}&#13;&#10;[data-dh-frame-state="0"] [data-dh-frame-anim] {&#13;&#10; opacity: 0;&#13;&#10; transform: translateY(26px);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;@media (max-width: 848px) {&#13;&#10; .dhFrameWrap {&#13;&#10; grid-template-columns: 1fr;&#13;&#10; }&#13;&#10; .dhFrameAside {&#13;&#10; position: static;&#13;&#10; }&#13;&#10;}&#13;&#10;&#13;&#10;&#13;&#10;&#13;&#10;&#13;&#10;.dhStory {&#13;&#10; --dh-story-paper: var(--t-paper, #f7f5f4);&#13;&#10; --dh-story-color: var(--t-txt, #0e0f12);&#13;&#10; --dh-story-muted: rgba(16, 16, 18, 0.7);&#13;&#10; --dh-story-rule: rgba(15, 15, 20, 0.15);&#13;&#10; --dh-story-accent: var(--t-key, #fe6b1f);&#13;&#10; position: relative;&#13;&#10; box-sizing: border-box;&#13;&#10; padding: clamp(100px, 12vw, 156px) 18px clamp(78px, 9vw, 122px);&#13;&#10; overflow: hidden;&#13;&#10; background: var(--dh-story-paper);&#13;&#10; color: var(--dh-story-color);&#13;&#10; font-family: var(--t-ff, 'Noto Sans KR', sans-serif);&#13;&#10; word-break: keep-all;&#13;&#10; overflow-wrap: anywhere;&#13;&#10;}&#13;&#10;.dhStory[data-dh-story-scheme="dark"] {&#13;&#10; --dh-story-paper: var(--t-deep, #0c090e);&#13;&#10; --dh-story-color: #f1f0ec;&#13;&#10; --dh-story-muted: rgba(241, 239, 236, 0.7);&#13;&#10; --dh-story-rule: rgba(241, 242, 236, 0.17);&#13;&#10;}&#13;&#10;.dhStoryWrap {&#13;&#10; max-width: var(--t-measure, 1248px);&#13;&#10; margin: 0 auto;&#13;&#10;}&#13;&#10;.dhStoryHeading {&#13;&#10; max-width: 15.75em;&#13;&#10; margin: 0;&#13;&#10; font-family: var(--t-ff-head, var(--t-ff, 'Noto Sans KR', sans-serif));&#13;&#10; font-size: clamp(22px, 2.4vw, 34px);&#13;&#10; font-weight: 700;&#13;&#10; line-height: 1.4;&#13;&#10; letter-spacing: -0.03em;&#13;&#10;}&#13;&#10;.dhStoryFigure {&#13;&#10; margin: clamp(28px, 4vw, 60px) 0 0;&#13;&#10;}&#13;&#10;.dhStoryBig {&#13;&#10; margin: 0 0 0 -0.04em;&#13;&#10; font-family: var(--t-ff-head, var(--t-ff, 'Noto Sans KR', sans-serif));&#13;&#10; font-size: clamp(64px, 18vw, 250px);&#13;&#10; font-weight: 800;&#13;&#10; line-height: 0.9;&#13;&#10; letter-spacing: -0.055em;&#13;&#10; font-variant-numeric: tabular-nums;&#13;&#10; white-space: nowrap;&#13;&#10;}&#13;&#10;.dhStoryRule {&#13;&#10; position: relative;&#13;&#10; height: 1px;&#13;&#10; margin-top: clamp(24px, 3vw, 42px);&#13;&#10; background: var(--dh-story-rule);&#13;&#10;}&#13;&#10;.dhStoryLevel {&#13;&#10; position: absolute;&#13;&#10; left: 0;&#13;&#10; top: -1px;&#13;&#10; width: 100%;&#13;&#10; height: 3px;&#13;&#10; background: var(--dh-story-accent);&#13;&#10; transform-origin: 0 50%;&#13;&#10; transform: scaleX(var(--dh-story-p, 0.25));&#13;&#10; transition: transform 1.65s cubic-bezier(0.16, 1, 0.3, 1) 0.5s;&#13;&#10;}&#13;&#10;.dhStoryFoot {&#13;&#10; display: grid;&#13;&#10; grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.2fr) minmax(0, 1fr);&#13;&#10; gap: clamp(26px, 4vw, 74px);&#13;&#10; align-items: start;&#13;&#10; margin-top: clamp(26px, 3.4vw, 52px);&#13;&#10;}&#13;&#10;.dhStoryCap {&#13;&#10; display: flex;&#13;&#10; align-items: baseline;&#13;&#10; gap: 12px;&#13;&#10; margin: 0;&#13;&#10; font-size: clamp(18px, 1.3vw, 22px);&#13;&#10; font-weight: 700;&#13;&#10; line-height: 1.45;&#13;&#10; letter-spacing: -0.01em;&#13;&#10;}&#13;&#10;.dhStoryDot {&#13;&#10; width: 7px;&#13;&#10; height: 7px;&#13;&#10; border-radius: 50%;&#13;&#10; background: var(--dh-story-accent);&#13;&#10; flex-shrink: 0;&#13;&#10; transform: translateY(-2px);&#13;&#10;}&#13;&#10;.dhStoryDesc {&#13;&#10; max-width: 27.5em;&#13;&#10; margin: 0;&#13;&#10; font-size: clamp(16px, 1.1vw, 16px);&#13;&#10; line-height: 1.9;&#13;&#10; color: var(--dh-story-muted);&#13;&#10;}&#13;&#10;.dhStoryList {&#13;&#10; margin: 0;&#13;&#10; padding: 0;&#13;&#10; list-style: none;&#13;&#10;}&#13;&#10;.dhStoryRow {&#13;&#10; display: flex;&#13;&#10; align-items: baseline;&#13;&#10; justify-content: space-between;&#13;&#10; gap: 16px;&#13;&#10; padding: 14px 0;&#13;&#10; border-top: 1px solid var(--dh-story-rule);&#13;&#10;}&#13;&#10;.dhStoryN {&#13;&#10; margin: 0;&#13;&#10; font-size: clamp(20px, 2vw, 28px);&#13;&#10; font-weight: 700;&#13;&#10; letter-spacing: -0.03em;&#13;&#10; font-variant-numeric: tabular-nums;&#13;&#10; white-space: nowrap;&#13;&#10;}&#13;&#10;.dhStoryLab {&#13;&#10; margin: 0;&#13;&#10; font-size: 16px;&#13;&#10; line-height: 1.5;&#13;&#10; text-align: right;&#13;&#10; color: var(--dh-story-muted);&#13;&#10;}&#13;&#10;[data-dh-story-anim] {&#13;&#10; transition: opacity 1.05s cubic-bezier(0.16, 1, 0.3, 1), transform 1s cubic-bezier(0.16, 1, 0.3, 1);&#13;&#10;}&#13;&#10;[data-dh-story-state="0"] [data-dh-story-anim] {&#13;&#10; opacity: 0;&#13;&#10; transform: translateY(32px);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;[data-dh-story-state="0"] .dhStoryLevel {&#13;&#10; transform: scaleX(0);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;@media (max-width: 886px) {&#13;&#10; .dhStoryFoot {&#13;&#10; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);&#13;&#10; }&#13;&#10; .dhStoryList {&#13;&#10; grid-column: 1 / -1;&#13;&#10; }&#13;&#10;}&#13;&#10;@media (max-width: 518px) {&#13;&#10; .dhStoryFoot {&#13;&#10; grid-template-columns: minmax(0, 1fr);&#13;&#10; }&#13;&#10;}&#13;&#10;&#13;&#10;&#13;&#10;&#13;&#10;&#13;&#10;.dhShelf {&#13;&#10; --dh-shelf-paper: var(--t-paper, #f6f7f4);&#13;&#10; --dh-shelf-color: var(--t-txt, #0e1413);&#13;&#10; --dh-shelf-muted: rgba(14, 16, 17, 0.68);&#13;&#10; --dh-shelf-rule: rgba(16, 20, 19, 0.15);&#13;&#10; --dh-shelf-accent: var(--t-key, #ff6d1e);&#13;&#10; --dh-shelf-action-paper: #141011;&#13;&#10; --dh-shelf-action-color: #fdfefc;&#13;&#10; position: relative;&#13;&#10; box-sizing: border-box;&#13;&#10; padding: clamp(82px, 9.5vw, 132px) 22px clamp(84px, 10vw, 148px);&#13;&#10; background: var(--dh-shelf-paper);&#13;&#10; color: var(--dh-shelf-color);&#13;&#10; font-family: var(--t-ff, 'Noto Sans KR', sans-serif);&#13;&#10; word-break: keep-all;&#13;&#10;}&#13;&#10;.dhShelf[data-dh-shelf-scheme="dark"] {&#13;&#10; --dh-shelf-paper: var(--t-deep, #0a0e10);&#13;&#10; --dh-shelf-color: #f1f3ed;&#13;&#10; --dh-shelf-muted: rgba(246, 245, 239, 0.7);&#13;&#10; --dh-shelf-rule: rgba(242, 243, 239, 0.17);&#13;&#10; --dh-shelf-action-paper: #f1f3ed;&#13;&#10; --dh-shelf-action-color: #0e0c10;&#13;&#10;}&#13;&#10;.dhShelfWrap {&#13;&#10; max-width: var(--t-measure, 1126px);&#13;&#10; margin: 0 auto;&#13;&#10;}&#13;&#10;.dhShelfHead {&#13;&#10; max-width: 728px;&#13;&#10; margin: 0 auto clamp(58px, 7vw, 98px);&#13;&#10; text-align: center;&#13;&#10;}&#13;&#10;.dhShelfHeading {&#13;&#10; margin: 0;&#13;&#10; font-family: var(--t-ff-head, var(--t-ff, 'Noto Sans KR', sans-serif));&#13;&#10; font-size: clamp(30px, 4.4vw, 66px);&#13;&#10; font-weight: 800;&#13;&#10; line-height: 1.15;&#13;&#10; letter-spacing: -0.04em;&#13;&#10;}&#13;&#10;.dhShelfDesc {&#13;&#10; margin: clamp(18px, 2.2vw, 26px) auto 0;&#13;&#10; max-width: 28.875em;&#13;&#10; font-size: clamp(14px, 1.2vw, 18px);&#13;&#10; line-height: 1.8;&#13;&#10; color: var(--dh-shelf-muted);&#13;&#10;}&#13;&#10;.dhShelfRail {&#13;&#10; position: relative;&#13;&#10;}&#13;&#10;.dhShelfSteps {&#13;&#10; position: relative;&#13;&#10; display: grid;&#13;&#10; grid-template-columns: repeat(3, 1fr);&#13;&#10; gap: clamp(30px, 4vw, 64px);&#13;&#10; margin: 0;&#13;&#10; padding: 0;&#13;&#10; list-style: none;&#13;&#10; counter-reset: shelf-n-mv;&#13;&#10;}&#13;&#10;.dhShelfTrack {&#13;&#10; position: absolute;&#13;&#10; left: 0;&#13;&#10; right: 0;&#13;&#10; top: 4px;&#13;&#10; height: 1px;&#13;&#10; background: var(--dh-shelf-rule);&#13;&#10; overflow: hidden;&#13;&#10;}&#13;&#10;.dhShelfTrackLevel {&#13;&#10; position: absolute;&#13;&#10; inset: 0;&#13;&#10; background: var(--dh-shelf-accent);&#13;&#10; transform-origin: 0 50%;&#13;&#10; transition: transform 1.55s cubic-bezier(0.16, 1, 0.3, 1) 0.3s;&#13;&#10;}&#13;&#10;.dhShelfStep {&#13;&#10; position: relative;&#13;&#10; padding-top: clamp(34px, 4vw, 54px);&#13;&#10; counter-increment: shelf-n-mv;&#13;&#10;}&#13;&#10;.dhShelfStep::before {&#13;&#10; content: '';&#13;&#10; position: absolute;&#13;&#10; left: 0;&#13;&#10; top: 0;&#13;&#10; width: 9px;&#13;&#10; height: 9px;&#13;&#10; border-radius: 50%;&#13;&#10; background: var(--dh-shelf-accent);&#13;&#10;}&#13;&#10;.dhShelfStep::after {&#13;&#10; content: counter(shelf-n-mv, decimal-leading-zero);&#13;&#10; display: block;&#13;&#10; position: absolute;&#13;&#10; right: 0;&#13;&#10; top: clamp(30px, 3.2vw, 40px);&#13;&#10; font-size: clamp(44px, 4.6vw, 70px);&#13;&#10; font-weight: 300;&#13;&#10; line-height: 1.05;&#13;&#10; letter-spacing: -0.04em;&#13;&#10; color: var(--dh-shelf-muted);&#13;&#10;}&#13;&#10;.dhShelfStepHeading {&#13;&#10; margin: 0 0 14px;&#13;&#10; padding-right: 3em;&#13;&#10; font-size: clamp(18px, 1.7vw, 24px);&#13;&#10; font-weight: 700;&#13;&#10; letter-spacing: -0.02em;&#13;&#10;}&#13;&#10;.dhShelfStepTxt {&#13;&#10; margin: 0;&#13;&#10; max-width: 23.25em;&#13;&#10; font-size: 14px;&#13;&#10; line-height: 1.8;&#13;&#10; color: var(--dh-shelf-muted);&#13;&#10;}&#13;&#10;.dhShelfActions {&#13;&#10; display: flex;&#13;&#10; flex-wrap: wrap;&#13;&#10; align-items: center;&#13;&#10; justify-content: center;&#13;&#10; gap: 16px 28px;&#13;&#10; margin-top: clamp(58px, 7vw, 96px);&#13;&#10; padding-top: clamp(30px, 4vw, 46px);&#13;&#10; border-top: 1px solid var(--dh-shelf-rule);&#13;&#10;}&#13;&#10;.dhShelfGo {&#13;&#10; display: inline-flex;&#13;&#10; align-items: center;&#13;&#10; gap: 12px;&#13;&#10; min-height: 60px;&#13;&#10; padding: 0 30px;&#13;&#10; border-radius: var(--t-action-corner, 1030px);&#13;&#10; background: var(--dh-shelf-action-paper);&#13;&#10; color: var(--dh-shelf-action-color);&#13;&#10; font-size: 16px;&#13;&#10; font-weight: 700;&#13;&#10; text-decoration: none;&#13;&#10; transition: transform 0.3s ease;&#13;&#10;}&#13;&#10;.dhShelfGo:hover {&#13;&#10; transform: translateY(-2px);&#13;&#10;}&#13;&#10;.dhShelfGo:focus-visible {&#13;&#10; outline: 2px solid var(--dh-shelf-color);&#13;&#10; outline-offset: 3px;&#13;&#10;}&#13;&#10;.dhShelfArr {&#13;&#10; position: relative;&#13;&#10; width: 16px;&#13;&#10; height: 1.5px;&#13;&#10; background: currentColor;&#13;&#10; transition: width 0.3s ease;&#13;&#10;}&#13;&#10;.dhShelfArr::after {&#13;&#10; content: '';&#13;&#10; position: absolute;&#13;&#10; right: 0;&#13;&#10; top: -3px;&#13;&#10; width: 7px;&#13;&#10; height: 7px;&#13;&#10; border-top: 1.5px solid currentColor;&#13;&#10; border-right: 1.5px solid currentColor;&#13;&#10; transform: rotate(45deg);&#13;&#10;}&#13;&#10;.dhShelfGo:hover .dhShelfArr {&#13;&#10; width: 22px;&#13;&#10;}&#13;&#10;.dhShelfHint {&#13;&#10; margin: 0;&#13;&#10; font-size: 14px;&#13;&#10; color: var(--dh-shelf-muted);&#13;&#10;}&#13;&#10;[data-dh-shelf-anim] {&#13;&#10; transition: opacity 0.95s cubic-bezier(0.16, 1, 0.3, 1), transform 0.95s cubic-bezier(0.16, 1, 0.3, 1);&#13;&#10;}&#13;&#10;[data-dh-shelf-state="0"] [data-dh-shelf-anim] {&#13;&#10; opacity: 0;&#13;&#10; transform: translateY(26px);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;[data-dh-shelf-state="0"] .dhShelfTrackLevel {&#13;&#10; transform: scaleX(0);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;@media (max-width: 688px) {&#13;&#10; .dhShelfSteps {&#13;&#10; grid-template-columns: 1fr;&#13;&#10; gap: 0;&#13;&#10; padding-left: 30px;&#13;&#10; }&#13;&#10; .dhShelfTrack {&#13;&#10; left: 4px;&#13;&#10; right: auto;&#13;&#10; top: 4px;&#13;&#10; bottom: 0;&#13;&#10; width: 1px;&#13;&#10; height: auto;&#13;&#10; }&#13;&#10; .dhShelfTrackLevel {&#13;&#10; transform-origin: 50% 0;&#13;&#10; }&#13;&#10; [data-dh-shelf-state="0"] .dhShelfTrackLevel {&#13;&#10; transform: scaleY(0);&#13;&#10; }&#13;&#10; .dhShelfStep {&#13;&#10; padding: 0 0 40px;&#13;&#10; }&#13;&#10; .dhShelfStep::before {&#13;&#10; left: -28px;&#13;&#10; }&#13;&#10; .dhShelfStep::after {&#13;&#10; top: -6px;&#13;&#10; font-size: 36px;&#13;&#10; }&#13;&#10;}&#13;&#10;&#13;&#10;&lt;/style&gt;&#13;&#10;&#13;&#10;&lt;section class="dhSheet" data-dh-sheet="" data-dh-sheet-scheme="dark"&gt;&#13;&#10;&lt;div class="dhSheetWrap"&gt;&#13;&#10;&lt;div class="dhSheetCols"&gt;&#13;&#10;&lt;h1 class="dhSheetHeading dhHeroHeading" data-dh-sheet-anim=""&gt;주차별 진행 과정 안내&lt;/h1&gt;&#13;&#10;&lt;div aria-hidden="true" class="dhSheetSplit"&gt;&lt;/div&gt;&#13;&#10;&lt;div class="dhSheetSide"&gt;&#13;&#10;&lt;p class="dhSheetDesc dhDesc" data-dh-sheet-anim=""&gt;착수 회의부터 5주차 점검까지 주차마다 담당, 할 일, 넘겨 드릴 산출물을 정리했습니다.&lt;/p&gt;&#13;&#10;&lt;p class="dhSheetExtra" data-dh-sheet-anim=""&gt;아래 주차와 담당은 진행 방식 예시이며, 실제 일정은 계약 때 함께 정합니다.&lt;/p&gt;&#13;&#10;&lt;ul class="dhSheetInfo" data-dh-sheet-anim=""&gt;&#13;&#10;&lt;li&gt;진단&lt;/li&gt;&#13;&#10;&lt;li&gt;설계&lt;/li&gt;&#13;&#10;&lt;li&gt;적용&lt;/li&gt;&#13;&#10;&lt;li&gt;점검&lt;/li&gt;&#13;&#10;&lt;/ul&gt;&#13;&#10;&lt;/div&gt;&#13;&#10;&lt;/div&gt;&#13;&#10;&lt;/div&gt;&#13;&#10;&lt;script&gt;&#13;&#10; (function () {&#13;&#10; var N = {"root": "data-dh-sheet", "tone": "data-dh-sheet-scheme", "state": "data-dh-sheet-state", "item": "data-dh-sheet-anim"};&#13;&#10; var s = document.currentScript;&#13;&#10; var R = s &amp;&amp; s.closest('[' + N.root + ']');&#13;&#10; if (!R) { return; }&#13;&#10; var items = R.querySelectorAll('[' + N.item + ']');&#13;&#10; // 시간차는 현재 DOM 순서로 매김&#13;&#10; for (var i = 0; i &lt; items.length; i++) {&#13;&#10; items[i].style.transitionDelay = (0.05 + i * 0.12) + 's, ' + (0.05 + i * 0.12) + 's';&#13;&#10; }&#13;&#10; var show = function () { R.setAttribute(N.state, '1'); };&#13;&#10; if (!('IntersectionObserver' in window)) { return; }&#13;&#10; R.setAttribute(N.state, '0');&#13;&#10; var io = new IntersectionObserver(function (es) {&#13;&#10; if (es[0].isIntersecting) {&#13;&#10; io.disconnect();&#13;&#10; requestAnimationFrame(function () { requestAnimationFrame(show); });&#13;&#10; }&#13;&#10; }, { threshold: 0.15 });&#13;&#10; io.observe(R);&#13;&#10; })();&#13;&#10; &lt;/script&gt;&#13;&#10;&lt;/section&gt;</description></item></channel></rss>