<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>홈페이지상위노출 | 탑페이지랩</title><link>https://toppagelab.kr/index.html</link><description>Recent content on 홈페이지상위노출 | 탑페이지랩</description><generator>Hugo</generator><language>ko</language><lastBuildDate>Mon, 12 Oct 2026 00:00:00 +0000</lastBuildDate><atom:link href="https://toppagelab.kr/index.xml" rel="self" type="application/rss+xml"/><item><title>검색에 안 나올 때 색인부터 확인하는 법</title><link>https://toppagelab.kr/posts/post_001.html</link><pubDate>Sun, 04 Oct 2026 00:00:00 +0000</pubDate><guid>https://toppagelab.kr/posts/post_001.html</guid><description>&lt;p&gt;사장님, 홈페이지를 열어 두었는데 검색창에 상호를 쳐도 안 나온다면 순위보다 먼저 볼 게 있어요. 바로 색인(인덱싱)입니다. 색인은 검색엔진이 내 페이지를 가져가 자기 목록에 올려 둔 상태를 말해요. 목록에 없으면 순위를 다툴 기회조차 없습니다.&lt;/p&gt;&#10;&lt;h2 id="1분-만에-해-보는-확인"&gt;1분 만에 해 보는 확인&lt;/h2&gt;&#10;&lt;p&gt;검색창에 &lt;code&gt;site:내주소&lt;/code&gt;를 입력해 보세요. 예를 들어 &lt;code&gt;site:toppagelab.kr&lt;/code&gt;처럼요. 결과에 내 페이지가 몇 개 나오는지가 대략 색인된 페이지 수입니다. 하나도 안 나오면 아직 검색엔진이 내 사이트를 모르는 상태예요.&lt;/p&gt;&#10;&lt;p&gt;정확한 숫자는 구글 서치 콘솔의 &amp;lsquo;페이지&amp;rsquo; 보고서, 네이버 서치어드바이저의 &amp;lsquo;수집 현황&amp;rsquo;에서 봅니다. 어떤 페이지가 왜 빠졌는지 이유까지 적혀 있어서 훨씬 쓸모가 있죠.&lt;/p&gt;</description></item><item><title>title 태그와 메타 설명, 검색 결과에서 안 잘리게 쓰기</title><link>https://toppagelab.kr/posts/post_002.html</link><pubDate>Mon, 05 Oct 2026 00:00:00 +0000</pubDate><guid>https://toppagelab.kr/posts/post_002.html</guid><description>&lt;p&gt;검색 결과 화면에서 파란 제목과 그 아래 두 줄 설명, 사장님도 매일 보시죠. 그 제목은 title 태그, 설명은 메타 설명(description)이라는 곳에서 나와요. 손님이 클릭할지 말지를 정하는 첫 문장이라 여기서 손해를 보면 순위가 같아도 문의가 덜 들어옵니다.&lt;/p&gt;&#10;&lt;h2 id="길이는-이-정도가-무난해요"&gt;길이는 이 정도가 무난해요&lt;/h2&gt;&#10;&lt;ul&gt;&#10;&lt;li&gt;&lt;strong&gt;title&lt;/strong&gt;: 한글로 30자 안팎. 너무 길면 뒤가 “…”로 잘려요.&lt;/li&gt;&#10;&lt;li&gt;&lt;strong&gt;메타 설명&lt;/strong&gt;: 80~120자 안팎. 짧으면 검색엔진이 본문에서 아무 문장이나 가져다 쓰기도 합니다.&lt;/li&gt;&#10;&lt;/ul&gt;&#10;&lt;p&gt;정확한 글자 수는 화면 폭에 따라 달라지니, 중요한 말을 앞쪽에 두는 게 핵심이에요.&lt;/p&gt;</description></item><item><title>키워드 잠식, 내 페이지끼리 순위를 깎는 이유</title><link>https://toppagelab.kr/posts/post_003.html</link><pubDate>Tue, 29 Sep 2026 00:00:00 +0000</pubDate><guid>https://toppagelab.kr/posts/post_003.html</guid><description>&lt;p&gt;열심히 글을 많이 썼는데 오히려 순위가 오락가락한다면 키워드 잠식을 의심해 보세요. 키워드 잠식은 내 사이트 안의 두 페이지 이상이 같은 검색어를 두고 경쟁하는 상태를 말해요. 검색엔진은 한 검색어에 보통 한 사이트에서 한두 페이지만 보여 주는데, 어느 쪽을 고를지 망설이다 둘 다 애매한 자리에 두곤 합니다.&lt;/p&gt;&#10;&lt;h2 id="이런-증상이-보이면-의심해요"&gt;이런 증상이 보이면 의심해요&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="확인하는-방법"&gt;확인하는 방법&lt;/h2&gt;&#10;&lt;p&gt;서치 콘솔 &amp;lsquo;실적&amp;rsquo; 보고서에서 검색어 하나를 고른 다음 &amp;lsquo;페이지&amp;rsquo; 탭을 눌러 보세요. 그 검색어로 노출된 내 페이지 목록이 나옵니다. 두 개 이상이 비슷한 노출수를 나눠 갖고 있다면 정리 대상이에요.&lt;/p&gt;</description></item><item><title>서치어드바이저와 서치 콘솔 등록 순서</title><link>https://toppagelab.kr/posts/post_004.html</link><pubDate>Sun, 11 Oct 2026 00:00:00 +0000</pubDate><guid>https://toppagelab.kr/posts/post_004.html</guid><description>&lt;p&gt;네이버와 구글에는 사이트 주인이 “제 홈페이지 여기 있어요” 하고 알려 주는 창구가 따로 있어요. 네이버는 서치어드바이저, 구글은 서치 콘솔입니다. 둘 다 무료이고, 등록해 두면 내 사이트가 검색에 어떻게 보이는지 숫자로 볼 수 있어요.&lt;/p&gt;&#10;&lt;h2 id="공통으로-준비할-것"&gt;공통으로 준비할 것&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;code&gt;주소/sitemap.xml&lt;/code&gt;)&lt;/li&gt;&#10;&lt;/ul&gt;&#10;&lt;h2 id="네이버-서치어드바이저"&gt;네이버 서치어드바이저&lt;/h2&gt;&#10;&lt;ol&gt;&#10;&lt;li&gt;서치어드바이저에 로그인해 &amp;lsquo;웹마스터 도구&amp;rsquo;로 들어갑니다.&lt;/li&gt;&#10;&lt;li&gt;사이트 주소를 넣으면 소유 확인 방법이 나와요. HTML 파일 올리기와 메타 태그 넣기 중 편한 쪽을 고릅니다.&lt;/li&gt;&#10;&lt;li&gt;확인이 끝나면 &amp;lsquo;요청&amp;rsquo; 메뉴에서 사이트맵을 제출해요.&lt;/li&gt;&#10;&lt;li&gt;중요한 페이지는 &amp;lsquo;웹 페이지 수집&amp;rsquo;으로 한 번 더 요청합니다.&lt;/li&gt;&#10;&lt;/ol&gt;&#10;&lt;h2 id="구글-서치-콘솔"&gt;구글 서치 콘솔&lt;/h2&gt;&#10;&lt;ol&gt;&#10;&lt;li&gt;서치 콘솔에서 속성을 추가해요. 주소 앞부분까지 정확히 같은 &amp;lsquo;접두어&amp;rsquo; 방식이 처음엔 쉬워요.&lt;/li&gt;&#10;&lt;li&gt;소유 확인은 HTML 태그 방식이 간단합니다.&lt;/li&gt;&#10;&lt;li&gt;왼쪽 &amp;lsquo;사이트맵&amp;rsquo; 메뉴에 sitemap.xml 주소를 넣고 제출해요.&lt;/li&gt;&#10;&lt;li&gt;새로 만든 페이지는 맨 위 검색창에 주소를 넣고 &amp;lsquo;색인 생성 요청&amp;rsquo;을 누릅니다.&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>상위노출 기간, 노출수와 순위가 움직이는 순서</title><link>https://toppagelab.kr/posts/post_005.html</link><pubDate>Sun, 11 Oct 2026 00:00:00 +0000</pubDate><guid>https://toppagelab.kr/posts/post_005.html</guid><description>&lt;p&gt;상위노출을 알아보실 때 제일 먼저 궁금한 건 아마 “얼마나 걸려요?”일 거예요. 솔직하게 말씀드리면 상위노출 기간은 한 숫자로 답하기 어렵습니다. 대신 두 구간으로 나눠 보면 훨씬 이해가 쉬워요.&lt;/p&gt;&#10;&lt;h2 id="첫-구간-고친-내용이-반영되는-몇-주"&gt;첫 구간: 고친 내용이 반영되는 몇 주&lt;/h2&gt;&#10;&lt;p&gt;제목이나 본문을 고치면 검색엔진이 그 페이지를 다시 가져가야 결과에 반영돼요. 이 재수집이 보통 며칠에서 몇 주 걸립니다. 자주 들르는 큰 사이트는 빠르고, 새로 만든 작은 사이트는 느린 편이에요.&lt;/p&gt;&#10;&lt;p&gt;이 구간에는 순위보다 “수집됐는지”를 봅니다. 서치 콘솔에서 고친 페이지의 마지막 수집 날짜가 바뀌었는지 확인하면 돼요.&lt;/p&gt;</description></item><item><title>상위노출 업체와 견적, 고를 때 물어볼 다섯 가지</title><link>https://toppagelab.kr/posts/post_006.html</link><pubDate>Mon, 12 Oct 2026 00:00:00 +0000</pubDate><guid>https://toppagelab.kr/posts/post_006.html</guid><description>&lt;p&gt;여러 곳에서 견적을 받아 보면 금액 차이가 커서 놀라실 거예요. 그런데 금액만 보고 고르면 나중에 “이게 포함이 아니었어요?” 하는 일이 생깁니다. 상담할 때 아래 다섯 가지는 꼭 물어보세요. 저희한테 물어보셔도 됩니다.&lt;/p&gt;&#10;&lt;h2 id="1-어떤-방법으로-순위를-올리나요"&gt;1. 어떤 방법으로 순위를 올리나요?&lt;/h2&gt;&#10;&lt;p&gt;제목·본문·내부 링크를 고치는 방식인지, 링크를 대량으로 사거나 글을 숨기는 방식인지 물어보세요. 뒤쪽 방법은 단가가 낮아도 검색엔진 스팸 정책에 걸리면 사이트 전체가 밀릴 수 있어요.&lt;/p&gt;&#10;&lt;h2 id="2-무엇을-보고-결과를-알려-주나요"&gt;2. 무엇을 보고 결과를 알려 주나요?&lt;/h2&gt;&#10;&lt;p&gt;“순위 올랐어요” 한마디보다 서치 콘솔의 노출수·클릭수 같은 숫자로 보여 주는지가 중요해요. 매달 같은 형식의 보고서가 오는지, 고친 내역이 날짜별로 남는지도 확인하세요.&lt;/p&gt;</description></item><item><title>상위노출 비용이 정해지는 기준</title><link>https://toppagelab.kr/%EB%B9%84%EC%9A%A9%EA%B8%B0%EC%A4%80.html</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://toppagelab.kr/%EB%B9%84%EC%9A%A9%EA%B8%B0%EC%A4%80.html</guid><description>&lt;style&gt;&#13;&#10;&#13;&#10;&#13;&#10;.mh-frame {&#13;&#10; --mh-frame-bg: var(--base-bg, #f8f3ef);&#13;&#10; --mh-frame-color: var(--base-p, #10140e);&#13;&#10; --mh-frame-soft: rgba(16, 20, 16, 0.68);&#13;&#10; --mh-frame-frame: rgba(19, 17, 19, 0.08);&#13;&#10; --mh-frame-acc: var(--base-main, #fd6b1c);&#13;&#10; position: relative;&#13;&#10; box-sizing: border-box;&#13;&#10; padding: clamp(156px, 13.5vw, 184px) 22px clamp(48px, 6vw, 86px);&#13;&#10; background: var(--mh-frame-bg);&#13;&#10; color: var(--mh-frame-color);&#13;&#10; font-family: var(--base-font, 'Noto Sans KR', sans-serif);&#13;&#10; word-break: keep-all;&#13;&#10;}&#13;&#10;.mh-frame[data-mh-frame-scheme="dark"] {&#13;&#10; --mh-frame-bg: var(--base-deep, #090a0c);&#13;&#10; --mh-frame-color: #f7efee;&#13;&#10; --mh-frame-soft: rgba(246, 245, 238, 0.7);&#13;&#10; --mh-frame-frame: rgba(242, 243, 237, 0.08);&#13;&#10;}&#13;&#10;.mh-frame__wrap {&#13;&#10; max-width: var(--base-width, 1306px);&#13;&#10; margin: 0 auto;&#13;&#10;}&#13;&#10;.mh-frame__top {&#13;&#10; display: flex;&#13;&#10; flex-direction: column;&#13;&#10; align-items: center;&#13;&#10; text-align: center;&#13;&#10;}&#13;&#10;.mh-frame__pre {&#13;&#10; display: inline-flex;&#13;&#10; align-items: center;&#13;&#10; gap: 10px;&#13;&#10; margin: 0 0 clamp(22px, 2.6vw, 34px);&#13;&#10; font-size: 16px;&#13;&#10; font-weight: 500;&#13;&#10; letter-spacing: 0.02em;&#13;&#10; color: var(--mh-frame-soft);&#13;&#10;}&#13;&#10;.mh-frame__pip {&#13;&#10; width: 6px;&#13;&#10; height: 6px;&#13;&#10; border-radius: 50%;&#13;&#10; background: var(--mh-frame-acc);&#13;&#10;}&#13;&#10;.mh-frame__ttl {&#13;&#10; max-width: 13.125em;&#13;&#10; margin: 0;&#13;&#10; font-family: var(--base-font-head, var(--base-font, 'Noto Sans KR', sans-serif));&#13;&#10; font-size: clamp(38px, 6.2vw, 86px);&#13;&#10; font-weight: 800;&#13;&#10; line-height: 1.15;&#13;&#10; letter-spacing: -0.044em;&#13;&#10;}&#13;&#10;.mh-frame__body {&#13;&#10; max-width: 27.875em;&#13;&#10; margin: clamp(20px, 2.8vw, 32px) 0 0;&#13;&#10; font-size: clamp(16px, 1.3vw, 18px);&#13;&#10; font-weight: 300;&#13;&#10; line-height: 1.85;&#13;&#10; color: var(--mh-frame-soft);&#13;&#10;}&#13;&#10;.mh-frame__frame {&#13;&#10; position: relative;&#13;&#10; margin: clamp(48px, 6.5vw, 94px) 0 0;&#13;&#10; aspect-ratio: 21 / 9;&#13;&#10; border-radius: var(--base-r, 16px);&#13;&#10; background: var(--mh-frame-frame);&#13;&#10; overflow: hidden;&#13;&#10;}&#13;&#10;.mh-frame__img {&#13;&#10; display: block;&#13;&#10; width: 100%;&#13;&#10; height: 100%;&#13;&#10; object-fit: cover;&#13;&#10; transition: transform 1.8s cubic-bezier(0.16, 1, 0.3, 1) 0.3s, opacity 1.25s ease 0.3s;&#13;&#10;}&#13;&#10;.mh-frame__cap {&#13;&#10; display: flex;&#13;&#10; align-items: center;&#13;&#10; gap: 16px;&#13;&#10; margin: 20px 0 0;&#13;&#10; font-size: 14px;&#13;&#10; font-weight: 400;&#13;&#10; color: var(--mh-frame-soft);&#13;&#10;}&#13;&#10;.mh-frame__cap-bar {&#13;&#10; width: 30px;&#13;&#10; height: 1px;&#13;&#10; background: var(--mh-frame-acc);&#13;&#10; flex-shrink: 0;&#13;&#10;}&#13;&#10;[data-mh-frame-reveal] {&#13;&#10; transition: opacity 1s cubic-bezier(0.16, 1, 0.3, 1), transform 1s cubic-bezier(0.16, 1, 0.3, 1);&#13;&#10;}&#13;&#10;[data-mh-frame-state="0"] [data-mh-frame-reveal] {&#13;&#10; opacity: 0;&#13;&#10; transform: translateY(24px);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;[data-mh-frame-state="0"] .mh-frame__img {&#13;&#10; opacity: 0;&#13;&#10; transform: scale(1.08);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;@media (max-width: 606px) {&#13;&#10; .mh-frame__frame {&#13;&#10; aspect-ratio: 4 / 3;&#13;&#10; }&#13;&#10;}&#13;&#10;&#13;&#10;&#13;&#10;&#13;&#10;&#13;&#10;.mh-stage {&#13;&#10; --mh-stage-bg: var(--base-bg, #f5f5f2);&#13;&#10; --mh-stage-color: var(--base-p, #0e1014);&#13;&#10; --mh-stage-soft: rgba(17, 17, 19, 0.7);&#13;&#10; --mh-stage-bar: rgba(20, 15, 18, 0.14);&#13;&#10; --mh-stage-tint: rgba(17, 19, 15, 0.035);&#13;&#10; --mh-stage-acc: var(--base-main, #fc6a1f);&#13;&#10; --mh-stage-btn-bg: #140e10;&#13;&#10; --mh-stage-btn-color: #fffdfc;&#13;&#10; position: relative;&#13;&#10; box-sizing: border-box;&#13;&#10; padding: clamp(68px, 9vw, 140px) 20px clamp(92px, 10.5vw, 134px);&#13;&#10; background: var(--mh-stage-bg);&#13;&#10; color: var(--mh-stage-color);&#13;&#10; font-family: var(--base-font, 'Noto Sans KR', sans-serif);&#13;&#10; word-break: keep-all;&#13;&#10;}&#13;&#10;.mh-stage[data-mh-stage-scheme="dark"] {&#13;&#10; --mh-stage-bg: var(--base-deep, #090911);&#13;&#10; --mh-stage-color: #f7f4ea;&#13;&#10; --mh-stage-soft: rgba(242, 240, 238, 0.7);&#13;&#10; --mh-stage-bar: rgba(242, 241, 239, 0.16);&#13;&#10; --mh-stage-tint: rgba(246, 245, 239, 0.04);&#13;&#10; --mh-stage-btn-bg: #f7f2ed;&#13;&#10; --mh-stage-btn-color: #0e0d10;&#13;&#10;}&#13;&#10;.mh-stage__wrap {&#13;&#10; max-width: var(--base-width, 1256px);&#13;&#10; margin: 0 auto;&#13;&#10;}&#13;&#10;.mh-stage__top {&#13;&#10; display: flex;&#13;&#10; justify-content: space-between;&#13;&#10; align-items: flex-end;&#13;&#10; flex-wrap: wrap;&#13;&#10; gap: 26px 46px;&#13;&#10; margin-bottom: clamp(38px, 5.5vw, 72px);&#13;&#10;}&#13;&#10;.mh-stage__ttl {&#13;&#10; margin: 0;&#13;&#10; max-width: 12.625em;&#13;&#10; font-family: var(--base-font-head, var(--base-font, 'Noto Sans KR', sans-serif));&#13;&#10; font-size: clamp(30px, 4.2vw, 58px);&#13;&#10; font-weight: 800;&#13;&#10; line-height: 1.15;&#13;&#10; letter-spacing: -0.043em;&#13;&#10;}&#13;&#10;.mh-stage__ctl {&#13;&#10; display: flex;&#13;&#10; flex-direction: column;&#13;&#10; align-items: flex-start;&#13;&#10; gap: 12px;&#13;&#10;}&#13;&#10;.mh-stage__switch {&#13;&#10; display: inline-flex;&#13;&#10; align-items: center;&#13;&#10; gap: 14px;&#13;&#10; min-height: 48px;&#13;&#10; margin: 0;&#13;&#10; padding: 0;&#13;&#10; border: 0;&#13;&#10; background: none;&#13;&#10; color: var(--mh-stage-color);&#13;&#10; font: inherit;&#13;&#10; font-size: 14px;&#13;&#10; font-weight: 700;&#13;&#10; cursor: pointer;&#13;&#10;}&#13;&#10;.mh-stage__switch:focus-visible {&#13;&#10; outline: 2px solid var(--mh-stage-color);&#13;&#10; outline-offset: 4px;&#13;&#10; border-radius: 6px;&#13;&#10;}&#13;&#10;.mh-stage__track {&#13;&#10; position: relative;&#13;&#10; flex-shrink: 0;&#13;&#10; width: 48px;&#13;&#10; height: 28px;&#13;&#10; box-sizing: border-box;&#13;&#10; border: 1px solid var(--mh-stage-color);&#13;&#10; border-radius: 1092px;&#13;&#10; transition: background-color 0.35s ease;&#13;&#10;}&#13;&#10;.mh-stage__knob {&#13;&#10; position: absolute;&#13;&#10; left: 3px;&#13;&#10; top: 3px;&#13;&#10; width: 20px;&#13;&#10; height: 18px;&#13;&#10; border-radius: 50%;&#13;&#10; background: var(--mh-stage-color);&#13;&#10; transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.3s ease;&#13;&#10;}&#13;&#10;.mh-stage__switch[aria-pressed="true"] .mh-stage__track {&#13;&#10; background: var(--mh-stage-color);&#13;&#10;}&#13;&#10;.mh-stage__switch[aria-pressed="true"] .mh-stage__knob {&#13;&#10; transform: translateX(22px);&#13;&#10; background: var(--mh-stage-bg);&#13;&#10;}&#13;&#10;.mh-stage__hint {&#13;&#10; display: flex;&#13;&#10; align-items: center;&#13;&#10; gap: 12px;&#13;&#10; margin: 0;&#13;&#10; font-size: 14px;&#13;&#10; color: var(--mh-stage-soft);&#13;&#10;}&#13;&#10;.mh-stage__pip {&#13;&#10; width: 6px;&#13;&#10; height: 7px;&#13;&#10; border-radius: 50%;&#13;&#10; background: var(--mh-stage-acc);&#13;&#10; flex-shrink: 0;&#13;&#10;}&#13;&#10;.mh-stage__frame {&#13;&#10; display: grid;&#13;&#10; grid-template-columns: 1fr 1fr;&#13;&#10; border: 1px solid var(--mh-stage-bar);&#13;&#10; border-radius: var(--base-r, 14px);&#13;&#10; overflow: hidden;&#13;&#10;}&#13;&#10;.mh-stage__col {&#13;&#10; display: flex;&#13;&#10; flex-direction: column;&#13;&#10; padding: clamp(32px, 4.4vw, 62px) clamp(24px, 4vw, 62px);&#13;&#10;}&#13;&#10;.mh-stage__col-alt {&#13;&#10; border-left: 1px solid var(--mh-stage-bar);&#13;&#10; background: var(--mh-stage-tint);&#13;&#10;}&#13;&#10;.mh-stage__name {&#13;&#10; margin: 0;&#13;&#10; font-family: var(--base-font-head, var(--base-font, 'Noto Sans KR', sans-serif));&#13;&#10; font-size: clamp(20px, 1.6vw, 24px);&#13;&#10; font-weight: 700;&#13;&#10; letter-spacing: -0.02em;&#13;&#10;}&#13;&#10;.mh-stage__fit {&#13;&#10; margin: 9px 0 0;&#13;&#10; max-width: 25.5em;&#13;&#10; font-size: 14px;&#13;&#10; line-height: 1.75;&#13;&#10; color: var(--mh-stage-soft);&#13;&#10;}&#13;&#10;.mh-stage__price {&#13;&#10; display: flex;&#13;&#10; align-items: baseline;&#13;&#10; flex-wrap: wrap;&#13;&#10; gap: 4px 14px;&#13;&#10; margin: clamp(34px, 4vw, 52px) 0 clamp(30px, 3.4vw, 44px);&#13;&#10; position: relative;&#13;&#10; transition: opacity 0.2s ease, transform 0.2s ease;&#13;&#10;}&#13;&#10;.mh-stage__amount {&#13;&#10; font-size: clamp(38px, 5.6vw, 74px);&#13;&#10; font-weight: 900;&#13;&#10; line-height: 0.95;&#13;&#10; letter-spacing: -0.05em;&#13;&#10; font-variant-numeric: tabular-nums;&#13;&#10; overflow-wrap: anywhere;&#13;&#10;}&#13;&#10;.mh-stage__per {&#13;&#10; font-size: 16px;&#13;&#10; font-weight: 300;&#13;&#10; color: var(--mh-stage-soft);&#13;&#10;}&#13;&#10;.mh-stage__set {&#13;&#10; display: inline-flex;&#13;&#10; align-items: baseline;&#13;&#10; flex-wrap: wrap;&#13;&#10; gap: 4px 12px;&#13;&#10;}&#13;&#10;[data-mh-stage-y],&#13;&#10;[data-mh-stage-mode="y"] [data-mh-stage-m] {&#13;&#10; position: absolute;&#13;&#10; left: 0;&#13;&#10; top: 0;&#13;&#10; visibility: hidden;&#13;&#10; opacity: 0;&#13;&#10;}&#13;&#10;[data-mh-stage-mode="y"] [data-mh-stage-y] {&#13;&#10; position: static;&#13;&#10; visibility: visible;&#13;&#10; opacity: 1;&#13;&#10;}&#13;&#10;[data-mh-stage-x="1"] .mh-stage__price {&#13;&#10; opacity: 0;&#13;&#10; transform: translateY(10px);&#13;&#10;}&#13;&#10;.mh-stage__list {&#13;&#10; display: flex;&#13;&#10; flex-direction: column;&#13;&#10; margin: 0 0 clamp(36px, 3.6vw, 46px);&#13;&#10; padding: 0;&#13;&#10; list-style: none;&#13;&#10; border-top: 1px solid var(--mh-stage-bar);&#13;&#10;}&#13;&#10;.mh-stage__li {&#13;&#10; display: flex;&#13;&#10; align-items: flex-start;&#13;&#10; gap: 12px;&#13;&#10; padding: 14px 0;&#13;&#10; border-bottom: 1px solid var(--mh-stage-bar);&#13;&#10; font-size: 14px;&#13;&#10; line-height: 1.65;&#13;&#10;}&#13;&#10;.mh-stage__check {&#13;&#10; flex-shrink: 0;&#13;&#10; width: 18px;&#13;&#10; height: 20px;&#13;&#10; margin-top: 3px;&#13;&#10; fill: none;&#13;&#10; stroke: var(--mh-stage-acc);&#13;&#10; stroke-width: 1.5;&#13;&#10; stroke-linecap: round;&#13;&#10; stroke-linejoin: round;&#13;&#10;}&#13;&#10;.mh-stage__go {&#13;&#10; display: inline-flex;&#13;&#10; align-items: center;&#13;&#10; justify-content: center;&#13;&#10; gap: 12px;&#13;&#10; align-self: flex-start;&#13;&#10; margin-top: auto;&#13;&#10; min-height: 52px;&#13;&#10; padding: 0 32px;&#13;&#10; border: 1px solid transparent;&#13;&#10; border-radius: var(--base-btn-r, 1026px);&#13;&#10; font-size: 16px;&#13;&#10; font-weight: 700;&#13;&#10; text-decoration: none;&#13;&#10; transition: transform 0.35s ease, border-color 0.3s ease;&#13;&#10;}&#13;&#10;.mh-stage__go:hover {&#13;&#10; transform: translateY(-2px);&#13;&#10;}&#13;&#10;.mh-stage__go:focus-visible {&#13;&#10; outline: 2px solid var(--mh-stage-color);&#13;&#10; outline-offset: 3px;&#13;&#10;}&#13;&#10;.mh-stage__go-main {&#13;&#10; background: var(--mh-stage-btn-bg);&#13;&#10; color: var(--mh-stage-btn-color);&#13;&#10;}&#13;&#10;.mh-stage__go-sub {&#13;&#10; border-color: var(--mh-stage-bar);&#13;&#10; color: var(--mh-stage-color);&#13;&#10;}&#13;&#10;.mh-stage__go-sub:hover {&#13;&#10; border-color: var(--mh-stage-color);&#13;&#10;}&#13;&#10;.mh-stage__arrow {&#13;&#10; position: relative;&#13;&#10; width: 16px;&#13;&#10; height: 1.5px;&#13;&#10; background: currentColor;&#13;&#10; transition: width 0.25s ease;&#13;&#10;}&#13;&#10;.mh-stage__arrow::after {&#13;&#10; content: '';&#13;&#10; position: absolute;&#13;&#10; right: 0;&#13;&#10; top: -3px;&#13;&#10; width: 6px;&#13;&#10; height: 6px;&#13;&#10; border-top: 1.5px solid currentColor;&#13;&#10; border-right: 1.5px solid currentColor;&#13;&#10; transform: rotate(45deg);&#13;&#10;}&#13;&#10;.mh-stage__go:hover .mh-stage__arrow {&#13;&#10; width: 20px;&#13;&#10;}&#13;&#10;[data-mh-stage-reveal] {&#13;&#10; transition: opacity 0.9s cubic-bezier(0.16, 1, 0.3, 1), transform 1.1s cubic-bezier(0.16, 1, 0.3, 1);&#13;&#10;}&#13;&#10;[data-mh-stage-state="0"] [data-mh-stage-reveal] {&#13;&#10; opacity: 0;&#13;&#10; transform: translateY(32px);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;@media (max-width: 774px) {&#13;&#10; .mh-stage__frame {&#13;&#10; grid-template-columns: 1fr;&#13;&#10; }&#13;&#10; .mh-stage__col-alt {&#13;&#10; border-left: 0;&#13;&#10; border-top: 1px solid var(--mh-stage-bar);&#13;&#10; }&#13;&#10;}&#13;&#10;&#13;&#10;&#13;&#10;&#13;&#10;&#13;&#10;.mh-sheet {&#13;&#10; --mh-sheet-bg: var(--base-bg, #f6f6ef);&#13;&#10; --mh-sheet-color: var(--base-p, #140e0e);&#13;&#10; --mh-sheet-soft: rgba(16, 18, 17, 0.7);&#13;&#10; --mh-sheet-bar: rgba(14, 16, 17, 0.14);&#13;&#10; --mh-sheet-panel: #fffdff;&#13;&#10; --mh-sheet-acc: var(--base-main, #fd6c1f);&#13;&#10; position: relative;&#13;&#10; box-sizing: border-box;&#13;&#10; padding: clamp(68px, 9vw, 118px) 18px clamp(80px, 10.5vw, 160px);&#13;&#10; background: var(--mh-sheet-bg);&#13;&#10; color: var(--mh-sheet-color);&#13;&#10; font-family: var(--base-font, 'Noto Sans KR', sans-serif);&#13;&#10; word-break: keep-all;&#13;&#10;}&#13;&#10;.mh-sheet[data-mh-sheet-scheme="dark"] {&#13;&#10; --mh-sheet-bg: var(--base-deep, #0b0a10);&#13;&#10; --mh-sheet-color: #f3f4ed;&#13;&#10; --mh-sheet-soft: rgba(243, 244, 240, 0.7);&#13;&#10; --mh-sheet-bar: rgba(243, 241, 237, 0.16);&#13;&#10; --mh-sheet-panel: #19171b;&#13;&#10;}&#13;&#10;.mh-sheet__wrap {&#13;&#10; max-width: var(--base-width, 1188px);&#13;&#10; margin: 0 auto;&#13;&#10;}&#13;&#10;.mh-sheet__head {&#13;&#10; display: flex;&#13;&#10; flex-wrap: wrap;&#13;&#10; align-items: flex-end;&#13;&#10; justify-content: space-between;&#13;&#10; gap: 24px 48px;&#13;&#10; margin-bottom: clamp(40px, 5.4vw, 78px);&#13;&#10;}&#13;&#10;.mh-sheet__intro {&#13;&#10; max-width: 628px;&#13;&#10;}&#13;&#10;.mh-sheet__ttl {&#13;&#10; margin: 0;&#13;&#10; font-family: var(--base-font-head, var(--base-font, 'Noto Sans KR', sans-serif));&#13;&#10; font-size: clamp(28px, 3.9vw, 50px);&#13;&#10; font-weight: 800;&#13;&#10; line-height: 1.2;&#13;&#10; letter-spacing: -0.04em;&#13;&#10;}&#13;&#10;.mh-sheet__body {&#13;&#10; margin: 18px 0 0;&#13;&#10; max-width: 30.625em;&#13;&#10; font-size: clamp(16px, 1.15vw, 18px);&#13;&#10; line-height: 1.85;&#13;&#10; color: var(--mh-sheet-soft);&#13;&#10;}&#13;&#10;.mh-sheet__next {&#13;&#10; display: inline-flex;&#13;&#10; align-items: center;&#13;&#10; gap: 12px;&#13;&#10; min-height: 48px;&#13;&#10; padding: 0 24px;&#13;&#10; border: 1px solid var(--mh-sheet-bar);&#13;&#10; border-radius: var(--base-btn-r, 1050px);&#13;&#10; color: inherit;&#13;&#10; font-size: 14px;&#13;&#10; font-weight: 700;&#13;&#10; text-decoration: none;&#13;&#10; transition: border-color 0.3s ease;&#13;&#10;}&#13;&#10;.mh-sheet__next:hover {&#13;&#10; border-color: var(--mh-sheet-color);&#13;&#10;}&#13;&#10;.mh-sheet__next:focus-visible {&#13;&#10; outline: 2px solid var(--mh-sheet-color);&#13;&#10; outline-offset: 3px;&#13;&#10;}&#13;&#10;.mh-sheet__list {&#13;&#10; display: flex;&#13;&#10; flex-direction: column;&#13;&#10; gap: 12px;&#13;&#10; margin: 0;&#13;&#10; padding: 0;&#13;&#10; list-style: none;&#13;&#10;}&#13;&#10;.mh-sheet__entry {&#13;&#10; display: grid;&#13;&#10; grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.25fr) 40px;&#13;&#10; align-items: center;&#13;&#10; gap: 20px clamp(26px, 4vw, 58px);&#13;&#10; padding: clamp(28px, 3vw, 40px) clamp(22px, 3.4vw, 42px);&#13;&#10; border-radius: var(--base-r, 14px);&#13;&#10; background: var(--mh-sheet-panel);&#13;&#10;}&#13;&#10;.mh-sheet__start {&#13;&#10; display: flex;&#13;&#10; align-items: center;&#13;&#10; gap: 18px;&#13;&#10;}&#13;&#10;.mh-sheet__dash {&#13;&#10; flex-shrink: 0;&#13;&#10; width: 20px;&#13;&#10; height: 2px;&#13;&#10; background: var(--mh-sheet-acc);&#13;&#10; transition: width 0.6s cubic-bezier(0.16, 1, 0.3, 1);&#13;&#10;}&#13;&#10;.mh-sheet__name {&#13;&#10; margin: 0;&#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.025em;&#13;&#10;}&#13;&#10;.mh-sheet__p {&#13;&#10; margin: 0;&#13;&#10; padding-left: clamp(24px, 3vw, 38px);&#13;&#10; border-left: 1px solid var(--mh-sheet-bar);&#13;&#10; font-size: 14px;&#13;&#10; line-height: 1.7;&#13;&#10; color: var(--mh-sheet-soft);&#13;&#10;}&#13;&#10;.mh-sheet__arrow {&#13;&#10; position: relative;&#13;&#10; justify-self: end;&#13;&#10; width: 24px;&#13;&#10; height: 1.5px;&#13;&#10; background: currentColor;&#13;&#10; transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);&#13;&#10;}&#13;&#10;.mh-sheet__arrow::after {&#13;&#10; content: '';&#13;&#10; position: absolute;&#13;&#10; right: 0;&#13;&#10; top: -3.5px;&#13;&#10; width: 7px;&#13;&#10; height: 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;.mh-sheet__entry:hover .mh-sheet__dash {&#13;&#10; width: 34px;&#13;&#10;}&#13;&#10;.mh-sheet__entry:hover .mh-sheet__arrow {&#13;&#10; transform: translateX(8px);&#13;&#10;}&#13;&#10;[data-mh-sheet-reveal] {&#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-mh-sheet-state="0"] [data-mh-sheet-reveal] {&#13;&#10; opacity: 0;&#13;&#10; transform: translateY(24px);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;@media (max-width: 798px) {&#13;&#10; .mh-sheet__entry {&#13;&#10; grid-template-columns: 1fr;&#13;&#10; }&#13;&#10; .mh-sheet__p {&#13;&#10; padding: 18px 0 0;&#13;&#10; border-left: 0;&#13;&#10; border-top: 1px solid var(--mh-sheet-bar);&#13;&#10; }&#13;&#10; .mh-sheet__arrow {&#13;&#10; display: none;&#13;&#10; }&#13;&#10;}&#13;&#10;&#13;&#10;&#13;&#10;&#13;&#10;&#13;&#10;.mh-tier {&#13;&#10; --mh-tier-bg: var(--base-bg, #f3f4f1);&#13;&#10; --mh-tier-color: var(--base-p, #0f1314);&#13;&#10; --mh-tier-soft: rgba(17, 16, 20, 0.7);&#13;&#10; --mh-tier-bar: rgba(18, 18, 20, 0.14);&#13;&#10; --mh-tier-acc: var(--base-main, #fd6b1f);&#13;&#10; position: relative;&#13;&#10; box-sizing: border-box;&#13;&#10; padding: clamp(84px, 11vw, 160px) 18px clamp(84px, 10vw, 128px);&#13;&#10; background: var(--mh-tier-bg);&#13;&#10; color: var(--mh-tier-color);&#13;&#10; font-family: var(--base-font, 'Noto Sans KR', sans-serif);&#13;&#10; word-break: keep-all;&#13;&#10;}&#13;&#10;.mh-tier[data-mh-tier-scheme="dark"] {&#13;&#10; --mh-tier-bg: var(--base-deep, #090e0b);&#13;&#10; --mh-tier-color: #f3efee;&#13;&#10; --mh-tier-soft: rgba(246, 240, 238, 0.7);&#13;&#10; --mh-tier-bar: rgba(241, 240, 237, 0.16);&#13;&#10;}&#13;&#10;.mh-tier__wrap {&#13;&#10; max-width: var(--base-width, 1294px);&#13;&#10; margin: 0 auto;&#13;&#10;}&#13;&#10;.mh-tier__head {&#13;&#10; display: grid;&#13;&#10; grid-template-columns: 1.4fr 1fr;&#13;&#10; gap: clamp(24px, 5vw, 86px);&#13;&#10; align-items: end;&#13;&#10; margin-bottom: clamp(48px, 6vw, 90px);&#13;&#10;}&#13;&#10;.mh-tier__pre {&#13;&#10; display: flex;&#13;&#10; align-items: center;&#13;&#10; gap: 12px;&#13;&#10; margin: 0 0 clamp(24px, 3vw, 36px);&#13;&#10; font-size: 14px;&#13;&#10; font-weight: 500;&#13;&#10; letter-spacing: 0.02em;&#13;&#10; color: var(--mh-tier-soft);&#13;&#10;}&#13;&#10;.mh-tier__dash {&#13;&#10; width: 22px;&#13;&#10; height: 1px;&#13;&#10; background: var(--mh-tier-acc);&#13;&#10; flex-shrink: 0;&#13;&#10;}&#13;&#10;.mh-tier__ttl {&#13;&#10; margin: 0;&#13;&#10; font-family: var(--base-font-head, var(--base-font, 'Noto Sans KR', sans-serif));&#13;&#10; font-size: clamp(30px, 4.6vw, 58px);&#13;&#10; font-weight: 800;&#13;&#10; line-height: 1.15;&#13;&#10; letter-spacing: -0.042em;&#13;&#10;}&#13;&#10;.mh-tier__body {&#13;&#10; margin: 0;&#13;&#10; max-width: 24.625em;&#13;&#10; font-size: clamp(16px, 1.15vw, 20px);&#13;&#10; line-height: 1.85;&#13;&#10; color: var(--mh-tier-soft);&#13;&#10;}&#13;&#10;.mh-tier__list {&#13;&#10; margin: 0;&#13;&#10; padding: 0;&#13;&#10; list-style: none;&#13;&#10; border-bottom: 1px solid var(--mh-tier-bar);&#13;&#10;}&#13;&#10;.mh-tier__entry {&#13;&#10; position: relative;&#13;&#10; border-top: 1px solid var(--mh-tier-bar);&#13;&#10;}&#13;&#10;.mh-tier__mark {&#13;&#10; position: absolute;&#13;&#10; left: 0;&#13;&#10; top: -1px;&#13;&#10; width: 100%;&#13;&#10; height: 1px;&#13;&#10; background: var(--mh-tier-acc);&#13;&#10; transform: scaleX(0);&#13;&#10; transform-origin: 0 50%;&#13;&#10; transition: transform 1s cubic-bezier(0.16, 1, 0.3, 1);&#13;&#10;}&#13;&#10;[data-mh-tier-o="1"] .mh-tier__mark {&#13;&#10; transform: scaleX(1);&#13;&#10;}&#13;&#10;.mh-tier__q-shell {&#13;&#10; margin: 0;&#13;&#10; font-size: inherit;&#13;&#10; font-weight: inherit;&#13;&#10;}&#13;&#10;.mh-tier__q {&#13;&#10; display: grid;&#13;&#10; grid-template-columns: 1fr auto;&#13;&#10; gap: 26px;&#13;&#10; align-items: center;&#13;&#10; width: 100%;&#13;&#10; margin: 0;&#13;&#10; padding: clamp(22px, 2.8vw, 36px) 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;.mh-tier__q-p {&#13;&#10; font-size: clamp(18px, 1.75vw, 24px);&#13;&#10; font-weight: 600;&#13;&#10; line-height: 1.4;&#13;&#10; letter-spacing: -0.02em;&#13;&#10;}&#13;&#10;.mh-tier__q:focus-visible {&#13;&#10; outline: 2px solid var(--mh-tier-color);&#13;&#10; outline-offset: 4px;&#13;&#10;}&#13;&#10;.mh-tier__ico {&#13;&#10; position: relative;&#13;&#10; width: 42px;&#13;&#10; height: 46px;&#13;&#10; border: 1px solid var(--mh-tier-bar);&#13;&#10; border-radius: 50%;&#13;&#10; transition: border-color 0.3s ease, transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);&#13;&#10;}&#13;&#10;.mh-tier__q:hover .mh-tier__ico {&#13;&#10; border-color: var(--mh-tier-color);&#13;&#10;}&#13;&#10;.mh-tier__bar {&#13;&#10; position: absolute;&#13;&#10; left: 50%;&#13;&#10; top: 50%;&#13;&#10; width: 14px;&#13;&#10; height: 1.5px;&#13;&#10; margin: -0.75px 0 0 -7px;&#13;&#10; background: currentColor;&#13;&#10; transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);&#13;&#10;}&#13;&#10;[data-mh-tier-o="0"] .mh-tier__bar-v {&#13;&#10; transform: rotate(90deg);&#13;&#10;}&#13;&#10;.mh-tier__a {&#13;&#10; display: grid;&#13;&#10; grid-template-rows: 1fr;&#13;&#10; transition: grid-template-rows 0.75s cubic-bezier(0.16, 1, 0.3, 1), visibility 0s linear 0s;&#13;&#10;}&#13;&#10;[data-mh-tier-o="0"] .mh-tier__a {&#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.75s;&#13;&#10;}&#13;&#10;.mh-tier__a-in {&#13;&#10; min-height: 0;&#13;&#10; overflow: hidden;&#13;&#10;}&#13;&#10;.mh-tier__a-p {&#13;&#10; max-width: 39.625em;&#13;&#10; margin: 0;&#13;&#10; padding: 0 66px clamp(26px, 3vw, 44px) 0;&#13;&#10; font-size: clamp(14px, 1.1vw, 18px);&#13;&#10; line-height: 1.9;&#13;&#10; color: var(--mh-tier-soft);&#13;&#10;}&#13;&#10;[data-mh-tier-r] {&#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;}&#13;&#10;[data-mh-tier-state="0"] [data-mh-tier-r] {&#13;&#10; opacity: 0;&#13;&#10; transform: translateY(28px);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;@media (max-width: 768px) {&#13;&#10; .mh-tier__head {&#13;&#10; grid-template-columns: 1fr;&#13;&#10; }&#13;&#10;}&#13;&#10;@media (max-width: 602px) {&#13;&#10; .mh-tier__ico {&#13;&#10; width: 38px;&#13;&#10; height: 38px;&#13;&#10; }&#13;&#10; .mh-tier__a-p {&#13;&#10; padding-right: 0;&#13;&#10; }&#13;&#10;}&#13;&#10;&#13;&#10;&#13;&#10;&#13;&#10;&#13;&#10;.mh-cell {&#13;&#10; --mh-cell-bg: var(--base-bg, #f7f2f3);&#13;&#10; --mh-cell-color: var(--base-p, #141311);&#13;&#10; --mh-cell-soft: rgba(14, 16, 16, 0.7);&#13;&#10; --mh-cell-bar: rgba(14, 15, 20, 0.16);&#13;&#10; --mh-cell-plane: rgba(16, 14, 15, 0.045);&#13;&#10; --mh-cell-acc: var(--base-main, #fc6a21);&#13;&#10; --mh-cell-btn-bg: #14110e;&#13;&#10; --mh-cell-btn-color: #fdfffe;&#13;&#10; position: relative;&#13;&#10; box-sizing: border-box;&#13;&#10; padding: clamp(96px, 11.5vw, 154px) 22px clamp(88px, 10vw, 148px);&#13;&#10; background: var(--mh-cell-bg);&#13;&#10; color: var(--mh-cell-color);&#13;&#10; font-family: var(--base-font, 'Noto Sans KR', sans-serif);&#13;&#10; word-break: keep-all;&#13;&#10; overflow: hidden;&#13;&#10;}&#13;&#10;.mh-cell[data-mh-cell-scheme="dark"] {&#13;&#10; --mh-cell-bg: var(--base-deep, #0e0d0c);&#13;&#10; --mh-cell-color: #f7f2eb;&#13;&#10; --mh-cell-soft: rgba(247, 245, 234, 0.7);&#13;&#10; --mh-cell-bar: rgba(245, 241, 234, 0.18);&#13;&#10; --mh-cell-plane: rgba(245, 239, 235, 0.05);&#13;&#10; --mh-cell-btn-bg: #f5efed;&#13;&#10; --mh-cell-btn-color: #0b0d0e;&#13;&#10;}&#13;&#10;.mh-cell__plane {&#13;&#10; position: absolute;&#13;&#10; inset: 0;&#13;&#10; background: var(--mh-cell-plane);&#13;&#10; clip-path: polygon(64% 0, 100% 0, 100% 100%, 48% 100%);&#13;&#10; pointer-events: none;&#13;&#10;}&#13;&#10;.mh-cell__edge {&#13;&#10; position: absolute;&#13;&#10; inset: 0;&#13;&#10; width: 100%;&#13;&#10; height: 100%;&#13;&#10; pointer-events: none;&#13;&#10;}&#13;&#10;.mh-cell__edge-bar {&#13;&#10; fill: none;&#13;&#10; stroke: var(--mh-cell-acc);&#13;&#10; stroke-width: 1;&#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;[data-mh-cell-state="0"] .mh-cell__edge-bar {&#13;&#10; stroke-dashoffset: 1;&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;.mh-cell__wrap {&#13;&#10; position: relative;&#13;&#10; max-width: var(--base-width, 1088px);&#13;&#10; margin: 0 auto;&#13;&#10; display: grid;&#13;&#10; grid-template-columns: 1.4fr 1fr;&#13;&#10; gap: clamp(46px, 7vw, 102px);&#13;&#10; align-items: center;&#13;&#10;}&#13;&#10;.mh-cell__ttl {&#13;&#10; max-width: 9.375em;&#13;&#10; margin: 0;&#13;&#10; font-family: var(--base-font-head, var(--base-font, 'Noto Sans KR', sans-serif));&#13;&#10; font-size: clamp(34px, 5.2vw, 76px);&#13;&#10; font-weight: 900;&#13;&#10; line-height: 1.2;&#13;&#10; letter-spacing: -0.045em;&#13;&#10;}&#13;&#10;.mh-cell__body {&#13;&#10; max-width: 26.375em;&#13;&#10; margin: clamp(20px, 2.8vw, 30px) 0 0;&#13;&#10; font-size: clamp(16px, 1.2vw, 16px);&#13;&#10; font-weight: 400;&#13;&#10; line-height: 1.9;&#13;&#10; color: var(--mh-cell-soft);&#13;&#10;}&#13;&#10;.mh-cell__go {&#13;&#10; display: inline-flex;&#13;&#10; align-items: center;&#13;&#10; gap: 16px;&#13;&#10; min-height: 54px;&#13;&#10; margin-top: clamp(30px, 4vw, 50px);&#13;&#10; padding: 0 30px;&#13;&#10; box-sizing: border-box;&#13;&#10; border-radius: var(--base-btn-r, 1096px);&#13;&#10; background: var(--mh-cell-btn-bg);&#13;&#10; color: var(--mh-cell-btn-color);&#13;&#10; font-size: 16px;&#13;&#10; font-weight: 700;&#13;&#10; text-decoration: none;&#13;&#10; white-space: nowrap;&#13;&#10; transition: transform 0.3s ease;&#13;&#10;}&#13;&#10;.mh-cell__go:hover {&#13;&#10; transform: translateY(-2px);&#13;&#10;}&#13;&#10;.mh-cell__go:focus-visible {&#13;&#10; outline: 2px solid var(--mh-cell-color);&#13;&#10; outline-offset: 3px;&#13;&#10;}&#13;&#10;.mh-cell__arrow {&#13;&#10; position: relative;&#13;&#10; width: 18px;&#13;&#10; height: 1.5px;&#13;&#10; background: currentColor;&#13;&#10; transition: width 0.3s ease;&#13;&#10;}&#13;&#10;.mh-cell__arrow::after {&#13;&#10; content: '';&#13;&#10; position: absolute;&#13;&#10; right: 0;&#13;&#10; top: -3px;&#13;&#10; width: 6px;&#13;&#10; height: 6px;&#13;&#10; border-top: 1.5px solid currentColor;&#13;&#10; border-right: 1.5px solid currentColor;&#13;&#10; transform: rotate(45deg);&#13;&#10;}&#13;&#10;.mh-cell__go:hover .mh-cell__arrow {&#13;&#10; width: 26px;&#13;&#10;}&#13;&#10;.mh-cell__proof {&#13;&#10; display: flex;&#13;&#10; flex-direction: column;&#13;&#10; align-items: center;&#13;&#10; text-align: center;&#13;&#10;}&#13;&#10;.mh-cell__rating {&#13;&#10; display: flex;&#13;&#10; flex-direction: column;&#13;&#10; align-items: center;&#13;&#10; justify-content: center;&#13;&#10; width: clamp(96px, 9vw, 114px);&#13;&#10; aspect-ratio: 1;&#13;&#10; margin-bottom: clamp(28px, 3vw, 40px);&#13;&#10; border: 1px solid var(--mh-cell-bar);&#13;&#10; border-radius: 50%;&#13;&#10;}&#13;&#10;.mh-cell__rating-score {&#13;&#10; font-size: clamp(26px, 2.2vw, 32px);&#13;&#10; font-weight: 800;&#13;&#10; line-height: 0.95;&#13;&#10; letter-spacing: -0.03em;&#13;&#10;}&#13;&#10;.mh-cell__rating-scale {&#13;&#10; margin-top: 6px;&#13;&#10; font-size: 12px;&#13;&#10; font-weight: 400;&#13;&#10; color: var(--mh-cell-soft);&#13;&#10;}&#13;&#10;.mh-cell__big {&#13;&#10; font-family: var(--base-font-head, var(--base-font, 'Noto Sans KR', sans-serif));&#13;&#10; font-size: clamp(60px, 7.4vw, 114px);&#13;&#10; font-weight: 900;&#13;&#10; line-height: 0.95;&#13;&#10; letter-spacing: -0.05em;&#13;&#10;}&#13;&#10;.mh-cell__big-caption {&#13;&#10; margin-top: 14px;&#13;&#10; font-size: 16px;&#13;&#10; font-weight: 500;&#13;&#10; color: var(--mh-cell-soft);&#13;&#10;}&#13;&#10;[data-mh-cell-reveal] {&#13;&#10; transition: opacity 1.15s cubic-bezier(0.16, 1, 0.3, 1), transform 1.1s cubic-bezier(0.16, 1, 0.3, 1);&#13;&#10;}&#13;&#10;[data-mh-cell-state="0"] [data-mh-cell-reveal] {&#13;&#10; opacity: 0;&#13;&#10; transform: translateY(30px);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;@media (max-width: 786px) {&#13;&#10; .mh-cell__wrap {&#13;&#10; grid-template-columns: 1fr;&#13;&#10; }&#13;&#10; .mh-cell__plane {&#13;&#10; clip-path: polygon(0 66%, 100% 54%, 100% 100%, 0 100%);&#13;&#10; }&#13;&#10; .mh-cell__edge {&#13;&#10; display: none;&#13;&#10; }&#13;&#10; .mh-cell__proof {&#13;&#10; align-items: flex-start;&#13;&#10; text-align: left;&#13;&#10; }&#13;&#10;}&#13;&#10;@media (max-width: 532px) {&#13;&#10; .mh-cell__go {&#13;&#10; width: 100%;&#13;&#10; justify-content: center;&#13;&#10; }&#13;&#10;}&#13;&#10;&#13;&#10;&lt;/style&gt;&#13;&#10;&#13;&#10;&lt;section class="mh-frame" data-mh-frame="" data-mh-frame-scheme="light"&gt;&#13;&#10;&lt;div class="mh-frame__wrap"&gt;&#13;&#10;&lt;div class="mh-frame__top"&gt;&#13;&#10;&lt;p class="mh-frame__pre mh-pre" data-mh-frame-reveal=""&gt;&lt;span aria-hidden="true" class="mh-frame__pip"&gt;&lt;/span&gt;비용 기준&lt;/p&gt;&#13;&#10;&lt;h1 class="mh-frame__ttl mh-hero-ttl" data-mh-frame-reveal=""&gt;상위노출 비용이 정해지는 기준&lt;/h1&gt;&#13;&#10;&lt;p class="mh-frame__body mh-body" data-mh-frame-reveal=""&gt;정해진 금액표 대신 사이트를 본 뒤 &lt;a href="./posts/post_006.html"&gt;견적&lt;/a&gt;을 드려요. 금액을 움직이는 요소부터 알려 드릴게요.&lt;/p&gt;&#13;&#10;&lt;/div&gt;&#13;&#10;&lt;div class="mh-frame__frame" data-mh-frame-reveal=""&gt;&#13;&#10;&lt;img alt="선과 점으로 그린 사람 머리 일러스트" class="mh-frame__img" height="686" loading="lazy" src="./img/inner-window.jpg" width="1600"/&gt;&#13;&#10;&lt;/div&gt;&#13;&#10;&lt;p class="mh-frame__cap" data-mh-frame-reveal=""&gt;&lt;span aria-hidden="true" class="mh-frame__cap-bar"&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-mh-frame", "tone": "data-mh-frame-scheme", "state": "data-mh-frame-state", "item": "data-mh-frame-reveal"};&#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>상위노출 상담 신청과 연락처</title><link>https://toppagelab.kr/%EC%83%81%EB%8B%B4%EB%AC%B8%EC%9D%98.html</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://toppagelab.kr/%EC%83%81%EB%8B%B4%EB%AC%B8%EC%9D%98.html</guid><description>&lt;style&gt;&#13;&#10;&#13;&#10;&#13;&#10;.mh-frame {&#13;&#10; --mh-frame-bg: var(--base-bg, #f8f3ef);&#13;&#10; --mh-frame-color: var(--base-p, #10140e);&#13;&#10; --mh-frame-soft: rgba(14, 19, 14, 0.68);&#13;&#10; --mh-frame-frame: rgba(16, 14, 18, 0.08);&#13;&#10; --mh-frame-acc: var(--base-main, #fd6b1c);&#13;&#10; position: relative;&#13;&#10; box-sizing: border-box;&#13;&#10; padding: clamp(156px, 13.5vw, 184px) 22px clamp(48px, 6vw, 86px);&#13;&#10; background: var(--mh-frame-bg);&#13;&#10; color: var(--mh-frame-color);&#13;&#10; font-family: var(--base-font, 'Noto Sans KR', sans-serif);&#13;&#10; word-break: keep-all;&#13;&#10;}&#13;&#10;.mh-frame[data-mh-frame-scheme="dark"] {&#13;&#10; --mh-frame-bg: var(--base-deep, #090a0c);&#13;&#10; --mh-frame-color: #f7efee;&#13;&#10; --mh-frame-soft: rgba(245, 239, 239, 0.7);&#13;&#10; --mh-frame-frame: rgba(247, 244, 237, 0.08);&#13;&#10;}&#13;&#10;.mh-frame__wrap {&#13;&#10; max-width: var(--base-width, 1306px);&#13;&#10; margin: 0 auto;&#13;&#10;}&#13;&#10;.mh-frame__top {&#13;&#10; display: flex;&#13;&#10; flex-direction: column;&#13;&#10; align-items: center;&#13;&#10; text-align: center;&#13;&#10;}&#13;&#10;.mh-frame__pre {&#13;&#10; display: inline-flex;&#13;&#10; align-items: center;&#13;&#10; gap: 10px;&#13;&#10; margin: 0 0 clamp(22px, 2.6vw, 34px);&#13;&#10; font-size: 16px;&#13;&#10; font-weight: 500;&#13;&#10; letter-spacing: 0.02em;&#13;&#10; color: var(--mh-frame-soft);&#13;&#10;}&#13;&#10;.mh-frame__pip {&#13;&#10; width: 6px;&#13;&#10; height: 6px;&#13;&#10; border-radius: 50%;&#13;&#10; background: var(--mh-frame-acc);&#13;&#10;}&#13;&#10;.mh-frame__ttl {&#13;&#10; max-width: 13.125em;&#13;&#10; margin: 0;&#13;&#10; font-family: var(--base-font-head, var(--base-font, 'Noto Sans KR', sans-serif));&#13;&#10; font-size: clamp(38px, 6.2vw, 86px);&#13;&#10; font-weight: 800;&#13;&#10; line-height: 1.15;&#13;&#10; letter-spacing: -0.044em;&#13;&#10;}&#13;&#10;.mh-frame__body {&#13;&#10; max-width: 27.875em;&#13;&#10; margin: clamp(20px, 2.8vw, 32px) 0 0;&#13;&#10; font-size: clamp(16px, 1.3vw, 18px);&#13;&#10; font-weight: 300;&#13;&#10; line-height: 1.85;&#13;&#10; color: var(--mh-frame-soft);&#13;&#10;}&#13;&#10;.mh-frame__frame {&#13;&#10; position: relative;&#13;&#10; margin: clamp(48px, 6.5vw, 94px) 0 0;&#13;&#10; aspect-ratio: 21 / 9;&#13;&#10; border-radius: var(--base-r, 16px);&#13;&#10; background: var(--mh-frame-frame);&#13;&#10; overflow: hidden;&#13;&#10;}&#13;&#10;.mh-frame__img {&#13;&#10; display: block;&#13;&#10; width: 100%;&#13;&#10; height: 100%;&#13;&#10; object-fit: cover;&#13;&#10; transition: transform 1.8s cubic-bezier(0.16, 1, 0.3, 1) 0.3s, opacity 1.25s ease 0.3s;&#13;&#10;}&#13;&#10;.mh-frame__cap {&#13;&#10; display: flex;&#13;&#10; align-items: center;&#13;&#10; gap: 16px;&#13;&#10; margin: 20px 0 0;&#13;&#10; font-size: 14px;&#13;&#10; font-weight: 400;&#13;&#10; color: var(--mh-frame-soft);&#13;&#10;}&#13;&#10;.mh-frame__cap-bar {&#13;&#10; width: 30px;&#13;&#10; height: 1px;&#13;&#10; background: var(--mh-frame-acc);&#13;&#10; flex-shrink: 0;&#13;&#10;}&#13;&#10;[data-mh-frame-reveal] {&#13;&#10; transition: opacity 1s cubic-bezier(0.16, 1, 0.3, 1), transform 1s cubic-bezier(0.16, 1, 0.3, 1);&#13;&#10;}&#13;&#10;[data-mh-frame-state="0"] [data-mh-frame-reveal] {&#13;&#10; opacity: 0;&#13;&#10; transform: translateY(24px);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;[data-mh-frame-state="0"] .mh-frame__img {&#13;&#10; opacity: 0;&#13;&#10; transform: scale(1.08);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;@media (max-width: 606px) {&#13;&#10; .mh-frame__frame {&#13;&#10; aspect-ratio: 4 / 3;&#13;&#10; }&#13;&#10;}&#13;&#10;&#13;&#10;&#13;&#10;&#13;&#10;&#13;&#10;.mh-span {&#13;&#10; --mh-span-bg: var(--base-bg, #f5f5f2);&#13;&#10; --mh-span-color: var(--base-p, #0e1014);&#13;&#10; --mh-span-soft: rgba(14, 17, 19, 0.7);&#13;&#10; --mh-span-bar: rgba(20, 17, 14, 0.14);&#13;&#10; --mh-span-acc: var(--base-main, #fc6a1f);&#13;&#10; position: relative;&#13;&#10; box-sizing: border-box;&#13;&#10; padding: clamp(86px, 12vw, 188px) 20px clamp(78px, 9vw, 114px);&#13;&#10; background: var(--mh-span-bg);&#13;&#10; color: var(--mh-span-color);&#13;&#10; font-family: var(--base-font, 'Noto Sans KR', sans-serif);&#13;&#10; word-break: keep-all;&#13;&#10; overflow: hidden;&#13;&#10;}&#13;&#10;.mh-span[data-mh-span-scheme="dark"] {&#13;&#10; --mh-span-bg: var(--base-deep, #0f090d);&#13;&#10; --mh-span-color: #f6f0ea;&#13;&#10; --mh-span-soft: rgba(242, 242, 236, 0.7);&#13;&#10; --mh-span-bar: rgba(246, 243, 235, 0.16);&#13;&#10;}&#13;&#10;.mh-span__wrap {&#13;&#10; max-width: var(--base-width, 1256px);&#13;&#10; margin: 0 auto;&#13;&#10;}&#13;&#10;.mh-span__top {&#13;&#10; display: grid;&#13;&#10; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);&#13;&#10; gap: 22px clamp(30px, 6vw, 88px);&#13;&#10; align-items: end;&#13;&#10;}&#13;&#10;.mh-span__ttl {&#13;&#10; margin: 0;&#13;&#10; max-width: 11.875em;&#13;&#10; font-family: var(--base-font-head, var(--base-font, 'Noto Sans KR', sans-serif));&#13;&#10; font-size: clamp(24px, 2.6vw, 34px);&#13;&#10; font-weight: 700;&#13;&#10; line-height: 1.3;&#13;&#10; letter-spacing: -0.035em;&#13;&#10;}&#13;&#10;.mh-span__body {&#13;&#10; justify-self: end;&#13;&#10; max-width: 26em;&#13;&#10; margin: 0;&#13;&#10; font-size: clamp(16px, 1.15vw, 18px);&#13;&#10; font-weight: 400;&#13;&#10; line-height: 1.8;&#13;&#10; color: var(--mh-span-soft);&#13;&#10;}&#13;&#10;.mh-span__call {&#13;&#10; position: relative;&#13;&#10; display: block;&#13;&#10; margin-top: clamp(36px, 6vw, 82px);&#13;&#10; padding-bottom: clamp(18px, 2.4vw, 34px);&#13;&#10; color: inherit;&#13;&#10; text-decoration: none;&#13;&#10;}&#13;&#10;.mh-span__call:focus-visible {&#13;&#10; outline: 2px solid var(--mh-span-color);&#13;&#10; outline-offset: 7px;&#13;&#10;}&#13;&#10;.mh-span__mask {&#13;&#10; display: block;&#13;&#10; overflow: hidden;&#13;&#10; padding: 0.04em 0 0.08em;&#13;&#10;}&#13;&#10;.mh-span__tel {&#13;&#10; display: block;&#13;&#10; font-family: var(--base-font-head, var(--base-font, 'Noto Sans KR', sans-serif));&#13;&#10; font-size: clamp(36px, 10.4vw, 162px);&#13;&#10; font-weight: 800;&#13;&#10; line-height: 0.95;&#13;&#10; letter-spacing: -0.045em;&#13;&#10; white-space: nowrap;&#13;&#10; font-variant-numeric: tabular-nums;&#13;&#10; transition: transform 1.05s cubic-bezier(0.16, 1, 0.3, 1) 0.2s, opacity 0.65s ease 0.2s;&#13;&#10;}&#13;&#10;.mh-span__base {&#13;&#10; position: absolute;&#13;&#10; left: 0;&#13;&#10; right: 0;&#13;&#10; bottom: 0;&#13;&#10; height: 1px;&#13;&#10; background: var(--mh-span-bar);&#13;&#10; transform-origin: 0 50%;&#13;&#10; transition: transform 1.4s cubic-bezier(0.16, 1, 0.3, 1);&#13;&#10;}&#13;&#10;.mh-span__level {&#13;&#10; position: absolute;&#13;&#10; left: 0;&#13;&#10; bottom: 0;&#13;&#10; width: 100%;&#13;&#10; height: 2px;&#13;&#10; background: var(--mh-span-acc);&#13;&#10; transform: scaleX(0.12);&#13;&#10; transform-origin: 0 50%;&#13;&#10; transition: transform 1s cubic-bezier(0.16, 1, 0.3, 1);&#13;&#10;}&#13;&#10;.mh-span__call:hover .mh-span__level,&#13;&#10;.mh-span__call:focus-visible .mh-span__level {&#13;&#10; transform: scaleX(1);&#13;&#10;}&#13;&#10;.mh-span__hint {&#13;&#10; position: absolute;&#13;&#10; right: 0;&#13;&#10; bottom: clamp(24px, 3.2vw, 44px);&#13;&#10; display: flex;&#13;&#10; align-items: center;&#13;&#10; gap: 12px;&#13;&#10; font-size: 14px;&#13;&#10; font-weight: 600;&#13;&#10; color: var(--mh-span-soft);&#13;&#10;}&#13;&#10;.mh-span__arrow {&#13;&#10; position: relative;&#13;&#10; width: 22px;&#13;&#10; height: 1.5px;&#13;&#10; background: currentColor;&#13;&#10; transition: width 0.3s ease;&#13;&#10;}&#13;&#10;.mh-span__arrow::after {&#13;&#10; content: '';&#13;&#10; position: absolute;&#13;&#10; right: 0;&#13;&#10; top: -3px;&#13;&#10; width: 6px;&#13;&#10; height: 6px;&#13;&#10; border-top: 1.5px solid currentColor;&#13;&#10; border-right: 1.5px solid currentColor;&#13;&#10; transform: rotate(45deg);&#13;&#10;}&#13;&#10;.mh-span__call:hover .mh-span__arrow {&#13;&#10; width: 28px;&#13;&#10;}&#13;&#10;.mh-span__meta {&#13;&#10; display: grid;&#13;&#10; grid-template-columns: repeat(3, minmax(0, 1fr));&#13;&#10; margin: clamp(40px, 4.4vw, 64px) 0 0;&#13;&#10; padding: 0;&#13;&#10;}&#13;&#10;.mh-span__cell {&#13;&#10; display: flex;&#13;&#10; flex-direction: column;&#13;&#10; gap: 9px;&#13;&#10; padding: 4px clamp(18px, 2.4vw, 36px);&#13;&#10; border-left: 1px solid var(--mh-span-bar);&#13;&#10;}&#13;&#10;.mh-span__cell-head {&#13;&#10; margin: 0;&#13;&#10; display: flex;&#13;&#10; align-items: center;&#13;&#10; gap: 9px;&#13;&#10; font-size: 12px;&#13;&#10; font-weight: 500;&#13;&#10; letter-spacing: 0.04em;&#13;&#10; color: var(--mh-span-soft);&#13;&#10;}&#13;&#10;.mh-span__tick {&#13;&#10; width: 5px;&#13;&#10; height: 5px;&#13;&#10; border-radius: 50%;&#13;&#10; background: var(--mh-span-acc);&#13;&#10; flex-shrink: 0;&#13;&#10;}&#13;&#10;.mh-span__cell-content {&#13;&#10; margin: 0;&#13;&#10; font-size: 18px;&#13;&#10; font-weight: 600;&#13;&#10; line-height: 1.55;&#13;&#10; letter-spacing: -0.01em;&#13;&#10;}&#13;&#10;.mh-span__anchor {&#13;&#10; color: inherit;&#13;&#10; text-decoration: underline;&#13;&#10; text-decoration-thickness: 1px;&#13;&#10; text-underline-offset: 5px;&#13;&#10; text-decoration-color: var(--mh-span-bar);&#13;&#10; transition: text-decoration-color 0.35s ease;&#13;&#10;}&#13;&#10;.mh-span__anchor:hover {&#13;&#10; text-decoration-color: currentColor;&#13;&#10;}&#13;&#10;.mh-span__anchor:focus-visible {&#13;&#10; outline: 2px solid var(--mh-span-color);&#13;&#10; outline-offset: 3px;&#13;&#10;}&#13;&#10;[data-mh-span-reveal] {&#13;&#10; transition: opacity 1s cubic-bezier(0.16, 1, 0.3, 1), transform 0.9s cubic-bezier(0.16, 1, 0.3, 1);&#13;&#10;}&#13;&#10;[data-mh-span-state="0"] [data-mh-span-reveal] {&#13;&#10; opacity: 0;&#13;&#10; transform: translateY(24px);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;[data-mh-span-state="0"] .mh-span__tel {&#13;&#10; transform: translateY(104%);&#13;&#10; opacity: 0;&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;[data-mh-span-state="0"] .mh-span__base {&#13;&#10; transform: scaleX(0);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;@media (max-width: 832px) {&#13;&#10; .mh-span__top {&#13;&#10; grid-template-columns: 1fr;&#13;&#10; }&#13;&#10; .mh-span__body {&#13;&#10; justify-self: start;&#13;&#10; }&#13;&#10; .mh-span__hint {&#13;&#10; position: static;&#13;&#10; margin-top: 18px;&#13;&#10; }&#13;&#10; .mh-span__meta {&#13;&#10; grid-template-columns: 1fr;&#13;&#10; gap: 20px;&#13;&#10; }&#13;&#10; .mh-span__cell {&#13;&#10; padding: 0 0 0 20px;&#13;&#10; }&#13;&#10;}&#13;&#10;&#13;&#10;&#13;&#10;&#13;&#10;&#13;&#10;.mh-page {&#13;&#10; --mh-page-bg: var(--base-bg, #f3f2f4);&#13;&#10; --mh-page-color: var(--base-p, #14130e);&#13;&#10; --mh-page-soft: rgba(20, 17, 15, 0.7);&#13;&#10; --mh-page-bar: rgba(18, 14, 17, 0.16);&#13;&#10; --mh-page-acc: var(--base-main, #ff6a1f);&#13;&#10; position: relative;&#13;&#10; box-sizing: border-box;&#13;&#10; padding: clamp(74px, 10.5vw, 146px) 22px clamp(88px, 11vw, 166px);&#13;&#10; background: var(--mh-page-bg);&#13;&#10; color: var(--mh-page-color);&#13;&#10; font-family: var(--base-font, 'Noto Sans KR', sans-serif);&#13;&#10; word-break: keep-all;&#13;&#10;}&#13;&#10;.mh-page[data-mh-page-scheme="dark"] {&#13;&#10; --mh-page-bg: var(--base-deep, #0e0d10);&#13;&#10; --mh-page-color: #f4f3eb;&#13;&#10; --mh-page-soft: rgba(243, 243, 237, 0.7);&#13;&#10; --mh-page-bar: rgba(243, 245, 236, 0.18);&#13;&#10;}&#13;&#10;.mh-page__wrap {&#13;&#10; max-width: var(--base-width, 1312px);&#13;&#10; margin: 0 auto;&#13;&#10;}&#13;&#10;.mh-page__head {&#13;&#10; display: grid;&#13;&#10; grid-template-columns: 1.15fr 1fr;&#13;&#10; gap: clamp(26px, 5vw, 92px);&#13;&#10; align-items: end;&#13;&#10; margin-bottom: clamp(52px, 8vw, 102px);&#13;&#10;}&#13;&#10;.mh-page__pre {&#13;&#10; display: flex;&#13;&#10; align-items: center;&#13;&#10; gap: 14px;&#13;&#10; margin: 0 0 clamp(22px, 3vw, 36px);&#13;&#10; font-size: 14px;&#13;&#10; font-weight: 500;&#13;&#10; letter-spacing: 0.02em;&#13;&#10; color: var(--mh-page-soft);&#13;&#10;}&#13;&#10;.mh-page__pip {&#13;&#10; width: 7px;&#13;&#10; height: 9px;&#13;&#10; border-radius: 50%;&#13;&#10; background: var(--mh-page-acc);&#13;&#10; flex-shrink: 0;&#13;&#10;}&#13;&#10;.mh-page__ttl {&#13;&#10; margin: 0;&#13;&#10; max-width: 14.75em;&#13;&#10; font-family: var(--base-font-head, var(--base-font, 'Noto Sans KR', sans-serif));&#13;&#10; font-size: clamp(28px, 4.2vw, 56px);&#13;&#10; font-weight: 800;&#13;&#10; line-height: 1.2;&#13;&#10; letter-spacing: -0.04em;&#13;&#10;}&#13;&#10;.mh-page__body {&#13;&#10; margin: 0;&#13;&#10; max-width: 28.125em;&#13;&#10; font-size: clamp(14px, 1.2vw, 18px);&#13;&#10; font-weight: 400;&#13;&#10; line-height: 1.85;&#13;&#10; color: var(--mh-page-soft);&#13;&#10;}&#13;&#10;.mh-page__track {&#13;&#10; position: relative;&#13;&#10;}&#13;&#10;.mh-page__rail {&#13;&#10; position: absolute;&#13;&#10; left: 0;&#13;&#10; right: 0;&#13;&#10; top: 5px;&#13;&#10; height: 1px;&#13;&#10; background: var(--mh-page-bar);&#13;&#10; overflow: hidden;&#13;&#10;}&#13;&#10;.mh-page__level {&#13;&#10; position: absolute;&#13;&#10; inset: 0;&#13;&#10; background: var(--mh-page-acc);&#13;&#10; transform-origin: 0 50%;&#13;&#10; transition: transform 1.8s cubic-bezier(0.65, 0, 0.35, 1) 0.35s;&#13;&#10;}&#13;&#10;.mh-page__list {&#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, 44px);&#13;&#10; margin: 0;&#13;&#10; padding: 0;&#13;&#10; list-style: none;&#13;&#10; counter-reset: pr01c-kf;&#13;&#10;}&#13;&#10;.mh-page__step {&#13;&#10; position: relative;&#13;&#10; padding-top: 48px;&#13;&#10; counter-increment: pr01c-kf;&#13;&#10;}&#13;&#10;.mh-page__node {&#13;&#10; position: absolute;&#13;&#10; left: 0;&#13;&#10; top: 0;&#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(--mh-page-color);&#13;&#10; background: var(--mh-page-bg);&#13;&#10; transition-delay: inherit;&#13;&#10;}&#13;&#10;.mh-page__node::after {&#13;&#10; content: '';&#13;&#10; position: absolute;&#13;&#10; inset: 2px;&#13;&#10; border-radius: 50%;&#13;&#10; background: var(--mh-page-acc);&#13;&#10; transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);&#13;&#10; transition-delay: inherit;&#13;&#10;}&#13;&#10;.mh-page__no {&#13;&#10; display: block;&#13;&#10; margin-bottom: 18px;&#13;&#10; font-size: 14px;&#13;&#10; font-weight: 500;&#13;&#10; letter-spacing: 0.08em;&#13;&#10; color: var(--mh-page-soft);&#13;&#10;}&#13;&#10;.mh-page__no::before {&#13;&#10; content: counter(pr01c-kf, decimal-leading-zero);&#13;&#10;}&#13;&#10;.mh-page__name {&#13;&#10; margin: 0 0 14px;&#13;&#10; font-size: clamp(18px, 1.6vw, 22px);&#13;&#10; font-weight: 800;&#13;&#10; line-height: 1.35;&#13;&#10; letter-spacing: -0.025em;&#13;&#10;}&#13;&#10;.mh-page__p {&#13;&#10; margin: 0;&#13;&#10; max-width: 18.125em;&#13;&#10; font-size: 16px;&#13;&#10; font-weight: 400;&#13;&#10; line-height: 1.7;&#13;&#10; color: var(--mh-page-soft);&#13;&#10;}&#13;&#10;[data-mh-page-reveal] {&#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-mh-page-state="0"] [data-mh-page-reveal] {&#13;&#10; opacity: 0;&#13;&#10; transform: translateY(24px);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;[data-mh-page-state="0"] .mh-page__level {&#13;&#10; transform: scaleX(0);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;[data-mh-page-state="0"] .mh-page__node::after {&#13;&#10; transform: scale(0);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;@media (max-width: 918px) {&#13;&#10; .mh-page__head {&#13;&#10; grid-template-columns: 1fr;&#13;&#10; align-items: start;&#13;&#10; }&#13;&#10; .mh-page__list {&#13;&#10; grid-template-columns: repeat(2, minmax(0, 1fr));&#13;&#10; row-gap: 52px;&#13;&#10; }&#13;&#10; .mh-page__rail {&#13;&#10; display: none;&#13;&#10; }&#13;&#10; .mh-page__step {&#13;&#10; border-top: 1px solid var(--mh-page-bar);&#13;&#10; padding-top: 36px;&#13;&#10; }&#13;&#10; .mh-page__node {&#13;&#10; top: -6px;&#13;&#10; }&#13;&#10;}&#13;&#10;@media (max-width: 584px) {&#13;&#10; .mh-page__list {&#13;&#10; grid-template-columns: 1fr;&#13;&#10; row-gap: 42px;&#13;&#10; }&#13;&#10;}&#13;&#10;&#13;&#10;&#13;&#10;&#13;&#10;&#13;&#10;.mh-block {&#13;&#10; --mh-block-bg: var(--base-bg, #f9f2ee);&#13;&#10; --mh-block-color: var(--base-p, #130f13);&#13;&#10; --mh-block-soft: rgba(19, 17, 19, 0.7);&#13;&#10; --mh-block-bar: rgba(19, 20, 18, 0.13);&#13;&#10; --mh-block-tint: rgba(15, 18, 17, 0.035);&#13;&#10; --mh-block-acc: var(--base-main, #fd6c1f);&#13;&#10; --mh-block-btn-bg: #100f13;&#13;&#10; --mh-block-btn-color: #feffff;&#13;&#10; position: relative;&#13;&#10; box-sizing: border-box;&#13;&#10; padding: clamp(82px, 10.5vw, 156px) 22px clamp(66px, 9vw, 120px);&#13;&#10; background: var(--mh-block-bg);&#13;&#10; color: var(--mh-block-color);&#13;&#10; font-family: var(--base-font, 'Noto Sans KR', sans-serif);&#13;&#10; word-break: keep-all;&#13;&#10;}&#13;&#10;.mh-block[data-mh-block-scheme="dark"] {&#13;&#10; --mh-block-bg: var(--base-deep, #0e0c0e);&#13;&#10; --mh-block-color: #f1f1ed;&#13;&#10; --mh-block-soft: rgba(244, 242, 239, 0.7);&#13;&#10; --mh-block-bar: rgba(247, 240, 238, 0.15);&#13;&#10; --mh-block-tint: rgba(244, 244, 235, 0.045);&#13;&#10; --mh-block-btn-bg: #f2f4f0;&#13;&#10; --mh-block-btn-color: #0a0d0e;&#13;&#10;}&#13;&#10;.mh-block__wrap {&#13;&#10; display: grid;&#13;&#10; grid-template-columns: 5fr 7fr;&#13;&#10; gap: clamp(42px, 7vw, 124px);&#13;&#10; align-items: start;&#13;&#10; max-width: var(--base-width, 1286px);&#13;&#10; margin: 0 auto;&#13;&#10;}&#13;&#10;.mh-block__aside {&#13;&#10; position: sticky;&#13;&#10; top: clamp(98px, 12vh, 142px);&#13;&#10;}&#13;&#10;.mh-block__ttl {&#13;&#10; margin: 0;&#13;&#10; max-width: 9.5em;&#13;&#10; font-family: var(--base-font-head, var(--base-font, 'Noto Sans KR', sans-serif));&#13;&#10; font-size: clamp(30px, 3.9vw, 50px);&#13;&#10; font-weight: 900;&#13;&#10; line-height: 1.2;&#13;&#10; letter-spacing: -0.045em;&#13;&#10;}&#13;&#10;.mh-block__body {&#13;&#10; margin: clamp(20px, 2.6vw, 34px) 0 0;&#13;&#10; max-width: 22.375em;&#13;&#10; font-size: clamp(14px, 1.1vw, 16px);&#13;&#10; font-weight: 400;&#13;&#10; line-height: 1.85;&#13;&#10; color: var(--mh-block-soft);&#13;&#10;}&#13;&#10;.mh-block__next {&#13;&#10; display: inline-flex;&#13;&#10; align-items: center;&#13;&#10; gap: 12px;&#13;&#10; margin-top: clamp(30px, 3.6vw, 42px);&#13;&#10; min-height: 52px;&#13;&#10; padding: 0 28px;&#13;&#10; border-radius: var(--base-btn-r, 980px);&#13;&#10; background: var(--mh-block-btn-bg);&#13;&#10; color: var(--mh-block-btn-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;.mh-block__next:hover {&#13;&#10; transform: translateY(-2px);&#13;&#10;}&#13;&#10;.mh-block__next:focus-visible {&#13;&#10; outline: 2px solid var(--mh-block-color);&#13;&#10; outline-offset: 3px;&#13;&#10;}&#13;&#10;.mh-block__arrow {&#13;&#10; position: relative;&#13;&#10; width: 16px;&#13;&#10; height: 1.5px;&#13;&#10; background: currentColor;&#13;&#10; transition: width 0.3s ease;&#13;&#10;}&#13;&#10;.mh-block__arrow::after {&#13;&#10; content: '';&#13;&#10; position: absolute;&#13;&#10; right: 0;&#13;&#10; top: -3px;&#13;&#10; width: 5px;&#13;&#10; height: 6px;&#13;&#10; border-top: 1.5px solid currentColor;&#13;&#10; border-right: 1.5px solid currentColor;&#13;&#10; transform: rotate(45deg);&#13;&#10;}&#13;&#10;.mh-block__next:hover .mh-block__arrow {&#13;&#10; width: 22px;&#13;&#10;}&#13;&#10;.mh-block__list {&#13;&#10; display: grid;&#13;&#10; gap: 12px;&#13;&#10; margin: 0;&#13;&#10; padding: 0;&#13;&#10; list-style: none;&#13;&#10;}&#13;&#10;.mh-block__entry {&#13;&#10; position: relative;&#13;&#10; overflow: hidden;&#13;&#10; border: 1px solid var(--mh-block-bar);&#13;&#10; border-radius: var(--base-r, 14px);&#13;&#10; background: transparent;&#13;&#10; transition: background-color 0.55s ease, border-color 0.5s ease;&#13;&#10;}&#13;&#10;[data-mh-block-o="1"] {&#13;&#10; background: var(--mh-block-tint);&#13;&#10;}&#13;&#10;.mh-block__edge {&#13;&#10; position: absolute;&#13;&#10; left: 0;&#13;&#10; top: 0;&#13;&#10; bottom: 0;&#13;&#10; width: 2px;&#13;&#10; background: var(--mh-block-acc);&#13;&#10; transform: scaleY(0);&#13;&#10; transform-origin: 50% 0;&#13;&#10; transition: transform 0.85s cubic-bezier(0.16, 1, 0.3, 1);&#13;&#10;}&#13;&#10;[data-mh-block-o="1"] .mh-block__edge {&#13;&#10; transform: scaleY(1);&#13;&#10;}&#13;&#10;.mh-block__q-shell {&#13;&#10; margin: 0;&#13;&#10; font-size: inherit;&#13;&#10; font-weight: inherit;&#13;&#10;}&#13;&#10;.mh-block__q {&#13;&#10; display: flex;&#13;&#10; justify-content: space-between;&#13;&#10; align-items: center;&#13;&#10; gap: 20px;&#13;&#10; width: 100%;&#13;&#10; margin: 0;&#13;&#10; padding: clamp(20px, 2.2vw, 28px) clamp(20px, 2.4vw, 32px);&#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;.mh-block__q:focus-visible {&#13;&#10; outline: 2px solid var(--mh-block-color);&#13;&#10; outline-offset: -4px;&#13;&#10; border-radius: var(--base-r, 14px);&#13;&#10;}&#13;&#10;.mh-block__q-p {&#13;&#10; font-size: clamp(16px, 1.4vw, 20px);&#13;&#10; font-weight: 700;&#13;&#10; line-height: 1.45;&#13;&#10; letter-spacing: -0.015em;&#13;&#10;}&#13;&#10;.mh-block__ico {&#13;&#10; flex-shrink: 0;&#13;&#10; width: 22px;&#13;&#10; height: 22px;&#13;&#10; transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);&#13;&#10;}&#13;&#10;[data-mh-block-o="0"] .mh-block__ico {&#13;&#10; transform: rotate(-90deg);&#13;&#10;}&#13;&#10;.mh-block__a {&#13;&#10; display: grid;&#13;&#10; grid-template-rows: 1fr;&#13;&#10; transition: grid-template-rows 0.75s cubic-bezier(0.16, 1, 0.3, 1), visibility 0s linear 0s;&#13;&#10;}&#13;&#10;[data-mh-block-o="0"] .mh-block__a {&#13;&#10; grid-template-rows: 0fr;&#13;&#10; visibility: hidden;&#13;&#10; transition: grid-template-rows 0.65s cubic-bezier(0.16, 1, 0.3, 1), visibility 0s linear 0.7s;&#13;&#10;}&#13;&#10;.mh-block__a-in {&#13;&#10; min-height: 0;&#13;&#10; overflow: hidden;&#13;&#10;}&#13;&#10;.mh-block__a-p {&#13;&#10; margin: 0;&#13;&#10; padding: 0 clamp(22px, 2.4vw, 32px) clamp(22px, 2.6vw, 30px);&#13;&#10; max-width: 38.875em;&#13;&#10; font-size: 16px;&#13;&#10; line-height: 1.9;&#13;&#10; color: var(--mh-block-soft);&#13;&#10;}&#13;&#10;[data-mh-block-r] {&#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), background-color 0.5s ease;&#13;&#10;}&#13;&#10;[data-mh-block-state="0"] [data-mh-block-r] {&#13;&#10; opacity: 0;&#13;&#10; transform: translateY(24px);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;@media (max-width: 926px) {&#13;&#10; .mh-block__wrap {&#13;&#10; grid-template-columns: 1fr;&#13;&#10; }&#13;&#10; .mh-block__aside {&#13;&#10; position: relative;&#13;&#10; top: 0;&#13;&#10; }&#13;&#10; .mh-block__ttl {&#13;&#10; max-width: 12.5em;&#13;&#10; }&#13;&#10;}&#13;&#10;&#13;&#10;&lt;/style&gt;&#13;&#10;&#13;&#10;&lt;section class="mh-frame" data-mh-frame="" data-mh-frame-scheme="light"&gt;&#13;&#10;&lt;div class="mh-frame__wrap"&gt;&#13;&#10;&lt;div class="mh-frame__top"&gt;&#13;&#10;&lt;p class="mh-frame__pre mh-pre" data-mh-frame-reveal=""&gt;&lt;span aria-hidden="true" class="mh-frame__pip"&gt;&lt;/span&gt;상담 문의&lt;/p&gt;&#13;&#10;&lt;h1 class="mh-frame__ttl mh-hero-ttl" data-mh-frame-reveal=""&gt;상위노출 상담 신청 안내&lt;/h1&gt;&#13;&#10;&lt;p class="mh-frame__body mh-body" data-mh-frame-reveal=""&gt;전화나 문자, 이메일 중 편한 방법으로 연락 주세요. 홈페이지 주소를 함께 알려 주시면 상담이 빨라져요.&lt;/p&gt;&#13;&#10;&lt;/div&gt;&#13;&#10;&lt;div class="mh-frame__frame" data-mh-frame-reveal=""&gt;&#13;&#10;&lt;img alt="옆을 바라보는 은색 로봇 인물 그림" class="mh-frame__img" height="686" loading="lazy" src="./img/calm-room.jpg" width="1600"/&gt;&#13;&#10;&lt;/div&gt;&#13;&#10;&lt;p class="mh-frame__cap" data-mh-frame-reveal=""&gt;&lt;span aria-hidden="true" class="mh-frame__cap-bar"&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-mh-frame", "tone": "data-mh-frame-scheme", "state": "data-mh-frame-state", "item": "data-mh-frame-reveal"};&#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>상위노출 진행 절차와 단계별 기간</title><link>https://toppagelab.kr/%EC%A7%84%ED%96%89%EC%A0%88%EC%B0%A8.html</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://toppagelab.kr/%EC%A7%84%ED%96%89%EC%A0%88%EC%B0%A8.html</guid><description>&lt;style&gt;&#13;&#10;&#13;&#10;&#13;&#10;.mh-dock {&#13;&#10; --mh-dock-bg: var(--base-bg, #f8f3ef);&#13;&#10; --mh-dock-color: var(--base-p, #10140e);&#13;&#10; --mh-dock-soft: rgba(15, 18, 17, 0.7);&#13;&#10; --mh-dock-bar: rgba(17, 17, 19, 0.16);&#13;&#10; --mh-dock-acc: var(--base-main, #fd6b1c);&#13;&#10; position: relative;&#13;&#10; box-sizing: border-box;&#13;&#10; padding: clamp(162px, 15vw, 206px) 22px clamp(52px, 7vw, 98px);&#13;&#10; background: var(--mh-dock-bg);&#13;&#10; color: var(--mh-dock-color);&#13;&#10; font-family: var(--base-font, 'Noto Sans KR', sans-serif);&#13;&#10; word-break: keep-all;&#13;&#10;}&#13;&#10;.mh-dock[data-mh-dock-scheme="dark"] {&#13;&#10; --mh-dock-bg: var(--base-deep, #090a0c);&#13;&#10; --mh-dock-color: #f7efee;&#13;&#10; --mh-dock-soft: rgba(247, 240, 238, 0.7);&#13;&#10; --mh-dock-bar: rgba(244, 244, 235, 0.18);&#13;&#10;}&#13;&#10;.mh-dock__wrap {&#13;&#10; max-width: var(--base-width, 1306px);&#13;&#10; margin: 0 auto;&#13;&#10;}&#13;&#10;.mh-dock__pre {&#13;&#10; display: flex;&#13;&#10; align-items: center;&#13;&#10; gap: 12px;&#13;&#10; margin: 0 0 clamp(24px, 3vw, 40px);&#13;&#10; font-size: 16px;&#13;&#10; font-weight: 500;&#13;&#10; letter-spacing: 0.02em;&#13;&#10; color: var(--mh-dock-soft);&#13;&#10;}&#13;&#10;.mh-dock__pip {&#13;&#10; width: 7px;&#13;&#10; height: 7px;&#13;&#10; border-radius: 50%;&#13;&#10; background: var(--mh-dock-acc);&#13;&#10; flex-shrink: 0;&#13;&#10;}&#13;&#10;.mh-dock__ttl {&#13;&#10; max-width: 14.125em;&#13;&#10; margin: 0;&#13;&#10; font-family: var(--base-font-head, var(--base-font, 'Noto Sans KR', sans-serif));&#13;&#10; font-size: clamp(40px, 7vw, 98px);&#13;&#10; font-weight: 900;&#13;&#10; line-height: 1.1;&#13;&#10; letter-spacing: -0.045em;&#13;&#10;}&#13;&#10;.mh-dock__divider {&#13;&#10; position: relative;&#13;&#10; height: 1px;&#13;&#10; margin: clamp(38px, 6vw, 76px) 0 clamp(28px, 3.4vw, 42px);&#13;&#10; background: var(--mh-dock-bar);&#13;&#10; overflow: hidden;&#13;&#10;}&#13;&#10;.mh-dock__divider-level {&#13;&#10; position: absolute;&#13;&#10; left: 0;&#13;&#10; top: 0;&#13;&#10; width: clamp(80px, 16vw, 212px);&#13;&#10; height: 1px;&#13;&#10; background: var(--mh-dock-acc);&#13;&#10; transform-origin: 0 50%;&#13;&#10; transition: transform 1.4s cubic-bezier(0.16, 1, 0.3, 1) 0.45s;&#13;&#10;}&#13;&#10;.mh-dock__row {&#13;&#10; display: grid;&#13;&#10; grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr) minmax(0, 1fr);&#13;&#10; gap: clamp(26px, 4vw, 68px);&#13;&#10; align-items: start;&#13;&#10;}&#13;&#10;.mh-dock__body {&#13;&#10; max-width: 33.125em;&#13;&#10; margin: 0;&#13;&#10; font-size: clamp(18px, 1.3vw, 20px);&#13;&#10; font-weight: 300;&#13;&#10; line-height: 1.9;&#13;&#10; color: var(--mh-dock-soft);&#13;&#10;}&#13;&#10;.mh-dock__note {&#13;&#10; display: flex;&#13;&#10; flex-direction: column;&#13;&#10; gap: 8px;&#13;&#10; padding-top: 4px;&#13;&#10;}&#13;&#10;.mh-dock__note-head {&#13;&#10; margin: 0;&#13;&#10; font-size: 14px;&#13;&#10; font-weight: 500;&#13;&#10; letter-spacing: 0.04em;&#13;&#10; color: var(--mh-dock-soft);&#13;&#10;}&#13;&#10;.mh-dock__note-p {&#13;&#10; margin: 0;&#13;&#10; font-size: 16px;&#13;&#10; font-weight: 700;&#13;&#10; line-height: 1.55;&#13;&#10; letter-spacing: -0.01em;&#13;&#10;}&#13;&#10;[data-mh-dock-reveal] {&#13;&#10; transition: opacity 0.9s cubic-bezier(0.16, 1, 0.3, 1), transform 1.1s cubic-bezier(0.16, 1, 0.3, 1);&#13;&#10;}&#13;&#10;[data-mh-dock-state="0"] [data-mh-dock-reveal] {&#13;&#10; opacity: 0;&#13;&#10; transform: translateY(26px);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;[data-mh-dock-state="0"] .mh-dock__divider-level {&#13;&#10; transform: scaleX(0);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;@media (max-width: 980px) {&#13;&#10; .mh-dock__row {&#13;&#10; grid-template-columns: 1fr 1fr;&#13;&#10; }&#13;&#10; .mh-dock__body {&#13;&#10; grid-column: 1 / -1;&#13;&#10; }&#13;&#10;}&#13;&#10;@media (max-width: 504px) {&#13;&#10; .mh-dock__row {&#13;&#10; grid-template-columns: 1fr;&#13;&#10; }&#13;&#10;}&#13;&#10;&#13;&#10;&#13;&#10;&#13;&#10;&#13;&#10;.mh-plot {&#13;&#10; --mh-plot-bg: var(--base-bg, #f5f5f2);&#13;&#10; --mh-plot-color: var(--base-p, #0e1014);&#13;&#10; --mh-plot-soft: rgba(15, 15, 18, 0.7);&#13;&#10; --mh-plot-bar: rgba(15, 16, 19, 0.14);&#13;&#10; --mh-plot-acc: var(--base-main, #fc6a1f);&#13;&#10; --mh-plot-btn-bg: #140e10;&#13;&#10; --mh-plot-btn-color: #fffdfc;&#13;&#10; position: relative;&#13;&#10; box-sizing: border-box;&#13;&#10; padding: clamp(80px, 11vw, 146px) 20px clamp(66px, 9vw, 124px);&#13;&#10; background: var(--mh-plot-bg);&#13;&#10; color: var(--mh-plot-color);&#13;&#10; font-family: var(--base-font, 'Noto Sans KR', sans-serif);&#13;&#10; word-break: keep-all;&#13;&#10;}&#13;&#10;.mh-plot[data-mh-plot-scheme="dark"] {&#13;&#10; --mh-plot-bg: var(--base-deep, #090911);&#13;&#10; --mh-plot-color: #f7f4ea;&#13;&#10; --mh-plot-soft: rgba(246, 245, 239, 0.7);&#13;&#10; --mh-plot-bar: rgba(243, 243, 237, 0.16);&#13;&#10; --mh-plot-btn-bg: #f7f2ed;&#13;&#10; --mh-plot-btn-color: #0e0d10;&#13;&#10;}&#13;&#10;.mh-plot__wrap {&#13;&#10; display: grid;&#13;&#10; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);&#13;&#10; gap: clamp(40px, 7vw, 110px);&#13;&#10; max-width: var(--base-width, 1204px);&#13;&#10; margin: 0 auto;&#13;&#10;}&#13;&#10;.mh-plot__side {&#13;&#10; position: sticky;&#13;&#10; top: clamp(106px, 14vh, 148px);&#13;&#10; align-self: start;&#13;&#10;}&#13;&#10;.mh-plot__pre {&#13;&#10; display: flex;&#13;&#10; align-items: center;&#13;&#10; gap: 12px;&#13;&#10; margin: 0 0 clamp(24px, 3vw, 34px);&#13;&#10; font-size: 16px;&#13;&#10; font-weight: 500;&#13;&#10; letter-spacing: 0.02em;&#13;&#10; color: var(--mh-plot-soft);&#13;&#10;}&#13;&#10;.mh-plot__pip {&#13;&#10; width: 9px;&#13;&#10; height: 9px;&#13;&#10; border-radius: 50%;&#13;&#10; background: var(--mh-plot-acc);&#13;&#10; flex-shrink: 0;&#13;&#10;}&#13;&#10;.mh-plot__ttl {&#13;&#10; margin: 0;&#13;&#10; max-width: 10.625em;&#13;&#10; font-family: var(--base-font-head, var(--base-font, 'Noto Sans KR', sans-serif));&#13;&#10; font-size: clamp(30px, 4vw, 60px);&#13;&#10; font-weight: 800;&#13;&#10; line-height: 1.2;&#13;&#10; letter-spacing: -0.04em;&#13;&#10;}&#13;&#10;.mh-plot__body {&#13;&#10; margin: clamp(22px, 2.6vw, 30px) 0 0;&#13;&#10; max-width: 25.625em;&#13;&#10; font-size: clamp(16px, 1.15vw, 18px);&#13;&#10; font-weight: 300;&#13;&#10; line-height: 1.8;&#13;&#10; color: var(--mh-plot-soft);&#13;&#10;}&#13;&#10;.mh-plot__next {&#13;&#10; display: inline-flex;&#13;&#10; align-items: center;&#13;&#10; gap: 14px;&#13;&#10; margin-top: clamp(36px, 4vw, 46px);&#13;&#10; min-height: 52px;&#13;&#10; padding: 0 28px;&#13;&#10; border-radius: var(--base-btn-r, 956px);&#13;&#10; background: var(--mh-plot-btn-bg);&#13;&#10; color: var(--mh-plot-btn-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;.mh-plot__next:hover {&#13;&#10; transform: translateY(-2px);&#13;&#10;}&#13;&#10;.mh-plot__next:focus-visible {&#13;&#10; outline: 2px solid var(--mh-plot-color);&#13;&#10; outline-offset: 3px;&#13;&#10;}&#13;&#10;.mh-plot__arrow {&#13;&#10; position: relative;&#13;&#10; width: 16px;&#13;&#10; height: 1.5px;&#13;&#10; background: currentColor;&#13;&#10; transition: width 0.3s ease;&#13;&#10;}&#13;&#10;.mh-plot__arrow::after {&#13;&#10; content: '';&#13;&#10; position: absolute;&#13;&#10; right: 0;&#13;&#10; top: -3px;&#13;&#10; width: 6px;&#13;&#10; height: 6px;&#13;&#10; border-top: 1.5px solid currentColor;&#13;&#10; border-right: 1.5px solid currentColor;&#13;&#10; transform: rotate(45deg);&#13;&#10;}&#13;&#10;.mh-plot__next:hover .mh-plot__arrow {&#13;&#10; width: 24px;&#13;&#10;}&#13;&#10;.mh-plot__list {&#13;&#10; margin: 0;&#13;&#10; padding: 0;&#13;&#10; list-style: none;&#13;&#10; border-left: 1px solid var(--mh-plot-bar);&#13;&#10; counter-reset: plot-kf;&#13;&#10;}&#13;&#10;.mh-plot__entry {&#13;&#10; position: relative;&#13;&#10; padding: clamp(40px, 4.6vw, 66px) 0 clamp(34px, 4.6vw, 56px) clamp(32px, 3.4vw, 54px);&#13;&#10; counter-increment: plot-kf;&#13;&#10;}&#13;&#10;.mh-plot__entry::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(--mh-plot-acc);&#13;&#10; transform: scaleY(0);&#13;&#10; transform-origin: 50% 0;&#13;&#10; transition: transform 0.9s cubic-bezier(0.16, 1, 0.3, 1);&#13;&#10;}&#13;&#10;[data-mh-plot-on="1"]::before {&#13;&#10; transform: scaleY(1);&#13;&#10;}&#13;&#10;.mh-plot__n {&#13;&#10; display: block;&#13;&#10; margin-bottom: 18px;&#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(--mh-plot-soft);&#13;&#10;}&#13;&#10;.mh-plot__n::before {&#13;&#10; content: counter(plot-kf, decimal-leading-zero);&#13;&#10;}&#13;&#10;.mh-plot__name {&#13;&#10; margin: 0;&#13;&#10; font-size: clamp(22px, 2.4vw, 30px);&#13;&#10; font-weight: 700;&#13;&#10; line-height: 1.3;&#13;&#10; letter-spacing: -0.03em;&#13;&#10;}&#13;&#10;.mh-plot__p {&#13;&#10; margin: 14px 0 0;&#13;&#10; max-width: 35em;&#13;&#10; font-size: 14px;&#13;&#10; font-weight: 400;&#13;&#10; line-height: 1.8;&#13;&#10; color: var(--mh-plot-soft);&#13;&#10;}&#13;&#10;.mh-plot__keys {&#13;&#10; display: flex;&#13;&#10; flex-wrap: wrap;&#13;&#10; gap: 7px 24px;&#13;&#10; margin: 20px 0 0;&#13;&#10; padding: 18px 0 0;&#13;&#10; list-style: none;&#13;&#10; border-top: 1px solid var(--mh-plot-bar);&#13;&#10;}&#13;&#10;.mh-plot__key {&#13;&#10; font-size: 16px;&#13;&#10; font-weight: 500;&#13;&#10; line-height: 1.6;&#13;&#10;}&#13;&#10;[data-mh-plot-reveal] {&#13;&#10; transition: opacity 1.25s cubic-bezier(0.16, 1, 0.3, 1), transform 1.25s cubic-bezier(0.16, 1, 0.3, 1);&#13;&#10;}&#13;&#10;[data-mh-plot-state="0"] [data-mh-plot-reveal] {&#13;&#10; opacity: 0;&#13;&#10; transform: translateY(34px);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;@media (max-width: 984px) {&#13;&#10; .mh-plot__wrap {&#13;&#10; grid-template-columns: 1fr;&#13;&#10; }&#13;&#10; .mh-plot__side {&#13;&#10; position: relative;&#13;&#10; top: auto;&#13;&#10; }&#13;&#10;}&#13;&#10;&#13;&#10;&#13;&#10;&#13;&#10;&#13;&#10;.mh-story {&#13;&#10; --mh-story-bg: var(--base-bg, #f6f6ef);&#13;&#10; --mh-story-color: var(--base-p, #140e0e);&#13;&#10; --mh-story-soft: rgba(14, 16, 17, 0.7);&#13;&#10; --mh-story-bar: rgba(16, 19, 20, 0.14);&#13;&#10; --mh-story-acc: var(--base-main, #ff6821);&#13;&#10; position: relative;&#13;&#10; box-sizing: border-box;&#13;&#10; padding: clamp(84px, 10.5vw, 144px) 18px clamp(82px, 10vw, 146px);&#13;&#10; background: var(--mh-story-bg);&#13;&#10; color: var(--mh-story-color);&#13;&#10; font-family: var(--base-font, 'Noto Sans KR', sans-serif);&#13;&#10; word-break: keep-all;&#13;&#10;}&#13;&#10;.mh-story[data-mh-story-scheme="dark"] {&#13;&#10; --mh-story-bg: var(--base-deep, #0a0e0e);&#13;&#10; --mh-story-color: #f3f0ef;&#13;&#10; --mh-story-soft: rgba(243, 241, 237, 0.7);&#13;&#10; --mh-story-bar: rgba(244, 241, 240, 0.16);&#13;&#10;}&#13;&#10;.mh-story__wrap {&#13;&#10; max-width: var(--base-width, 1204px);&#13;&#10; margin: 0 auto;&#13;&#10;}&#13;&#10;.mh-story__head {&#13;&#10; display: grid;&#13;&#10; grid-template-columns: 1.25fr 1fr;&#13;&#10; gap: clamp(26px, 5vw, 88px);&#13;&#10; align-items: end;&#13;&#10; margin-bottom: clamp(44px, 6.5vw, 96px);&#13;&#10;}&#13;&#10;.mh-story__pre {&#13;&#10; display: flex;&#13;&#10; align-items: center;&#13;&#10; gap: 14px;&#13;&#10; margin: 0 0 clamp(20px, 2.6vw, 32px);&#13;&#10; font-size: 14px;&#13;&#10; font-weight: 500;&#13;&#10; letter-spacing: 0.02em;&#13;&#10; color: var(--mh-story-soft);&#13;&#10;}&#13;&#10;.mh-story__pip {&#13;&#10; width: 7px;&#13;&#10; height: 8px;&#13;&#10; border-radius: 50%;&#13;&#10; background: var(--mh-story-acc);&#13;&#10; flex-shrink: 0;&#13;&#10;}&#13;&#10;.mh-story__ttl {&#13;&#10; max-width: 13.75em;&#13;&#10; margin: 0;&#13;&#10; font-family: var(--base-font-head, var(--base-font, 'Noto Sans KR', sans-serif));&#13;&#10; font-size: clamp(30px, 4vw, 54px);&#13;&#10; font-weight: 800;&#13;&#10; line-height: 1.2;&#13;&#10; letter-spacing: -0.04em;&#13;&#10;}&#13;&#10;.mh-story__body {&#13;&#10; max-width: 27.5em;&#13;&#10; margin: 0;&#13;&#10; font-size: clamp(16px, 1.2vw, 18px);&#13;&#10; font-weight: 400;&#13;&#10; line-height: 1.75;&#13;&#10; color: var(--mh-story-soft);&#13;&#10;}&#13;&#10;.mh-story__cols {&#13;&#10; display: grid;&#13;&#10; grid-template-columns: repeat(3, 1fr);&#13;&#10; gap: 1px;&#13;&#10; background: var(--mh-story-bar);&#13;&#10; border-top: 1px solid var(--mh-story-bar);&#13;&#10; border-bottom: 1px solid var(--mh-story-bar);&#13;&#10;}&#13;&#10;.mh-story__cell {&#13;&#10; position: relative;&#13;&#10; display: flex;&#13;&#10; flex-direction: column;&#13;&#10; gap: 14px;&#13;&#10; padding: clamp(32px, 3.6vw, 52px) clamp(22px, 2.6vw, 38px) clamp(36px, 4vw, 54px);&#13;&#10; background: var(--mh-story-bg);&#13;&#10;}&#13;&#10;.mh-story__cell::before {&#13;&#10; content: '';&#13;&#10; position: absolute;&#13;&#10; left: 0;&#13;&#10; top: -1px;&#13;&#10; width: 100%;&#13;&#10; height: 1px;&#13;&#10; background: var(--mh-story-acc);&#13;&#10; transform: scaleX(0);&#13;&#10; transform-origin: 0 50%;&#13;&#10; transition: transform 0.55s cubic-bezier(0.16, 1, 0.3, 1);&#13;&#10;}&#13;&#10;.mh-story__cell:hover::before {&#13;&#10; transform: scaleX(1);&#13;&#10;}&#13;&#10;.mh-story__glyph {&#13;&#10; display: block;&#13;&#10; width: 28px;&#13;&#10; height: 30px;&#13;&#10; margin-bottom: clamp(18px, 2.4vw, 34px);&#13;&#10; color: var(--mh-story-color);&#13;&#10; transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);&#13;&#10;}&#13;&#10;.mh-story__cell:hover .mh-story__glyph {&#13;&#10; transform: translateY(-3px);&#13;&#10;}&#13;&#10;.mh-story__name {&#13;&#10; margin: 0;&#13;&#10; font-size: clamp(18px, 1.4vw, 20px);&#13;&#10; font-weight: 700;&#13;&#10; line-height: 1.4;&#13;&#10; letter-spacing: -0.015em;&#13;&#10;}&#13;&#10;.mh-story__p {&#13;&#10; margin: 0;&#13;&#10; max-width: 25.875em;&#13;&#10; font-size: 16px;&#13;&#10; font-weight: 400;&#13;&#10; line-height: 1.75;&#13;&#10; color: var(--mh-story-soft);&#13;&#10;}&#13;&#10;[data-mh-story-reveal] {&#13;&#10; transition: opacity 1.1s cubic-bezier(0.16, 1, 0.3, 1), transform 0.9s cubic-bezier(0.16, 1, 0.3, 1);&#13;&#10;}&#13;&#10;[data-mh-story-state="0"] [data-mh-story-reveal] {&#13;&#10; opacity: 0;&#13;&#10; transform: translateY(26px);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;@media (max-width: 864px) {&#13;&#10; .mh-story__head {&#13;&#10; grid-template-columns: 1fr;&#13;&#10; align-items: start;&#13;&#10; }&#13;&#10; .mh-story__cols {&#13;&#10; grid-template-columns: 1fr 1fr;&#13;&#10; }&#13;&#10;}&#13;&#10;@media (max-width: 572px) {&#13;&#10; .mh-story__cols {&#13;&#10; grid-template-columns: 1fr;&#13;&#10; }&#13;&#10;}&#13;&#10;&#13;&#10;&#13;&#10;&#13;&#10;&#13;&#10;.mh-scene {&#13;&#10; --mh-scene-bg: var(--base-bg, #f5f7f1);&#13;&#10; --mh-scene-color: var(--base-p, #131111);&#13;&#10; --mh-scene-soft: rgba(18, 18, 20, 0.68);&#13;&#10; --mh-scene-bar: rgba(19, 15, 18, 0.14);&#13;&#10; --mh-scene-acc: var(--base-main, #fc691f);&#13;&#10; position: relative;&#13;&#10; box-sizing: border-box;&#13;&#10; padding: clamp(70px, 9.5vw, 142px) 20px clamp(98px, 12vw, 172px);&#13;&#10; background: var(--mh-scene-bg);&#13;&#10; color: var(--mh-scene-color);&#13;&#10; font-family: var(--base-font, 'Noto Sans KR', sans-serif);&#13;&#10; word-break: keep-all;&#13;&#10;}&#13;&#10;.mh-scene[data-mh-scene-scheme="dark"] {&#13;&#10; --mh-scene-bg: var(--base-deep, #0a0e11);&#13;&#10; --mh-scene-color: #f2f3ed;&#13;&#10; --mh-scene-soft: rgba(241, 240, 237, 0.7);&#13;&#10; --mh-scene-bar: rgba(241, 241, 236, 0.16);&#13;&#10;}&#13;&#10;.mh-scene__wrap {&#13;&#10; display: grid;&#13;&#10; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);&#13;&#10; gap: clamp(40px, 7vw, 112px);&#13;&#10; max-width: var(--base-width, 1116px);&#13;&#10; margin: 0 auto;&#13;&#10;}&#13;&#10;.mh-scene__side {&#13;&#10; align-self: start;&#13;&#10; position: sticky;&#13;&#10; top: 112px;&#13;&#10;}&#13;&#10;.mh-scene__pre {&#13;&#10; display: flex;&#13;&#10; align-items: center;&#13;&#10; gap: 14px;&#13;&#10; margin: 0 0 clamp(22px, 3vw, 34px);&#13;&#10; font-size: 14px;&#13;&#10; font-weight: 500;&#13;&#10; letter-spacing: 0.02em;&#13;&#10; color: var(--mh-scene-soft);&#13;&#10;}&#13;&#10;.mh-scene__pip {&#13;&#10; width: 7px;&#13;&#10; height: 8px;&#13;&#10; border-radius: 50%;&#13;&#10; background: var(--mh-scene-acc);&#13;&#10; flex-shrink: 0;&#13;&#10;}&#13;&#10;.mh-scene__ttl {&#13;&#10; max-width: 10.125em;&#13;&#10; margin: 0;&#13;&#10; font-family: var(--base-font-head, var(--base-font, 'Noto Sans KR', sans-serif));&#13;&#10; font-size: clamp(28px, 3.4vw, 46px);&#13;&#10; font-weight: 800;&#13;&#10; line-height: 1.2;&#13;&#10; letter-spacing: -0.04em;&#13;&#10;}&#13;&#10;.mh-scene__body {&#13;&#10; max-width: 22.25em;&#13;&#10; margin: clamp(22px, 2.4vw, 28px) 0 0;&#13;&#10; font-size: clamp(14px, 1.15vw, 18px);&#13;&#10; line-height: 1.85;&#13;&#10; color: var(--mh-scene-soft);&#13;&#10;}&#13;&#10;.mh-scene__figure {&#13;&#10; position: relative;&#13;&#10; margin: 0 0 clamp(52px, 7vw, 96px);&#13;&#10; padding-left: clamp(22px, 3vw, 40px);&#13;&#10;}&#13;&#10;.mh-scene__bar {&#13;&#10; position: absolute;&#13;&#10; left: 0;&#13;&#10; top: 0.4em;&#13;&#10; bottom: 0.43em;&#13;&#10; width: 2px;&#13;&#10; background: var(--mh-scene-acc);&#13;&#10; transform-origin: 50% 0;&#13;&#10; transition: transform 1.4s cubic-bezier(0.16, 1, 0.3, 1) 0.3s;&#13;&#10;}&#13;&#10;.mh-scene__said {&#13;&#10; margin: 0;&#13;&#10;}&#13;&#10;.mh-scene__quote {&#13;&#10; margin: 0;&#13;&#10; font-size: clamp(24px, 2.9vw, 38px);&#13;&#10; font-weight: 300;&#13;&#10; line-height: 1.55;&#13;&#10; letter-spacing: -0.03em;&#13;&#10;}&#13;&#10;.mh-scene__by {&#13;&#10; display: flex;&#13;&#10; flex-wrap: wrap;&#13;&#10; align-items: baseline;&#13;&#10; gap: 6px 14px;&#13;&#10; margin-top: clamp(22px, 2.6vw, 32px);&#13;&#10; font-size: 16px;&#13;&#10;}&#13;&#10;.mh-scene__author {&#13;&#10; font-weight: 700;&#13;&#10;}&#13;&#10;.mh-scene__role {&#13;&#10; color: var(--mh-scene-soft);&#13;&#10;}&#13;&#10;.mh-scene__list {&#13;&#10; margin: 0;&#13;&#10; padding: 0;&#13;&#10; list-style: none;&#13;&#10; border-bottom: 1px solid var(--mh-scene-bar);&#13;&#10;}&#13;&#10;.mh-scene__entry {&#13;&#10; display: grid;&#13;&#10; grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.3fr);&#13;&#10; gap: 12px clamp(20px, 3vw, 48px);&#13;&#10; padding: clamp(26px, 2.8vw, 34px) 0;&#13;&#10; border-top: 1px solid var(--mh-scene-bar);&#13;&#10;}&#13;&#10;.mh-scene__head {&#13;&#10; position: relative;&#13;&#10; margin: 0;&#13;&#10; padding-left: 22px;&#13;&#10; font-size: 18px;&#13;&#10; font-weight: 700;&#13;&#10; line-height: 1.55;&#13;&#10; letter-spacing: -0.02em;&#13;&#10;}&#13;&#10;.mh-scene__head::before {&#13;&#10; content: '';&#13;&#10; position: absolute;&#13;&#10; left: 0;&#13;&#10; top: 0.57em;&#13;&#10; width: 7px;&#13;&#10; height: 6px;&#13;&#10; border-radius: 50%;&#13;&#10; border: 1px solid var(--mh-scene-acc);&#13;&#10; box-sizing: border-box;&#13;&#10; transition: background-color 0.3s ease;&#13;&#10;}&#13;&#10;.mh-scene__entry:hover .mh-scene__head::before {&#13;&#10; background: var(--mh-scene-acc);&#13;&#10;}&#13;&#10;.mh-scene__p {&#13;&#10; margin: 0;&#13;&#10; font-size: 14px;&#13;&#10; line-height: 1.75;&#13;&#10; color: var(--mh-scene-soft);&#13;&#10;}&#13;&#10;[data-mh-scene-reveal] {&#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-mh-scene-state="0"] [data-mh-scene-reveal] {&#13;&#10; opacity: 0;&#13;&#10; transform: translateY(26px);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;[data-mh-scene-state="0"] .mh-scene__bar {&#13;&#10; transform: scaleY(0);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;@media (max-width: 902px) {&#13;&#10; .mh-scene__wrap {&#13;&#10; grid-template-columns: 1fr;&#13;&#10; }&#13;&#10; .mh-scene__side {&#13;&#10; position: relative;&#13;&#10; top: 0;&#13;&#10; }&#13;&#10;}&#13;&#10;@media (max-width: 582px) {&#13;&#10; .mh-scene__entry {&#13;&#10; grid-template-columns: 1fr;&#13;&#10; }&#13;&#10; .mh-scene__p {&#13;&#10; padding-left: 22px;&#13;&#10; }&#13;&#10;}&#13;&#10;&#13;&#10;&#13;&#10;&#13;&#10;&#13;&#10;.mh-slab {&#13;&#10; --mh-slab-bg: var(--base-bg, #f3f7ee);&#13;&#10; --mh-slab-color: var(--base-p, #100e12);&#13;&#10; --mh-slab-soft: rgba(14, 15, 20, 0.72);&#13;&#10; --mh-slab-bar: rgba(16, 14, 15, 0.16);&#13;&#10; --mh-slab-acc: var(--base-main, #ff6721);&#13;&#10; position: relative;&#13;&#10; box-sizing: border-box;&#13;&#10; padding: clamp(50px, 6.5vw, 86px) 22px clamp(58px, 7vw, 92px);&#13;&#10; background: var(--mh-slab-bg);&#13;&#10; color: var(--mh-slab-color);&#13;&#10; font-family: var(--base-font, 'Noto Sans KR', sans-serif);&#13;&#10; text-align: center;&#13;&#10; word-break: keep-all;&#13;&#10;}&#13;&#10;.mh-slab[data-mh-slab-scheme="dark"] {&#13;&#10; --mh-slab-bg: var(--base-deep, #0f0e0e);&#13;&#10; --mh-slab-color: #f1f2ef;&#13;&#10; --mh-slab-soft: rgba(247, 245, 234, 0.72);&#13;&#10; --mh-slab-bar: rgba(245, 241, 234, 0.18);&#13;&#10;}&#13;&#10;.mh-slab__wrap {&#13;&#10; max-width: var(--base-width, 1272px);&#13;&#10; margin: 0 auto;&#13;&#10;}&#13;&#10;.mh-slab__ttl {&#13;&#10; margin: 0 auto clamp(26px, 3vw, 40px);&#13;&#10; max-width: 21.625em;&#13;&#10; font-family: var(--base-font-head, var(--base-font, 'Noto Sans KR', sans-serif));&#13;&#10; font-size: clamp(18px, 2vw, 28px);&#13;&#10; font-weight: 700;&#13;&#10; line-height: 1.35;&#13;&#10; letter-spacing: -0.025em;&#13;&#10;}&#13;&#10;.mh-slab__row {&#13;&#10; position: relative;&#13;&#10; padding: clamp(24px, 2.6vw, 34px) 0;&#13;&#10;}&#13;&#10;.mh-slab__row::before,&#13;&#10;.mh-slab__row::after {&#13;&#10; content: '';&#13;&#10; position: absolute;&#13;&#10; left: 0;&#13;&#10; width: 100%;&#13;&#10; height: 1px;&#13;&#10; background: var(--mh-slab-bar);&#13;&#10; transition: transform 1.35s cubic-bezier(0.16, 1, 0.3, 1) 0.2s;&#13;&#10;}&#13;&#10;.mh-slab__row::before {&#13;&#10; top: 0;&#13;&#10; transform-origin: 0 50%;&#13;&#10;}&#13;&#10;.mh-slab__row::after {&#13;&#10; bottom: 0;&#13;&#10; transform-origin: 100% 50%;&#13;&#10; transition-delay: 0.35s;&#13;&#10;}&#13;&#10;[data-mh-slab-state="0"] .mh-slab__row::before,&#13;&#10;[data-mh-slab-state="0"] .mh-slab__row::after {&#13;&#10; transform: scaleX(0);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;.mh-slab__list {&#13;&#10; display: flex;&#13;&#10; flex-wrap: wrap;&#13;&#10; justify-content: center;&#13;&#10; align-items: center;&#13;&#10; gap: 14px 0;&#13;&#10; margin: 0;&#13;&#10; padding: 0;&#13;&#10; list-style: none;&#13;&#10;}&#13;&#10;.mh-slab__list::after {&#13;&#10; content: '';&#13;&#10; width: 4px;&#13;&#10; height: 4px;&#13;&#10; border-radius: 50%;&#13;&#10; background: var(--mh-slab-acc);&#13;&#10;}&#13;&#10;.mh-slab__name {&#13;&#10; display: inline-flex;&#13;&#10; align-items: center;&#13;&#10; gap: clamp(16px, 2.2vw, 32px);&#13;&#10; padding-right: clamp(16px, 2.2vw, 34px);&#13;&#10; font-size: clamp(16px, 1.3vw, 16px);&#13;&#10; font-weight: 600;&#13;&#10; letter-spacing: -0.01em;&#13;&#10; white-space: nowrap;&#13;&#10; color: var(--mh-slab-soft);&#13;&#10; transition: color 0.3s ease, 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;.mh-slab__name::before {&#13;&#10; content: '';&#13;&#10; width: 4px;&#13;&#10; height: 4px;&#13;&#10; border-radius: 50%;&#13;&#10; background: var(--mh-slab-acc);&#13;&#10; flex-shrink: 0;&#13;&#10;}&#13;&#10;.mh-slab__name:hover {&#13;&#10; color: var(--mh-slab-color);&#13;&#10;}&#13;&#10;[data-mh-slab-reveal] {&#13;&#10; transition: opacity 1.25s cubic-bezier(0.16, 1, 0.3, 1), transform 1.3s cubic-bezier(0.16, 1, 0.3, 1), color 0.3s ease;&#13;&#10;}&#13;&#10;[data-mh-slab-state="0"] [data-mh-slab-reveal] {&#13;&#10; opacity: 0;&#13;&#10; transform: translateY(40px);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;@media (max-width: 590px) {&#13;&#10; .mh-slab__name {&#13;&#10; font-size: 14px;&#13;&#10; gap: 12px;&#13;&#10; padding-right: 12px;&#13;&#10; }&#13;&#10;}&#13;&#10;&#13;&#10;&#13;&#10;&#13;&#10;&#13;&#10;.mh-yard {&#13;&#10; --mh-yard-bg: var(--base-bg, #f9f5ee);&#13;&#10; --mh-yard-color: var(--base-p, #0f1110);&#13;&#10; --mh-yard-soft: rgba(18, 14, 15, 0.68);&#13;&#10; --mh-yard-bar: rgba(16, 16, 15, 0.2);&#13;&#10; --mh-yard-acc: var(--base-main, #ff6b1d);&#13;&#10; --mh-yard-btn-bg: #14110f;&#13;&#10; --mh-yard-btn-color: #fffcff;&#13;&#10; position: relative;&#13;&#10; box-sizing: border-box;&#13;&#10; padding: clamp(96px, 11vw, 150px) 22px clamp(76px, 9.5vw, 144px);&#13;&#10; background: var(--mh-yard-bg);&#13;&#10; color: var(--mh-yard-color);&#13;&#10; font-family: var(--base-font, 'Noto Sans KR', sans-serif);&#13;&#10; word-break: keep-all;&#13;&#10; text-align: center;&#13;&#10;}&#13;&#10;.mh-yard[data-mh-yard-scheme="dark"] {&#13;&#10; --mh-yard-bg: var(--base-deep, #0b0d0e);&#13;&#10; --mh-yard-color: #f3f5ec;&#13;&#10; --mh-yard-soft: rgba(244, 244, 237, 0.7);&#13;&#10; --mh-yard-bar: rgba(247, 242, 238, 0.22);&#13;&#10; --mh-yard-btn-bg: #f6f2ef;&#13;&#10; --mh-yard-btn-color: #0e0f0f;&#13;&#10;}&#13;&#10;.mh-yard__wrap {&#13;&#10; max-width: 732px;&#13;&#10; margin: 0 auto;&#13;&#10;}&#13;&#10;.mh-yard__mark {&#13;&#10; position: relative;&#13;&#10; display: inline-block;&#13;&#10; margin: 0 0 clamp(20px, 3vw, 36px);&#13;&#10; font-size: clamp(48px, 5.6vw, 76px);&#13;&#10; font-weight: 200;&#13;&#10; line-height: 0.95;&#13;&#10; color: var(--mh-yard-soft);&#13;&#10;}&#13;&#10;.mh-yard__mark::after {&#13;&#10; content: '';&#13;&#10; position: absolute;&#13;&#10; right: -10px;&#13;&#10; top: 4px;&#13;&#10; width: 7px;&#13;&#10; height: 8px;&#13;&#10; border-radius: 50%;&#13;&#10; background: var(--mh-yard-acc);&#13;&#10;}&#13;&#10;.mh-yard__ttl {&#13;&#10; margin: 0;&#13;&#10; font-family: var(--base-font-head, var(--base-font, 'Noto Sans KR', sans-serif));&#13;&#10; font-size: clamp(30px, 3.8vw, 50px);&#13;&#10; font-weight: 800;&#13;&#10; line-height: 1.2;&#13;&#10; letter-spacing: -0.04em;&#13;&#10;}&#13;&#10;.mh-yard__body {&#13;&#10; margin: clamp(16px, 2vw, 26px) auto 0;&#13;&#10; max-width: 27.625em;&#13;&#10; font-size: clamp(16px, 1.2vw, 18px);&#13;&#10; line-height: 1.85;&#13;&#10; color: var(--mh-yard-soft);&#13;&#10;}&#13;&#10;.mh-yard__form {&#13;&#10; display: flex;&#13;&#10; align-items: flex-end;&#13;&#10; gap: 14px;&#13;&#10; max-width: 566px;&#13;&#10; margin: clamp(38px, 4.6vw, 52px) auto 0;&#13;&#10; text-align: left;&#13;&#10;}&#13;&#10;.mh-yard__field {&#13;&#10; position: relative;&#13;&#10; flex: 1;&#13;&#10; display: flex;&#13;&#10; flex-direction: column;&#13;&#10; gap: 6px;&#13;&#10; min-width: 0;&#13;&#10;}&#13;&#10;.mh-yard__caption {&#13;&#10; font-size: 14px;&#13;&#10; font-weight: 500;&#13;&#10; color: var(--mh-yard-soft);&#13;&#10;}&#13;&#10;.mh-yard__input {&#13;&#10; width: 100%;&#13;&#10; box-sizing: border-box;&#13;&#10; min-height: 56px;&#13;&#10; padding: 0 2px;&#13;&#10; border: 0;&#13;&#10; border-bottom: 1px solid var(--mh-yard-bar);&#13;&#10; border-radius: 0;&#13;&#10; background: transparent;&#13;&#10; color: var(--mh-yard-color);&#13;&#10; font-family: var(--base-font, 'Noto Sans KR', sans-serif);&#13;&#10; font-size: 18px;&#13;&#10; outline: none;&#13;&#10;}&#13;&#10;.mh-yard__input::placeholder {&#13;&#10; color: var(--mh-yard-soft);&#13;&#10; opacity: 1;&#13;&#10;}&#13;&#10;.mh-yard__under {&#13;&#10; position: absolute;&#13;&#10; left: 0;&#13;&#10; right: 0;&#13;&#10; bottom: 0;&#13;&#10; height: 2px;&#13;&#10; background: var(--mh-yard-acc);&#13;&#10; transform: scaleX(0);&#13;&#10; transform-origin: 0 50%;&#13;&#10; transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);&#13;&#10;}&#13;&#10;.mh-yard__field:focus-within .mh-yard__under {&#13;&#10; transform: scaleX(1);&#13;&#10;}&#13;&#10;.mh-yard__input[aria-invalid="true"] {&#13;&#10; border-bottom-color: var(--mh-yard-color);&#13;&#10;}&#13;&#10;.mh-yard__send {&#13;&#10; display: inline-flex;&#13;&#10; align-items: center;&#13;&#10; gap: 14px;&#13;&#10; flex-shrink: 0;&#13;&#10; min-height: 56px;&#13;&#10; padding: 0 28px;&#13;&#10; border: 0;&#13;&#10; border-radius: var(--base-btn-r, 912px);&#13;&#10; background: var(--mh-yard-btn-bg);&#13;&#10; color: var(--mh-yard-btn-color);&#13;&#10; font-family: var(--base-font, 'Noto Sans KR', sans-serif);&#13;&#10; font-size: 14px;&#13;&#10; font-weight: 700;&#13;&#10; cursor: pointer;&#13;&#10; transition: transform 0.3s ease;&#13;&#10;}&#13;&#10;.mh-yard__send:hover {&#13;&#10; transform: translateY(-2px);&#13;&#10;}&#13;&#10;.mh-yard__send:focus-visible {&#13;&#10; outline: 2px solid var(--mh-yard-color);&#13;&#10; outline-offset: 3px;&#13;&#10;}&#13;&#10;.mh-yard__status {&#13;&#10; min-height: 26px;&#13;&#10; max-width: 574px;&#13;&#10; margin: 14px auto 0;&#13;&#10; text-align: left;&#13;&#10;}&#13;&#10;.mh-yard__msg {&#13;&#10; display: none;&#13;&#10; align-items: center;&#13;&#10; gap: 9px;&#13;&#10; margin: 0;&#13;&#10; font-size: 14px;&#13;&#10; line-height: 1.55;&#13;&#10;}&#13;&#10;.mh-yard__msg::before {&#13;&#10; content: '';&#13;&#10; width: 6px;&#13;&#10; height: 6px;&#13;&#10; border-radius: 50%;&#13;&#10; background: var(--mh-yard-acc);&#13;&#10; flex-shrink: 0;&#13;&#10;}&#13;&#10;[data-mh-yard-r="ok"] [data-mh-yard-m="ok"],&#13;&#10;[data-mh-yard-r="err"] [data-mh-yard-m="err"] {&#13;&#10; display: flex;&#13;&#10;}&#13;&#10;.mh-yard__perks {&#13;&#10; display: flex;&#13;&#10; flex-wrap: wrap;&#13;&#10; justify-content: center;&#13;&#10; gap: 14px 32px;&#13;&#10; margin: clamp(28px, 3.6vw, 42px) 0 0;&#13;&#10; padding: 0;&#13;&#10; list-style: none;&#13;&#10;}&#13;&#10;.mh-yard__perk {&#13;&#10; display: inline-flex;&#13;&#10; align-items: center;&#13;&#10; gap: 9px;&#13;&#10; font-size: 16px;&#13;&#10; color: var(--mh-yard-soft);&#13;&#10;}&#13;&#10;.mh-yard__check {&#13;&#10; width: 16px;&#13;&#10; height: 16px;&#13;&#10; flex-shrink: 0;&#13;&#10; fill: none;&#13;&#10; stroke: var(--mh-yard-acc);&#13;&#10; stroke-width: 1.5;&#13;&#10; stroke-linecap: round;&#13;&#10; stroke-linejoin: round;&#13;&#10;}&#13;&#10;[data-mh-yard-reveal] {&#13;&#10; transition: opacity 1.15s cubic-bezier(0.16, 1, 0.3, 1), transform 1.1s cubic-bezier(0.16, 1, 0.3, 1);&#13;&#10;}&#13;&#10;[data-mh-yard-state="0"] [data-mh-yard-reveal] {&#13;&#10; opacity: 0;&#13;&#10; transform: translateY(26px);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;@media (max-width: 508px) {&#13;&#10; .mh-yard__form {&#13;&#10; flex-direction: column;&#13;&#10; align-items: stretch;&#13;&#10; }&#13;&#10; .mh-yard__send {&#13;&#10; justify-content: center;&#13;&#10; }&#13;&#10;}&#13;&#10;&#13;&#10;&lt;/style&gt;&#13;&#10;&#13;&#10;&lt;section class="mh-dock" data-mh-dock="" data-mh-dock-scheme="light"&gt;&#13;&#10;&lt;div class="mh-dock__wrap"&gt;&#13;&#10;&lt;p class="mh-dock__pre mh-pre" data-mh-dock-reveal=""&gt;&lt;span aria-hidden="true" class="mh-dock__pip"&gt;&lt;/span&gt;진행 절차&lt;/p&gt;&#13;&#10;&lt;h1 class="mh-dock__ttl mh-hero-ttl" data-mh-dock-reveal=""&gt;상위노출 진행 절차와 기간&lt;/h1&gt;&#13;&#10;&lt;div aria-hidden="true" class="mh-dock__divider"&gt;&lt;div class="mh-dock__divider-level"&gt;&lt;/div&gt;&lt;/div&gt;&#13;&#10;&lt;div class="mh-dock__row"&gt;&#13;&#10;&lt;p class="mh-dock__body mh-body" data-mh-dock-reveal=""&gt;상담 뒤 작업은 네 단계로 나눠 진행해요. 단계마다 걸리는 기간과 사장님이 준비하실 것을 함께 적었습니다.&lt;/p&gt;&#13;&#10;&lt;div class="mh-dock__note" data-mh-dock-reveal=""&gt;&#13;&#10;&lt;p class="mh-dock__note-head"&gt;전체 단계&lt;/p&gt;&#13;&#10;&lt;p class="mh-dock__note-p"&gt;네 단계로 진행&lt;/p&gt;&#13;&#10;&lt;/div&gt;&#13;&#10;&lt;div class="mh-dock__note" data-mh-dock-reveal=""&gt;&#13;&#10;&lt;p class="mh-dock__note-head"&gt;보고 주기&lt;/p&gt;&#13;&#10;&lt;p class="mh-dock__note-p"&gt;매월 1회 보고서 전달&lt;/p&gt;&#13;&#10;&lt;/div&gt;&#13;&#10;&lt;/div&gt;&#13;&#10;&lt;/div&gt;&#13;&#10;&lt;script&gt;&#13;&#10; (function () {&#13;&#10; var N = {"root": "data-mh-dock", "tone": "data-mh-dock-scheme", "state": "data-mh-dock-state", "item": "data-mh-dock-reveal"};&#13;&#10; var s = document.currentScript;&#13;&#10; var R = s &amp;&amp; s.closest('[' + N.root + ']');&#13;&#10; if (!R) { return; }&#13;&#10; var items = R.querySelectorAll('[' + N.item + ']');&#13;&#10; // 시간차는 현재 DOM 순서로 매김&#13;&#10; for (var i = 0; i &lt; items.length; i++) {&#13;&#10; items[i].style.transitionDelay = (i * 0.1) + 's, ' + (i * 0.1) + 's';&#13;&#10; }&#13;&#10; var show = function () { R.setAttribute(N.state, '1'); };&#13;&#10; if (!('IntersectionObserver' in window)) { return; }&#13;&#10; R.setAttribute(N.state, '0');&#13;&#10; var io = new IntersectionObserver(function (es) {&#13;&#10; if (es[0].isIntersecting) {&#13;&#10; io.disconnect();&#13;&#10; requestAnimationFrame(function () { requestAnimationFrame(show); });&#13;&#10; }&#13;&#10; }, { threshold: 0.15 });&#13;&#10; io.observe(R);&#13;&#10; })();&#13;&#10; &lt;/script&gt;&#13;&#10;&lt;/section&gt;</description></item><item><title>웹사이트상위노출 월간 관리 범위와 한계</title><link>https://toppagelab.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%EA%B4%80%EB%A6%AC.html</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://toppagelab.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%EA%B4%80%EB%A6%AC.html</guid><description>&lt;style&gt;&#13;&#10;&#13;&#10;&#13;&#10;.mh-folio {&#13;&#10; --mh-folio-bg: var(--base-bg, #f8f3ef);&#13;&#10; --mh-folio-color: var(--base-p, #10140e);&#13;&#10; --mh-folio-soft: rgba(19, 17, 19, 0.68);&#13;&#10; --mh-folio-bar: rgba(19, 20, 18, 0.15);&#13;&#10; --mh-folio-acc: var(--base-main, #fd6b1c);&#13;&#10; position: relative;&#13;&#10; box-sizing: border-box;&#13;&#10; padding: clamp(154px, 14vw, 190px) 22px 0;&#13;&#10; background: var(--mh-folio-bg);&#13;&#10; color: var(--mh-folio-color);&#13;&#10; font-family: var(--base-font, 'Noto Sans KR', sans-serif);&#13;&#10; word-break: keep-all;&#13;&#10;}&#13;&#10;.mh-folio[data-mh-folio-scheme="dark"] {&#13;&#10; --mh-folio-bg: var(--base-deep, #090a0c);&#13;&#10; --mh-folio-color: #f7efee;&#13;&#10; --mh-folio-soft: rgba(242, 243, 237, 0.7);&#13;&#10; --mh-folio-bar: rgba(244, 242, 239, 0.17);&#13;&#10;}&#13;&#10;.mh-folio__wrap {&#13;&#10; max-width: var(--base-width, 1110px);&#13;&#10; margin: 0 auto;&#13;&#10; padding-bottom: clamp(66px, 8vw, 122px);&#13;&#10; border-bottom: 1px solid var(--mh-folio-bar);&#13;&#10;}&#13;&#10;.mh-folio__cols {&#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;.mh-folio__ttl {&#13;&#10; margin: 0;&#13;&#10; font-family: var(--base-font-head, var(--base-font, 'Noto Sans KR', sans-serif));&#13;&#10; font-size: clamp(34px, 5.6vw, 86px);&#13;&#10; font-weight: 800;&#13;&#10; line-height: 1.15;&#13;&#10; letter-spacing: -0.042em;&#13;&#10;}&#13;&#10;.mh-folio__split {&#13;&#10; position: relative;&#13;&#10; align-self: stretch;&#13;&#10; min-height: 122px;&#13;&#10; background: var(--mh-folio-bar);&#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;.mh-folio__split::after {&#13;&#10; content: '';&#13;&#10; position: absolute;&#13;&#10; left: 0;&#13;&#10; bottom: 0;&#13;&#10; width: 1px;&#13;&#10; height: 34px;&#13;&#10; background: var(--mh-folio-acc);&#13;&#10;}&#13;&#10;.mh-folio__side {&#13;&#10; display: flex;&#13;&#10; flex-direction: column;&#13;&#10; gap: clamp(20px, 2.4vw, 28px);&#13;&#10; padding-bottom: 6px;&#13;&#10;}&#13;&#10;.mh-folio__body {&#13;&#10; max-width: 26.75em;&#13;&#10; margin: 0;&#13;&#10; font-size: clamp(16px, 1.45vw, 22px);&#13;&#10; font-weight: 300;&#13;&#10; line-height: 1.85;&#13;&#10; letter-spacing: -0.01em;&#13;&#10;}&#13;&#10;.mh-folio__extra {&#13;&#10; max-width: 28.875em;&#13;&#10; margin: 0;&#13;&#10; font-size: 16px;&#13;&#10; font-weight: 400;&#13;&#10; line-height: 1.8;&#13;&#10; color: var(--mh-folio-soft);&#13;&#10;}&#13;&#10;.mh-folio__meta {&#13;&#10; display: flex;&#13;&#10; flex-wrap: wrap;&#13;&#10; gap: 8px 28px;&#13;&#10; margin: 0;&#13;&#10; padding: 0;&#13;&#10; list-style: none;&#13;&#10; font-size: 14px;&#13;&#10; font-weight: 500;&#13;&#10; color: var(--mh-folio-soft);&#13;&#10;}&#13;&#10;[data-mh-folio-reveal] {&#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-mh-folio-state="0"] [data-mh-folio-reveal] {&#13;&#10; opacity: 0;&#13;&#10; transform: translateY(26px);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;[data-mh-folio-state="0"] .mh-folio__split {&#13;&#10; transform: scaleY(0);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;@media (max-width: 936px) {&#13;&#10; .mh-folio__cols {&#13;&#10; grid-template-columns: 1fr;&#13;&#10; gap: 30px;&#13;&#10; }&#13;&#10; .mh-folio__split {&#13;&#10; min-height: 0;&#13;&#10; height: 1px;&#13;&#10; width: 64px;&#13;&#10; transform-origin: 0 50%;&#13;&#10; }&#13;&#10; .mh-folio__split::after {&#13;&#10; width: 24px;&#13;&#10; height: 1px;&#13;&#10; }&#13;&#10; [data-mh-folio-state="0"] .mh-folio__split {&#13;&#10; transform: scaleX(0);&#13;&#10; }&#13;&#10;}&#13;&#10;&#13;&#10;&#13;&#10;&#13;&#10;&#13;&#10;.mh-part {&#13;&#10; --mh-part-bg: var(--base-bg, #f5f5f2);&#13;&#10; --mh-part-color: var(--base-p, #0e1014);&#13;&#10; --mh-part-soft: rgba(20, 15, 18, 0.68);&#13;&#10; --mh-part-bar: rgba(17, 19, 15, 0.14);&#13;&#10; --mh-part-acc: var(--base-main, #fc6a1f);&#13;&#10; position: relative;&#13;&#10; box-sizing: border-box;&#13;&#10; padding: clamp(88px, 12vw, 156px) 22px clamp(80px, 10vw, 148px);&#13;&#10; background: var(--mh-part-bg);&#13;&#10; color: var(--mh-part-color);&#13;&#10; font-family: var(--base-font, 'Noto Sans KR', sans-serif);&#13;&#10; word-break: keep-all;&#13;&#10;}&#13;&#10;.mh-part[data-mh-part-scheme="dark"] {&#13;&#10; --mh-part-bg: var(--base-deep, #0f090d);&#13;&#10; --mh-part-color: #f6f0ea;&#13;&#10; --mh-part-soft: rgba(242, 240, 238, 0.7);&#13;&#10; --mh-part-bar: rgba(242, 241, 239, 0.16);&#13;&#10;}&#13;&#10;.mh-part__wrap {&#13;&#10; max-width: var(--base-width, 1094px);&#13;&#10; margin: 0 auto;&#13;&#10; display: grid;&#13;&#10; grid-template-columns: minmax(0, 4fr) minmax(0, 7fr);&#13;&#10; gap: clamp(42px, 8vw, 122px);&#13;&#10; align-items: start;&#13;&#10;}&#13;&#10;.mh-part__side {&#13;&#10; position: sticky;&#13;&#10; top: 110px;&#13;&#10;}&#13;&#10;.mh-part__ttl {&#13;&#10; margin: 0;&#13;&#10; font-family: var(--base-font-head, var(--base-font, 'Noto Sans KR', sans-serif));&#13;&#10; font-size: clamp(28px, 3.6vw, 50px);&#13;&#10; font-weight: 800;&#13;&#10; line-height: 1.2;&#13;&#10; letter-spacing: -0.042em;&#13;&#10;}&#13;&#10;.mh-part__body {&#13;&#10; max-width: 24em;&#13;&#10; margin: clamp(20px, 2.6vw, 36px) 0 0;&#13;&#10; font-size: clamp(14px, 1.1vw, 16px);&#13;&#10; font-weight: 400;&#13;&#10; line-height: 1.8;&#13;&#10; color: var(--mh-part-soft);&#13;&#10;}&#13;&#10;.mh-part__list {&#13;&#10; margin: 0;&#13;&#10; padding: 0;&#13;&#10; list-style: none;&#13;&#10; border-bottom: 1px solid var(--mh-part-bar);&#13;&#10;}&#13;&#10;.mh-part__row {&#13;&#10; position: relative;&#13;&#10; display: grid;&#13;&#10; grid-template-columns: clamp(90px, 13vw, 188px) minmax(0, 1fr);&#13;&#10; gap: clamp(18px, 3vw, 44px);&#13;&#10; align-items: baseline;&#13;&#10; padding: clamp(26px, 3vw, 40px) 0;&#13;&#10; border-top: 1px solid var(--mh-part-bar);&#13;&#10;}&#13;&#10;.mh-part__row::before {&#13;&#10; content: '';&#13;&#10; position: absolute;&#13;&#10; left: 0;&#13;&#10; top: -1px;&#13;&#10; width: 56px;&#13;&#10; height: 1px;&#13;&#10; background: var(--mh-part-acc);&#13;&#10; transform-origin: 0 50%;&#13;&#10; transition: transform 1.1s cubic-bezier(0.16, 1, 0.3, 1);&#13;&#10; transition-delay: inherit;&#13;&#10;}&#13;&#10;.mh-part__year {&#13;&#10; font-size: clamp(32px, 3.4vw, 48px);&#13;&#10; font-weight: 300;&#13;&#10; line-height: 1;&#13;&#10; letter-spacing: -0.03em;&#13;&#10; font-variant-numeric: tabular-nums;&#13;&#10;}&#13;&#10;.mh-part__bar-head {&#13;&#10; display: block;&#13;&#10; margin: 0;&#13;&#10; font-size: clamp(16px, 1.3vw, 22px);&#13;&#10; font-weight: 700;&#13;&#10; letter-spacing: -0.015em;&#13;&#10; line-height: 1.5;&#13;&#10;}&#13;&#10;.mh-part__bar-p {&#13;&#10; display: block;&#13;&#10; margin-top: 5px;&#13;&#10; font-size: 14px;&#13;&#10; line-height: 1.7;&#13;&#10; color: var(--mh-part-soft);&#13;&#10;}&#13;&#10;.mh-part__now {&#13;&#10; display: flex;&#13;&#10; align-items: center;&#13;&#10; gap: 12px;&#13;&#10; margin: clamp(28px, 3vw, 44px) 0 0;&#13;&#10; font-size: 16px;&#13;&#10; color: var(--mh-part-soft);&#13;&#10;}&#13;&#10;.mh-part__pip {&#13;&#10; position: relative;&#13;&#10; width: 7px;&#13;&#10; height: 8px;&#13;&#10; border-radius: 50%;&#13;&#10; background: var(--mh-part-acc);&#13;&#10; flex-shrink: 0;&#13;&#10;}&#13;&#10;.mh-part__pip::after {&#13;&#10; content: '';&#13;&#10; position: absolute;&#13;&#10; inset: -5px;&#13;&#10; border-radius: 50%;&#13;&#10; border: 1px solid var(--mh-part-acc);&#13;&#10; opacity: 0;&#13;&#10; animation: part-ring-fx 2.95s cubic-bezier(0.16, 1, 0.3, 1) infinite;&#13;&#10;}&#13;&#10;@keyframes part-ring-fx {&#13;&#10; 0% { transform: scale(0.5); opacity: 0.9; }&#13;&#10; 70% { transform: scale(1.6); opacity: 0; }&#13;&#10; 100% { transform: scale(1.6); opacity: 0; }&#13;&#10;}&#13;&#10;[data-mh-part-p="0"] .mh-part__pip::after {&#13;&#10; animation-play-state: paused;&#13;&#10;}&#13;&#10;[data-mh-part-reveal] {&#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-mh-part-state="0"] [data-mh-part-reveal] {&#13;&#10; opacity: 0;&#13;&#10; transform: translateY(22px);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;[data-mh-part-state="0"] .mh-part__row::before {&#13;&#10; transform: scaleX(0);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;@media (max-width: 980px) {&#13;&#10; .mh-part__wrap {&#13;&#10; grid-template-columns: 1fr;&#13;&#10; }&#13;&#10; .mh-part__side {&#13;&#10; position: static;&#13;&#10; }&#13;&#10;}&#13;&#10;@media (max-width: 614px) {&#13;&#10; .mh-part__row {&#13;&#10; grid-template-columns: 1fr;&#13;&#10; gap: 14px;&#13;&#10; }&#13;&#10;}&#13;&#10;&#13;&#10;&#13;&#10;&#13;&#10;&#13;&#10;.mh-layer {&#13;&#10; --mh-layer-bg: var(--base-bg, #f3f2f4);&#13;&#10; --mh-layer-color: var(--base-p, #14130e);&#13;&#10; --mh-layer-soft: rgba(19, 20, 19, 0.7);&#13;&#10; --mh-layer-tile: rgba(16, 18, 17, 0.05);&#13;&#10; --mh-layer-bar: rgba(14, 16, 17, 0.12);&#13;&#10; --mh-layer-acc: var(--base-main, #ff6a1f);&#13;&#10; position: relative;&#13;&#10; box-sizing: border-box;&#13;&#10; padding: clamp(100px, 12vw, 178px) 20px clamp(80px, 9vw, 110px);&#13;&#10; background: var(--mh-layer-bg);&#13;&#10; color: var(--mh-layer-color);&#13;&#10; font-family: var(--base-font, 'Noto Sans KR', sans-serif);&#13;&#10; word-break: keep-all;&#13;&#10;}&#13;&#10;.mh-layer[data-mh-layer-scheme="dark"] {&#13;&#10; --mh-layer-bg: var(--base-deep, #0e0d10);&#13;&#10; --mh-layer-color: #f4f3eb;&#13;&#10; --mh-layer-soft: rgba(243, 244, 240, 0.7);&#13;&#10; --mh-layer-tile: rgba(243, 241, 237, 0.06);&#13;&#10; --mh-layer-bar: rgba(244, 241, 240, 0.14);&#13;&#10;}&#13;&#10;.mh-layer__wrap {&#13;&#10; max-width: var(--base-width, 1102px);&#13;&#10; margin: 0 auto;&#13;&#10;}&#13;&#10;.mh-layer__ttl {&#13;&#10; max-width: 18.5em;&#13;&#10; margin: 0 0 16px;&#13;&#10; font-family: var(--base-font-head, var(--base-font, 'Noto Sans KR', sans-serif));&#13;&#10; font-size: clamp(30px, 3.6vw, 48px);&#13;&#10; font-weight: 800;&#13;&#10; line-height: 1.2;&#13;&#10; letter-spacing: -0.04em;&#13;&#10;}&#13;&#10;.mh-layer__body {&#13;&#10; max-width: 36em;&#13;&#10; margin: 0 0 clamp(44px, 5vw, 66px);&#13;&#10; font-size: clamp(16px, 1.1vw, 16px);&#13;&#10; line-height: 1.7;&#13;&#10; color: var(--mh-layer-soft);&#13;&#10;}&#13;&#10;.mh-layer__cols {&#13;&#10; display: grid;&#13;&#10; grid-template-columns: repeat(4, 1fr);&#13;&#10; gap: 14px;&#13;&#10; counter-reset: ft09n-anim;&#13;&#10;}&#13;&#10;.mh-layer__tile {&#13;&#10; position: relative;&#13;&#10; display: flex;&#13;&#10; flex-direction: column;&#13;&#10; justify-content: space-between;&#13;&#10; gap: 46px;&#13;&#10; min-height: clamp(242px, 24vw, 298px);&#13;&#10; padding: clamp(22px, 2.4vw, 36px);&#13;&#10; border: 1px solid var(--mh-layer-bar);&#13;&#10; border-radius: var(--base-r, 14px);&#13;&#10; background: var(--mh-layer-tile);&#13;&#10; overflow: hidden;&#13;&#10; counter-increment: ft09n-anim;&#13;&#10;}&#13;&#10;.mh-layer__tile::before {&#13;&#10; content: counter(ft09n-anim, decimal-leading-zero);&#13;&#10; font-size: 16px;&#13;&#10; font-weight: 400;&#13;&#10; letter-spacing: 0.11em;&#13;&#10; color: var(--mh-layer-soft);&#13;&#10;}&#13;&#10;.mh-layer__edge {&#13;&#10; position: absolute;&#13;&#10; left: clamp(26px, 2.4vw, 32px);&#13;&#10; top: -1px;&#13;&#10; width: 38px;&#13;&#10; height: 2px;&#13;&#10; background: var(--mh-layer-acc);&#13;&#10; transform-origin: 0 50%;&#13;&#10; transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0.65s, width 0.4s ease;&#13;&#10;}&#13;&#10;.mh-layer__tile:hover .mh-layer__edge {&#13;&#10; width: 74px;&#13;&#10;}&#13;&#10;.mh-layer__name {&#13;&#10; margin: 0 0 12px;&#13;&#10; font-family: var(--base-font-head, var(--base-font, 'Noto Sans KR', sans-serif));&#13;&#10; font-size: clamp(16px, 1.5vw, 20px);&#13;&#10; font-weight: 800;&#13;&#10; line-height: 1.3;&#13;&#10; letter-spacing: -0.025em;&#13;&#10;}&#13;&#10;.mh-layer__p {&#13;&#10; margin: 0;&#13;&#10; font-size: 16px;&#13;&#10; line-height: 1.75;&#13;&#10; color: var(--mh-layer-soft);&#13;&#10;}&#13;&#10;[data-mh-layer-reveal] {&#13;&#10; transition: opacity 0.95s cubic-bezier(0.16, 1, 0.3, 1), transform 0.85s cubic-bezier(0.16, 1, 0.3, 1);&#13;&#10;}&#13;&#10;[data-mh-layer-state="0"] [data-mh-layer-reveal] {&#13;&#10; opacity: 0;&#13;&#10; transform: translateY(24px);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;[data-mh-layer-state="0"] .mh-layer__edge {&#13;&#10; transform: scaleX(0);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;@media (max-width: 986px) {&#13;&#10; .mh-layer__cols {&#13;&#10; grid-template-columns: repeat(2, 1fr);&#13;&#10; }&#13;&#10;}&#13;&#10;@media (max-width: 562px) {&#13;&#10; .mh-layer__cols {&#13;&#10; grid-template-columns: 1fr;&#13;&#10; }&#13;&#10; .mh-layer__tile {&#13;&#10; min-height: 0;&#13;&#10; }&#13;&#10;}&#13;&#10;&#13;&#10;&#13;&#10;&#13;&#10;&#13;&#10;.mh-zone {&#13;&#10; --mh-zone-bg: var(--base-bg, #f9f2ee);&#13;&#10; --mh-zone-color: var(--base-p, #130f13);&#13;&#10; --mh-zone-soft: rgba(18, 18, 20, 0.7);&#13;&#10; --mh-zone-bar: rgba(19, 15, 18, 0.15);&#13;&#10; --mh-zone-acc: var(--base-main, #fd6c1f);&#13;&#10; position: relative;&#13;&#10; box-sizing: border-box;&#13;&#10; padding: clamp(86px, 12.5vw, 172px) 20px clamp(72px, 8.5vw, 116px);&#13;&#10; background: var(--mh-zone-bg);&#13;&#10; color: var(--mh-zone-color);&#13;&#10; font-family: var(--base-font, 'Noto Sans KR', sans-serif);&#13;&#10; word-break: keep-all;&#13;&#10; overflow: hidden;&#13;&#10;}&#13;&#10;.mh-zone[data-mh-zone-scheme="dark"] {&#13;&#10; --mh-zone-bg: var(--base-deep, #0b0a10);&#13;&#10; --mh-zone-color: #f3f4ed;&#13;&#10; --mh-zone-soft: rgba(241, 240, 237, 0.7);&#13;&#10; --mh-zone-bar: rgba(241, 241, 236, 0.17);&#13;&#10;}&#13;&#10;.mh-zone__wrap {&#13;&#10; max-width: var(--base-width, 1180px);&#13;&#10; margin: 0 auto;&#13;&#10;}&#13;&#10;.mh-zone__head {&#13;&#10; display: flex;&#13;&#10; flex-wrap: wrap;&#13;&#10; justify-content: space-between;&#13;&#10; align-items: flex-end;&#13;&#10; gap: 24px clamp(30px, 6vw, 98px);&#13;&#10; margin-bottom: clamp(40px, 6vw, 76px);&#13;&#10;}&#13;&#10;.mh-zone__ttl {&#13;&#10; margin: 0;&#13;&#10; max-width: 11.75em;&#13;&#10; font-family: var(--base-font-head, var(--base-font, 'Noto Sans KR', sans-serif));&#13;&#10; font-size: clamp(34px, 4.6vw, 66px);&#13;&#10; font-weight: 900;&#13;&#10; line-height: 1.1;&#13;&#10; letter-spacing: -0.045em;&#13;&#10;}&#13;&#10;.mh-zone__body {&#13;&#10; margin: 0;&#13;&#10; max-width: 26em;&#13;&#10; font-size: clamp(14px, 1.15vw, 18px);&#13;&#10; font-weight: 300;&#13;&#10; line-height: 1.9;&#13;&#10; color: var(--mh-zone-soft);&#13;&#10;}&#13;&#10;.mh-zone__list {&#13;&#10; margin: 0;&#13;&#10; padding: 0;&#13;&#10; list-style: none;&#13;&#10; counter-reset: pr04c-anim;&#13;&#10;}&#13;&#10;.mh-zone__row {&#13;&#10; position: relative;&#13;&#10; display: grid;&#13;&#10; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);&#13;&#10; gap: clamp(20px, 4vw, 62px);&#13;&#10; align-items: end;&#13;&#10; padding: clamp(26px, 3vw, 42px) 0 clamp(28px, 3.6vw, 48px);&#13;&#10; counter-increment: pr04c-anim;&#13;&#10;}&#13;&#10;.mh-zone__divider {&#13;&#10; position: absolute;&#13;&#10; left: 0;&#13;&#10; right: 0;&#13;&#10; top: 0;&#13;&#10; height: 1px;&#13;&#10; background: var(--mh-zone-bar);&#13;&#10; overflow: hidden;&#13;&#10; transition-delay: inherit;&#13;&#10;}&#13;&#10;.mh-zone__divider-level {&#13;&#10; position: absolute;&#13;&#10; left: 0;&#13;&#10; top: 0;&#13;&#10; width: 100%;&#13;&#10; height: 1px;&#13;&#10; background: var(--mh-zone-acc);&#13;&#10; transform-origin: 0 50%;&#13;&#10; transform: scaleX(0.12);&#13;&#10; transition: transform 1.35s cubic-bezier(0.65, 0, 0.35, 1);&#13;&#10; transition-delay: inherit;&#13;&#10;}&#13;&#10;.mh-zone__row:hover .mh-zone__divider-level {&#13;&#10; transform: scaleX(1);&#13;&#10; transition-delay: 0s;&#13;&#10;}&#13;&#10;.mh-zone__mask {&#13;&#10; display: block;&#13;&#10; overflow: hidden;&#13;&#10; padding-bottom: 0.04em;&#13;&#10; transition-delay: inherit;&#13;&#10;}&#13;&#10;.mh-zone__no {&#13;&#10; display: block;&#13;&#10; font-size: clamp(104px, 15vw, 208px);&#13;&#10; font-weight: 300;&#13;&#10; line-height: 0.85;&#13;&#10; letter-spacing: -0.07em;&#13;&#10; transition: transform 1.15s cubic-bezier(0.16, 1, 0.3, 1);&#13;&#10; transition-delay: inherit;&#13;&#10;}&#13;&#10;.mh-zone__no::before {&#13;&#10; content: counter(pr04c-anim);&#13;&#10;}&#13;&#10;.mh-zone__content {&#13;&#10; max-width: 28.625em;&#13;&#10; padding-bottom: 0.37em;&#13;&#10;}&#13;&#10;.mh-zone__name {&#13;&#10; margin: 0 0 12px;&#13;&#10; font-size: clamp(22px, 2vw, 28px);&#13;&#10; font-weight: 800;&#13;&#10; line-height: 1.35;&#13;&#10; letter-spacing: -0.03em;&#13;&#10;}&#13;&#10;.mh-zone__p {&#13;&#10; margin: 0;&#13;&#10; font-size: 16px;&#13;&#10; font-weight: 400;&#13;&#10; line-height: 1.8;&#13;&#10; color: var(--mh-zone-soft);&#13;&#10;}&#13;&#10;[data-mh-zone-reveal] {&#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-mh-zone-state="0"] [data-mh-zone-reveal] {&#13;&#10; opacity: 0;&#13;&#10; transform: translateY(20px);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;[data-mh-zone-state="0"] .mh-zone__no {&#13;&#10; transform: translateY(100%);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;[data-mh-zone-state="0"] .mh-zone__divider-level {&#13;&#10; transform: scaleX(0);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;@media (max-width: 672px) {&#13;&#10; .mh-zone__row {&#13;&#10; grid-template-columns: auto minmax(0, 1fr);&#13;&#10; gap: 20px;&#13;&#10; align-items: start;&#13;&#10; }&#13;&#10; .mh-zone__no {&#13;&#10; font-size: 68px;&#13;&#10; min-width: 0.96em;&#13;&#10; }&#13;&#10; .mh-zone__content {&#13;&#10; padding: 6px 0 0;&#13;&#10; }&#13;&#10;}&#13;&#10;&#13;&#10;&#13;&#10;&#13;&#10;&#13;&#10;.mh-field {&#13;&#10; --mh-field-bg: var(--base-bg, #f8f5f1);&#13;&#10; --mh-field-color: var(--base-p, #0e1011);&#13;&#10; --mh-field-soft: rgba(14, 15, 20, 0.72);&#13;&#10; --mh-field-bar: rgba(16, 14, 15, 0.14);&#13;&#10; --mh-field-hover: rgba(20, 20, 14, 0.03);&#13;&#10; --mh-field-acc: var(--base-main, #fd6c22);&#13;&#10; position: relative;&#13;&#10; box-sizing: border-box;&#13;&#10; padding: clamp(62px, 8vw, 110px) 22px clamp(62px, 7.5vw, 96px);&#13;&#10; background: var(--mh-field-bg);&#13;&#10; color: var(--mh-field-color);&#13;&#10; font-family: var(--base-font, 'Noto Sans KR', sans-serif);&#13;&#10; word-break: keep-all;&#13;&#10;}&#13;&#10;.mh-field[data-mh-field-scheme="dark"] {&#13;&#10; --mh-field-bg: var(--base-deep, #0a0d0e);&#13;&#10; --mh-field-color: #f1f4ea;&#13;&#10; --mh-field-soft: rgba(245, 241, 234, 0.72);&#13;&#10; --mh-field-bar: rgba(245, 239, 235, 0.16);&#13;&#10; --mh-field-hover: rgba(243, 241, 235, 0.04);&#13;&#10;}&#13;&#10;.mh-field__wrap {&#13;&#10; max-width: var(--base-width, 1210px);&#13;&#10; margin: 0 auto;&#13;&#10;}&#13;&#10;.mh-field__top {&#13;&#10; display: grid;&#13;&#10; grid-template-columns: 1fr 1fr;&#13;&#10; gap: clamp(22px, 4vw, 60px);&#13;&#10; align-items: end;&#13;&#10; margin-bottom: clamp(38px, 5vw, 66px);&#13;&#10;}&#13;&#10;.mh-field__ttl {&#13;&#10; max-width: 13.375em;&#13;&#10; margin: 0;&#13;&#10; font-family: var(--base-font-head, var(--base-font, 'Noto Sans KR', sans-serif));&#13;&#10; font-size: clamp(28px, 3.4vw, 40px);&#13;&#10; font-weight: 800;&#13;&#10; line-height: 1.15;&#13;&#10; letter-spacing: -0.04em;&#13;&#10;}&#13;&#10;.mh-field__body {&#13;&#10; justify-self: end;&#13;&#10; max-width: 27.5em;&#13;&#10; margin: 0;&#13;&#10; font-size: clamp(16px, 1.15vw, 18px);&#13;&#10; line-height: 1.75;&#13;&#10; color: var(--mh-field-soft);&#13;&#10;}&#13;&#10;.mh-field__cols {&#13;&#10; display: grid;&#13;&#10; grid-template-columns: repeat(4, 1fr);&#13;&#10; gap: 1px;&#13;&#10; margin: 0;&#13;&#10; padding: 0;&#13;&#10; list-style: none;&#13;&#10; border: 1px solid var(--mh-field-bar);&#13;&#10; background: var(--mh-field-bar);&#13;&#10;}&#13;&#10;.mh-field__cell {&#13;&#10; position: relative;&#13;&#10; display: flex;&#13;&#10; align-items: center;&#13;&#10; justify-content: center;&#13;&#10; min-height: clamp(112px, 11vw, 172px);&#13;&#10; padding: 20px 16px;&#13;&#10; background: var(--mh-field-bg);&#13;&#10; text-align: center;&#13;&#10; transition: background-color 0.4s ease;&#13;&#10;}&#13;&#10;.mh-field__cell::after {&#13;&#10; content: '';&#13;&#10; position: absolute;&#13;&#10; top: 14px;&#13;&#10; right: 14px;&#13;&#10; width: 5px;&#13;&#10; height: 5px;&#13;&#10; border-radius: 50%;&#13;&#10; background: var(--mh-field-acc);&#13;&#10; transform: scale(0);&#13;&#10; transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);&#13;&#10;}&#13;&#10;.mh-field__cell:hover {&#13;&#10; background-color: var(--mh-field-hover);&#13;&#10;}&#13;&#10;.mh-field__cell:hover::after {&#13;&#10; transform: scale(1);&#13;&#10;}&#13;&#10;.mh-field__mark {&#13;&#10; font-family: var(--base-font-head, var(--base-font, 'Noto Sans KR', sans-serif));&#13;&#10; color: var(--mh-field-soft);&#13;&#10; line-height: 1.2;&#13;&#10; transition: color 0.4s ease;&#13;&#10;}&#13;&#10;.mh-field__cell:hover .mh-field__mark {&#13;&#10; color: var(--mh-field-color);&#13;&#10;}&#13;&#10;.mh-field__mark-a {&#13;&#10; font-size: clamp(18px, 1.8vw, 22px);&#13;&#10; font-weight: 800;&#13;&#10; letter-spacing: -0.045em;&#13;&#10;}&#13;&#10;.mh-field__mark-b {&#13;&#10; font-size: clamp(12px, 1vw, 14px);&#13;&#10; font-weight: 400;&#13;&#10; letter-spacing: 0.35em;&#13;&#10; text-transform: uppercase;&#13;&#10;}&#13;&#10;.mh-field__mark-c {&#13;&#10; font-size: clamp(20px, 1.9vw, 28px);&#13;&#10; font-weight: 300;&#13;&#10; letter-spacing: -0.02em;&#13;&#10;}&#13;&#10;.mh-field__mark-d {&#13;&#10; font-size: clamp(16px, 1.4vw, 18px);&#13;&#10; font-weight: 900;&#13;&#10; letter-spacing: 0.09em;&#13;&#10; text-transform: uppercase;&#13;&#10;}&#13;&#10;.mh-field__mark-e {&#13;&#10; font-size: clamp(20px, 2vw, 30px);&#13;&#10; font-weight: 300;&#13;&#10; font-style: italic;&#13;&#10; letter-spacing: -0.03em;&#13;&#10;}&#13;&#10;.mh-field__mark-f {&#13;&#10; font-size: clamp(14px, 1.35vw, 18px);&#13;&#10; font-weight: 500;&#13;&#10; letter-spacing: 0.17em;&#13;&#10;}&#13;&#10;.mh-field__mark-g {&#13;&#10; font-size: clamp(18px, 1.8vw, 26px);&#13;&#10; font-weight: 700;&#13;&#10; letter-spacing: -0.035em;&#13;&#10; text-transform: lowercase;&#13;&#10;}&#13;&#10;.mh-field__mark-h {&#13;&#10; padding-bottom: 4px;&#13;&#10; border-bottom: 1px solid currentColor;&#13;&#10; font-size: clamp(14px, 1.25vw, 18px);&#13;&#10; font-weight: 600;&#13;&#10; letter-spacing: 0.02em;&#13;&#10;}&#13;&#10;[data-mh-field-reveal] {&#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), background-color 0.4s ease;&#13;&#10;}&#13;&#10;[data-mh-field-state="0"] [data-mh-field-reveal] {&#13;&#10; opacity: 0;&#13;&#10; transform: translateY(20px);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;@media (max-width: 974px) {&#13;&#10; .mh-field__top {&#13;&#10; grid-template-columns: 1fr;&#13;&#10; align-items: start;&#13;&#10; }&#13;&#10; .mh-field__body {&#13;&#10; justify-self: start;&#13;&#10; }&#13;&#10; .mh-field__cols {&#13;&#10; grid-template-columns: repeat(2, 1fr);&#13;&#10; }&#13;&#10;}&#13;&#10;&#13;&#10;&#13;&#10;&#13;&#10;&#13;&#10;.mh-view {&#13;&#10; --mh-view-bg: var(--base-bg, #f5f2f2);&#13;&#10; --mh-view-color: var(--base-p, #120e13);&#13;&#10; --mh-view-soft: rgba(17, 19, 17, 0.68);&#13;&#10; --mh-view-bar: rgba(20, 17, 18, 0.16);&#13;&#10; --mh-view-tile: #ffffff;&#13;&#10; --mh-view-acc: var(--base-main, #fc6a21);&#13;&#10; --mh-view-btn-bg: #14110e;&#13;&#10; --mh-view-btn-color: #fdfffe;&#13;&#10; position: relative;&#13;&#10; box-sizing: border-box;&#13;&#10; padding: clamp(72px, 10.5vw, 136px) 20px clamp(80px, 9vw, 130px);&#13;&#10; background: var(--mh-view-bg);&#13;&#10; color: var(--mh-view-color);&#13;&#10; font-family: var(--base-font, 'Noto Sans KR', sans-serif);&#13;&#10; word-break: keep-all;&#13;&#10;}&#13;&#10;.mh-view[data-mh-view-scheme="dark"] {&#13;&#10; --mh-view-bg: var(--base-deep, #0e0d0c);&#13;&#10; --mh-view-color: #f7f2eb;&#13;&#10; --mh-view-soft: rgba(245, 242, 240, 0.7);&#13;&#10; --mh-view-bar: rgba(244, 240, 234, 0.18);&#13;&#10; --mh-view-tile: #19151b;&#13;&#10; --mh-view-btn-bg: #f3f3ed;&#13;&#10; --mh-view-btn-color: #0b0f0d;&#13;&#10;}&#13;&#10;.mh-view__ticket {&#13;&#10; max-width: min(var(--base-width, 1282px), 1006px);&#13;&#10; margin: 0 auto;&#13;&#10; display: grid;&#13;&#10; grid-template-columns: 1fr minmax(238px, 0.46fr);&#13;&#10; background: var(--mh-view-tile);&#13;&#10; border: 1px solid var(--mh-view-bar);&#13;&#10; border-radius: var(--base-r, 14px);&#13;&#10;}&#13;&#10;.mh-view__main {&#13;&#10; padding: clamp(40px, 5vw, 74px) clamp(26px, 5vw, 70px);&#13;&#10;}&#13;&#10;.mh-view__pre {&#13;&#10; display: flex;&#13;&#10; align-items: center;&#13;&#10; gap: 14px;&#13;&#10; margin: 0 0 clamp(24px, 3vw, 36px);&#13;&#10; font-size: 14px;&#13;&#10; font-weight: 500;&#13;&#10; letter-spacing: 0.02em;&#13;&#10; color: var(--mh-view-soft);&#13;&#10;}&#13;&#10;.mh-view__pip {&#13;&#10; width: 7px;&#13;&#10; height: 8px;&#13;&#10; border-radius: 50%;&#13;&#10; background: var(--mh-view-acc);&#13;&#10; flex-shrink: 0;&#13;&#10;}&#13;&#10;.mh-view__ttl {&#13;&#10; margin: 0;&#13;&#10; max-width: 12.625em;&#13;&#10; font-family: var(--base-font-head, var(--base-font, 'Noto Sans KR', sans-serif));&#13;&#10; font-size: clamp(26px, 3.3vw, 44px);&#13;&#10; font-weight: 800;&#13;&#10; line-height: 1.25;&#13;&#10; letter-spacing: -0.035em;&#13;&#10;}&#13;&#10;.mh-view__offer {&#13;&#10; display: flex;&#13;&#10; align-items: flex-end;&#13;&#10; flex-wrap: wrap;&#13;&#10; gap: 7px 20px;&#13;&#10; margin: clamp(32px, 4vw, 52px) 0 clamp(20px, 2.6vw, 28px);&#13;&#10;}&#13;&#10;.mh-view__big {&#13;&#10; margin: 0;&#13;&#10; font-size: clamp(60px, 9vw, 122px);&#13;&#10; font-weight: 300;&#13;&#10; line-height: 0.85;&#13;&#10; letter-spacing: -0.05em;&#13;&#10;}&#13;&#10;.mh-view__unit {&#13;&#10; margin: 0 0 0.51em;&#13;&#10; padding-left: 18px;&#13;&#10; border-left: 2px solid var(--mh-view-acc);&#13;&#10; font-size: 14px;&#13;&#10; font-weight: 600;&#13;&#10; line-height: 1.45;&#13;&#10;}&#13;&#10;.mh-view__body {&#13;&#10; margin: 0;&#13;&#10; max-width: 32.875em;&#13;&#10; font-size: clamp(16px, 1.15vw, 18px);&#13;&#10; line-height: 1.75;&#13;&#10; color: var(--mh-view-soft);&#13;&#10;}&#13;&#10;.mh-view__stub {&#13;&#10; position: relative;&#13;&#10; display: flex;&#13;&#10; flex-direction: column;&#13;&#10; justify-content: center;&#13;&#10; gap: 20px;&#13;&#10; padding: clamp(34px, 4vw, 56px) clamp(26px, 3.6vw, 46px);&#13;&#10; border-left: 1px dashed var(--mh-view-bar);&#13;&#10;}&#13;&#10;.mh-view__stub::before,&#13;&#10;.mh-view__stub::after {&#13;&#10; content: '';&#13;&#10; position: absolute;&#13;&#10; left: -15px;&#13;&#10; width: 28px;&#13;&#10; height: 30px;&#13;&#10; box-sizing: border-box;&#13;&#10; border-radius: 50%;&#13;&#10; background: var(--mh-view-bg);&#13;&#10; border: 1px solid var(--mh-view-bar);&#13;&#10;}&#13;&#10;.mh-view__stub::before {&#13;&#10; top: -15px;&#13;&#10; clip-path: inset(16px 0 0 0);&#13;&#10;}&#13;&#10;.mh-view__stub::after {&#13;&#10; bottom: -15px;&#13;&#10; clip-path: inset(0 0 14px 0);&#13;&#10;}&#13;&#10;.mh-view__key {&#13;&#10; margin: 0;&#13;&#10; font-size: 14px;&#13;&#10; font-weight: 500;&#13;&#10; letter-spacing: 0.04em;&#13;&#10; color: var(--mh-view-soft);&#13;&#10;}&#13;&#10;.mh-view__code {&#13;&#10; margin: 0;&#13;&#10; padding: 16px 12px;&#13;&#10; border: 1px solid var(--mh-view-bar);&#13;&#10; border-radius: calc(var(--base-r, 14px) * 0.6);&#13;&#10; font-size: clamp(18px, 1.7vw, 22px);&#13;&#10; font-weight: 700;&#13;&#10; letter-spacing: 0.23em;&#13;&#10; text-align: center;&#13;&#10;}&#13;&#10;.mh-view__go {&#13;&#10; display: inline-flex;&#13;&#10; align-items: center;&#13;&#10; justify-content: center;&#13;&#10; gap: 12px;&#13;&#10; min-height: 60px;&#13;&#10; padding: 0 24px;&#13;&#10; border-radius: var(--base-btn-r, 1016px);&#13;&#10; background: var(--mh-view-btn-bg);&#13;&#10; color: var(--mh-view-btn-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;.mh-view__go:hover {&#13;&#10; transform: translateY(-2px);&#13;&#10;}&#13;&#10;.mh-view__go:focus-visible {&#13;&#10; outline: 2px solid var(--mh-view-color);&#13;&#10; outline-offset: 3px;&#13;&#10;}&#13;&#10;.mh-view__arrow {&#13;&#10; position: relative;&#13;&#10; width: 16px;&#13;&#10; height: 1.5px;&#13;&#10; background: currentColor;&#13;&#10; transition: width 0.25s ease;&#13;&#10;}&#13;&#10;.mh-view__arrow::after {&#13;&#10; content: '';&#13;&#10; position: absolute;&#13;&#10; right: 0;&#13;&#10; top: -3px;&#13;&#10; width: 6px;&#13;&#10; height: 6px;&#13;&#10; border-top: 1.5px solid currentColor;&#13;&#10; border-right: 1.5px solid currentColor;&#13;&#10; transform: rotate(45deg);&#13;&#10;}&#13;&#10;.mh-view__go:hover .mh-view__arrow {&#13;&#10; width: 24px;&#13;&#10;}&#13;&#10;.mh-view__note {&#13;&#10; margin: 0;&#13;&#10; font-size: 14px;&#13;&#10; line-height: 1.55;&#13;&#10; color: var(--mh-view-soft);&#13;&#10;}&#13;&#10;[data-mh-view-reveal] {&#13;&#10; transition: opacity 0.95s cubic-bezier(0.16, 1, 0.3, 1), transform 1.1s cubic-bezier(0.16, 1, 0.3, 1);&#13;&#10;}&#13;&#10;[data-mh-view-state="0"] [data-mh-view-reveal] {&#13;&#10; opacity: 0;&#13;&#10; transform: translateY(32px);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;@media (max-width: 766px) {&#13;&#10; .mh-view__ticket {&#13;&#10; grid-template-columns: 1fr;&#13;&#10; }&#13;&#10; .mh-view__stub {&#13;&#10; border-left: 0;&#13;&#10; border-top: 1px dashed var(--mh-view-bar);&#13;&#10; }&#13;&#10; .mh-view__stub::before,&#13;&#10; .mh-view__stub::after {&#13;&#10; top: -15px;&#13;&#10; bottom: auto;&#13;&#10; }&#13;&#10; .mh-view__stub::before {&#13;&#10; left: -15px;&#13;&#10; clip-path: inset(0 0 0 14px);&#13;&#10; }&#13;&#10; .mh-view__stub::after {&#13;&#10; left: auto;&#13;&#10; right: -15px;&#13;&#10; clip-path: inset(0 16px 0 0);&#13;&#10; }&#13;&#10;}&#13;&#10;&#13;&#10;&lt;/style&gt;&#13;&#10;&#13;&#10;&lt;section class="mh-folio" data-mh-folio="" data-mh-folio-scheme="light"&gt;&#13;&#10;&lt;div class="mh-folio__wrap"&gt;&#13;&#10;&lt;div class="mh-folio__cols"&gt;&#13;&#10;&lt;h1 class="mh-folio__ttl mh-hero-ttl" data-mh-folio-reveal=""&gt;웹사이트상위노출 월간 관리&lt;/h1&gt;&#13;&#10;&lt;div aria-hidden="true" class="mh-folio__split"&gt;&lt;/div&gt;&#13;&#10;&lt;div class="mh-folio__side"&gt;&#13;&#10;&lt;p class="mh-folio__body mh-body" data-mh-folio-reveal=""&gt;한 번 고치고 끝내면 순위는 다시 밀리기 쉬워요. 매달 숫자를 보고 필요한 곳만 다시 손보는 방식입니다.&lt;/p&gt;&#13;&#10;&lt;p class="mh-folio__extra" data-mh-folio-reveal=""&gt;관리 범위와 한계는 아래에 그대로 적었어요. 궁금하신 점은 홈페이지 주소와 함께 상담 문의 페이지에 남겨 주세요.&lt;/p&gt;&#13;&#10;&lt;ul class="mh-folio__meta" data-mh-folio-reveal=""&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-mh-folio", "tone": "data-mh-folio-scheme", "state": "data-mh-folio-state", "item": "data-mh-folio-reveal"};&#13;&#10; var s = document.currentScript;&#13;&#10; var R = s &amp;&amp; s.closest('[' + N.root + ']');&#13;&#10; if (!R) { return; }&#13;&#10; var items = R.querySelectorAll('[' + N.item + ']');&#13;&#10; // 시간차는 현재 DOM 순서로 매김&#13;&#10; for (var i = 0; i &lt; items.length; i++) {&#13;&#10; items[i].style.transitionDelay = (0.05 + i * 0.12) + 's, ' + (0.05 + i * 0.12) + 's';&#13;&#10; }&#13;&#10; var show = function () { R.setAttribute(N.state, '1'); };&#13;&#10; if (!('IntersectionObserver' in window)) { return; }&#13;&#10; R.setAttribute(N.state, '0');&#13;&#10; var io = new IntersectionObserver(function (es) {&#13;&#10; if (es[0].isIntersecting) {&#13;&#10; io.disconnect();&#13;&#10; requestAnimationFrame(function () { requestAnimationFrame(show); });&#13;&#10; }&#13;&#10; }, { threshold: 0.15 });&#13;&#10; io.observe(R);&#13;&#10; })();&#13;&#10; &lt;/script&gt;&#13;&#10;&lt;/section&gt;</description></item><item><title>홈페이지 상위노출 진단 항목과 결과물</title><link>https://toppagelab.kr/%EC%83%81%EC%9C%84%EB%85%B8%EC%B6%9C%EC%A7%84%EB%8B%A8.html</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://toppagelab.kr/%EC%83%81%EC%9C%84%EB%85%B8%EC%B6%9C%EC%A7%84%EB%8B%A8.html</guid><description>&lt;style&gt;&#13;&#10;&#13;&#10;&#13;&#10;.mh-room {&#13;&#10; --mh-room-bg: var(--base-bg, #f8f3ef);&#13;&#10; --mh-room-color: var(--base-p, #10140e);&#13;&#10; --mh-room-soft: rgba(19, 20, 19, 0.68);&#13;&#10; --mh-room-bar: rgba(16, 18, 17, 0.14);&#13;&#10; --mh-room-acc: var(--base-main, #fd6b1c);&#13;&#10; position: relative;&#13;&#10; box-sizing: border-box;&#13;&#10; padding: clamp(158px, 13vw, 180px) 22px clamp(60px, 8vw, 106px);&#13;&#10; background: var(--mh-room-bg);&#13;&#10; color: var(--mh-room-color);&#13;&#10; font-family: var(--base-font, 'Noto Sans KR', sans-serif);&#13;&#10; word-break: keep-all;&#13;&#10;}&#13;&#10;.mh-room[data-mh-room-scheme="dark"] {&#13;&#10; --mh-room-bg: var(--base-deep, #090a0c);&#13;&#10; --mh-room-color: #f7efee;&#13;&#10; --mh-room-soft: rgba(241, 241, 237, 0.7);&#13;&#10; --mh-room-bar: rgba(243, 244, 240, 0.16);&#13;&#10;}&#13;&#10;.mh-room__wrap {&#13;&#10; max-width: var(--base-width, 1306px);&#13;&#10; margin: 0 auto;&#13;&#10;}&#13;&#10;.mh-room__path {&#13;&#10; display: flex;&#13;&#10; flex-wrap: wrap;&#13;&#10; align-items: center;&#13;&#10; gap: 10px;&#13;&#10; margin: 0 0 clamp(38px, 6vw, 98px);&#13;&#10; font-size: 16px;&#13;&#10; font-weight: 400;&#13;&#10; color: var(--mh-room-soft);&#13;&#10;}&#13;&#10;.mh-room__path-anchor {&#13;&#10; color: inherit;&#13;&#10; text-decoration: none;&#13;&#10; transition: color 0.3s ease;&#13;&#10;}&#13;&#10;.mh-room__path-anchor:hover {&#13;&#10; color: var(--mh-room-color);&#13;&#10;}&#13;&#10;.mh-room__path-anchor:focus-visible {&#13;&#10; outline: 2px solid var(--mh-room-color);&#13;&#10; outline-offset: 3px;&#13;&#10;}&#13;&#10;.mh-room__sep {&#13;&#10; color: var(--mh-room-soft);&#13;&#10; font-weight: 300;&#13;&#10;}&#13;&#10;.mh-room__here {&#13;&#10; display: inline-flex;&#13;&#10; align-items: center;&#13;&#10; gap: 10px;&#13;&#10; font-weight: 600;&#13;&#10; color: var(--mh-room-color);&#13;&#10;}&#13;&#10;.mh-room__pip {&#13;&#10; width: 6px;&#13;&#10; height: 6px;&#13;&#10; border-radius: 50%;&#13;&#10; background: var(--mh-room-acc);&#13;&#10;}&#13;&#10;.mh-room__ttl {&#13;&#10; margin: 0;&#13;&#10; font-family: var(--base-font-head, var(--base-font, 'Noto Sans KR', sans-serif));&#13;&#10; font-size: clamp(42px, 9.4vw, 130px);&#13;&#10; font-weight: 900;&#13;&#10; line-height: 1.05;&#13;&#10; letter-spacing: -0.05em;&#13;&#10;}&#13;&#10;.mh-room__foot {&#13;&#10; display: flex;&#13;&#10; flex-wrap: wrap;&#13;&#10; justify-content: space-between;&#13;&#10; align-items: flex-end;&#13;&#10; gap: 28px 46px;&#13;&#10; margin-top: clamp(40px, 5.5vw, 68px);&#13;&#10; padding-top: clamp(22px, 2.6vw, 30px);&#13;&#10; border-top: 1px solid var(--mh-room-bar);&#13;&#10;}&#13;&#10;.mh-room__body {&#13;&#10; flex: 1 1 320px;&#13;&#10; max-width: 32.875em;&#13;&#10; margin: 0;&#13;&#10; font-size: clamp(16px, 1.2vw, 18px);&#13;&#10; font-weight: 400;&#13;&#10; line-height: 1.85;&#13;&#10; color: var(--mh-room-soft);&#13;&#10;}&#13;&#10;.mh-room__toc {&#13;&#10; display: flex;&#13;&#10; flex-wrap: wrap;&#13;&#10; gap: 8px 28px;&#13;&#10; margin: 0;&#13;&#10; padding: 0;&#13;&#10; list-style: none;&#13;&#10;}&#13;&#10;.mh-room__toc-anchor {&#13;&#10; position: relative;&#13;&#10; display: inline-block;&#13;&#10; padding: 4px 0;&#13;&#10; font-size: 16px;&#13;&#10; font-weight: 500;&#13;&#10; color: var(--mh-room-color);&#13;&#10; text-decoration: none;&#13;&#10;}&#13;&#10;.mh-room__toc-anchor::after {&#13;&#10; content: '';&#13;&#10; position: absolute;&#13;&#10; left: 0;&#13;&#10; right: 0;&#13;&#10; bottom: 0;&#13;&#10; height: 1px;&#13;&#10; background: var(--mh-room-acc);&#13;&#10; transform: scaleX(0);&#13;&#10; transform-origin: 0 50%;&#13;&#10; transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);&#13;&#10;}&#13;&#10;.mh-room__toc-anchor:hover::after,&#13;&#10;.mh-room__toc-anchor:focus-visible::after {&#13;&#10; transform: scaleX(1);&#13;&#10;}&#13;&#10;.mh-room__toc-anchor:focus-visible {&#13;&#10; outline: 2px solid var(--mh-room-color);&#13;&#10; outline-offset: 3px;&#13;&#10;}&#13;&#10;.mh-room__mask {&#13;&#10; display: block;&#13;&#10; overflow: hidden;&#13;&#10; padding-bottom: 0.07em;&#13;&#10;}&#13;&#10;[data-mh-room-reveal] {&#13;&#10; transition: opacity 1s cubic-bezier(0.16, 1, 0.3, 1), transform 1.2s cubic-bezier(0.16, 1, 0.3, 1);&#13;&#10;}&#13;&#10;[data-mh-room-state="0"] [data-mh-room-reveal] {&#13;&#10; opacity: 0;&#13;&#10; transform: translateY(22px);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;[data-mh-room-state="0"] .mh-room__mask [data-mh-room-reveal] {&#13;&#10; opacity: 1;&#13;&#10; transform: translateY(105%);&#13;&#10;}&#13;&#10;&#13;&#10;&#13;&#10;&#13;&#10;&#13;&#10;.mh-area {&#13;&#10; --mh-area-bg: var(--base-bg, #f5f5f2);&#13;&#10; --mh-area-color: var(--base-p, #0e1014);&#13;&#10; --mh-area-soft: rgba(16, 16, 17, 0.7);&#13;&#10; --mh-area-bar: rgba(17, 16, 20, 0.16);&#13;&#10; --mh-area-frame: rgba(18, 18, 20, 0.07);&#13;&#10; --mh-area-acc: var(--base-main, #fc6a1f);&#13;&#10; --mh-area-btn-bg: #140e10;&#13;&#10; --mh-area-btn-color: #fffdfc;&#13;&#10; position: relative;&#13;&#10; box-sizing: border-box;&#13;&#10; padding: clamp(84px, 10vw, 124px) 22px clamp(80px, 12vw, 150px);&#13;&#10; background: var(--mh-area-bg);&#13;&#10; color: var(--mh-area-color);&#13;&#10; font-family: var(--base-font, 'Noto Sans KR', sans-serif);&#13;&#10; word-break: keep-all;&#13;&#10; overflow: hidden;&#13;&#10;}&#13;&#10;.mh-area[data-mh-area-scheme="dark"] {&#13;&#10; --mh-area-bg: var(--base-deep, #090911);&#13;&#10; --mh-area-color: #f7f4ea;&#13;&#10; --mh-area-soft: rgba(246, 240, 238, 0.7);&#13;&#10; --mh-area-bar: rgba(241, 240, 237, 0.2);&#13;&#10; --mh-area-frame: rgba(241, 241, 236, 0.08);&#13;&#10; --mh-area-btn-bg: #f7f2ed;&#13;&#10; --mh-area-btn-color: #0e0d10;&#13;&#10;}&#13;&#10;.mh-area__wrap {&#13;&#10; max-width: var(--base-width, 1098px);&#13;&#10; margin: 0 auto;&#13;&#10; display: grid;&#13;&#10; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);&#13;&#10; gap: clamp(48px, 7vw, 112px);&#13;&#10; align-items: center;&#13;&#10;}&#13;&#10;.mh-area__visual {&#13;&#10; position: relative;&#13;&#10; margin: 0 0 0 clamp(0px, 2vw, 32px);&#13;&#10;}&#13;&#10;.mh-area__outline {&#13;&#10; position: absolute;&#13;&#10; inset: clamp(18px, 2.6vw, 32px) clamp(20px, 2.6vw, 32px) clamp(-34px, -2.6vw, -18px) clamp(-34px, -2.6vw, -18px);&#13;&#10; border: 1px solid var(--mh-area-bar);&#13;&#10; border-radius: var(--base-r, 16px);&#13;&#10; pointer-events: none;&#13;&#10;}&#13;&#10;.mh-area__frame {&#13;&#10; position: relative;&#13;&#10; aspect-ratio: 4 / 5;&#13;&#10; max-height: 730px;&#13;&#10; border-radius: var(--base-r, 16px);&#13;&#10; background: var(--mh-area-frame);&#13;&#10; overflow: hidden;&#13;&#10;}&#13;&#10;.mh-area__img {&#13;&#10; display: block;&#13;&#10; width: 100%;&#13;&#10; height: 100%;&#13;&#10; object-fit: cover;&#13;&#10; transform-origin: 50% 60%;&#13;&#10; transition: transform 1.7s cubic-bezier(0.16, 1, 0.3, 1);&#13;&#10;}&#13;&#10;.mh-area__cap {&#13;&#10; position: absolute;&#13;&#10; right: clamp(-28px, -2vw, -12px);&#13;&#10; bottom: clamp(28px, 5vw, 68px);&#13;&#10; max-width: 258px;&#13;&#10; margin: 0;&#13;&#10; padding: 18px 20px 24px;&#13;&#10; border-radius: calc(var(--base-r, 16px) * 0.6);&#13;&#10; background: var(--mh-area-bg);&#13;&#10; border: 1px solid var(--mh-area-bar);&#13;&#10;}&#13;&#10;.mh-area__cap-mark {&#13;&#10; display: block;&#13;&#10; width: 28px;&#13;&#10; height: 2px;&#13;&#10; margin-bottom: 16px;&#13;&#10; background: var(--mh-area-acc);&#13;&#10;}&#13;&#10;.mh-area__cap-head {&#13;&#10; display: block;&#13;&#10; font-size: 14px;&#13;&#10; font-weight: 700;&#13;&#10; letter-spacing: -0.01em;&#13;&#10;}&#13;&#10;.mh-area__cap-p {&#13;&#10; display: block;&#13;&#10; margin-top: 6px;&#13;&#10; font-size: 14px;&#13;&#10; line-height: 1.65;&#13;&#10; color: var(--mh-area-soft);&#13;&#10;}&#13;&#10;.mh-area__content {&#13;&#10; max-width: 456px;&#13;&#10;}&#13;&#10;.mh-area__ttl {&#13;&#10; margin: 0;&#13;&#10; font-family: var(--base-font-head, var(--base-font, 'Noto Sans KR', sans-serif));&#13;&#10; font-size: clamp(28px, 3.5vw, 50px);&#13;&#10; font-weight: 800;&#13;&#10; line-height: 1.25;&#13;&#10; letter-spacing: -0.04em;&#13;&#10;}&#13;&#10;.mh-area__body {&#13;&#10; margin: clamp(22px, 3vw, 38px) 0 0;&#13;&#10; font-size: clamp(16px, 1.15vw, 18px);&#13;&#10; font-weight: 400;&#13;&#10; line-height: 1.8;&#13;&#10; color: var(--mh-area-soft);&#13;&#10;}&#13;&#10;.mh-area__meta {&#13;&#10; display: grid;&#13;&#10; grid-template-columns: 1fr 1fr;&#13;&#10; gap: 22px;&#13;&#10; margin: clamp(40px, 4vw, 56px) 0 0;&#13;&#10; padding-top: 26px;&#13;&#10; border-top: 1px solid var(--mh-area-bar);&#13;&#10;}&#13;&#10;.mh-area__meta-entry {&#13;&#10; margin: 0;&#13;&#10;}&#13;&#10;.mh-area__meta-term {&#13;&#10; font-size: 14px;&#13;&#10; font-weight: 400;&#13;&#10; color: var(--mh-area-soft);&#13;&#10;}&#13;&#10;.mh-area__meta-p {&#13;&#10; margin: 8px 0 0;&#13;&#10; font-size: 18px;&#13;&#10; font-weight: 700;&#13;&#10; letter-spacing: -0.01em;&#13;&#10;}&#13;&#10;.mh-area__next {&#13;&#10; display: inline-flex;&#13;&#10; align-items: center;&#13;&#10; gap: 12px;&#13;&#10; margin-top: clamp(34px, 4vw, 58px);&#13;&#10; min-height: 50px;&#13;&#10; padding: 0 30px;&#13;&#10; border-radius: var(--base-btn-r, 1078px);&#13;&#10; background: var(--mh-area-btn-bg);&#13;&#10; color: var(--mh-area-btn-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;.mh-area__next:hover {&#13;&#10; transform: translateY(-2px);&#13;&#10;}&#13;&#10;.mh-area__next:focus-visible {&#13;&#10; outline: 2px solid var(--mh-area-color);&#13;&#10; outline-offset: 3px;&#13;&#10;}&#13;&#10;.mh-area__arrow {&#13;&#10; position: relative;&#13;&#10; width: 16px;&#13;&#10; height: 1.5px;&#13;&#10; background: currentColor;&#13;&#10; transition: width 0.3s ease;&#13;&#10;}&#13;&#10;.mh-area__arrow::after {&#13;&#10; content: '';&#13;&#10; position: absolute;&#13;&#10; right: 0;&#13;&#10; top: -3px;&#13;&#10; width: 6px;&#13;&#10; height: 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;.mh-area__next:hover .mh-area__arrow {&#13;&#10; width: 20px;&#13;&#10;}&#13;&#10;.mh-area__outline,&#13;&#10;[data-mh-area-reveal] {&#13;&#10; transition: opacity 1.05s cubic-bezier(0.16, 1, 0.3, 1), transform 1.1s cubic-bezier(0.16, 1, 0.3, 1);&#13;&#10;}&#13;&#10;[data-mh-area-state="0"] [data-mh-area-reveal] {&#13;&#10; opacity: 0;&#13;&#10; transform: translateY(32px);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;[data-mh-area-state="0"] .mh-area__outline {&#13;&#10; opacity: 0;&#13;&#10; transform: translate(-16px, 18px);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;[data-mh-area-state="0"] .mh-area__img {&#13;&#10; transform: scale(1.08);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;@media (max-width: 924px) {&#13;&#10; .mh-area__wrap {&#13;&#10; grid-template-columns: 1fr;&#13;&#10; }&#13;&#10; .mh-area__visual {&#13;&#10; max-width: 610px;&#13;&#10; margin: 0 clamp(16px, 4vw, 32px) 0 clamp(18px, 4vw, 36px);&#13;&#10; }&#13;&#10; .mh-area__content {&#13;&#10; max-width: 540px;&#13;&#10; }&#13;&#10;}&#13;&#10;@media (max-width: 584px) {&#13;&#10; .mh-area__cap {&#13;&#10; right: -8px;&#13;&#10; max-width: 222px;&#13;&#10; }&#13;&#10; .mh-area__meta {&#13;&#10; grid-template-columns: 1fr;&#13;&#10; gap: 20px;&#13;&#10; }&#13;&#10;}&#13;&#10;&#13;&#10;&#13;&#10;&#13;&#10;&#13;&#10;.mh-spot {&#13;&#10; --mh-spot-bg: var(--base-bg, #f6f6ef);&#13;&#10; --mh-spot-color: var(--base-p, #140e0e);&#13;&#10; --mh-spot-soft: rgba(14, 15, 20, 0.68);&#13;&#10; --mh-spot-bar: rgba(16, 14, 15, 0.14);&#13;&#10; --mh-spot-frame: rgba(20, 20, 14, 0.07);&#13;&#10; --mh-spot-acc: var(--base-main, #ff6821);&#13;&#10; position: relative;&#13;&#10; box-sizing: border-box;&#13;&#10; padding: clamp(76px, 9vw, 120px) 18px clamp(92px, 10.5vw, 144px);&#13;&#10; background: var(--mh-spot-bg);&#13;&#10; color: var(--mh-spot-color);&#13;&#10; font-family: var(--base-font, 'Noto Sans KR', sans-serif);&#13;&#10; word-break: keep-all;&#13;&#10;}&#13;&#10;.mh-spot[data-mh-spot-scheme="dark"] {&#13;&#10; --mh-spot-bg: var(--base-deep, #0a0e0e);&#13;&#10; --mh-spot-color: #f3f0ef;&#13;&#10; --mh-spot-soft: rgba(245, 241, 234, 0.68);&#13;&#10; --mh-spot-bar: rgba(245, 239, 235, 0.16);&#13;&#10; --mh-spot-frame: rgba(243, 241, 235, 0.08);&#13;&#10;}&#13;&#10;.mh-spot__wrap {&#13;&#10; max-width: var(--base-width, 1192px);&#13;&#10; margin: 0 auto;&#13;&#10;}&#13;&#10;.mh-spot__head {&#13;&#10; display: flex;&#13;&#10; flex-wrap: wrap;&#13;&#10; justify-content: space-between;&#13;&#10; align-items: flex-end;&#13;&#10; gap: 28px 48px;&#13;&#10;}&#13;&#10;.mh-spot__ttl {&#13;&#10; max-width: 12em;&#13;&#10; margin: 0;&#13;&#10; font-family: var(--base-font-head, var(--base-font, 'Noto Sans KR', sans-serif));&#13;&#10; font-size: clamp(28px, 4.2vw, 58px);&#13;&#10; font-weight: 800;&#13;&#10; line-height: 1.2;&#13;&#10; letter-spacing: -0.04em;&#13;&#10;}&#13;&#10;.mh-spot__side {&#13;&#10; max-width: 25.375em;&#13;&#10;}&#13;&#10;.mh-spot__body {&#13;&#10; margin: 0;&#13;&#10; font-size: clamp(16px, 1.1vw, 16px);&#13;&#10; line-height: 1.8;&#13;&#10; color: var(--mh-spot-soft);&#13;&#10;}&#13;&#10;.mh-spot__anchor {&#13;&#10; display: inline-flex;&#13;&#10; align-items: center;&#13;&#10; gap: 12px;&#13;&#10; min-height: 44px;&#13;&#10; margin-top: 24px;&#13;&#10; padding: 0 24px;&#13;&#10; border: 1px solid var(--mh-spot-bar);&#13;&#10; border-radius: var(--base-btn-r, 1096px);&#13;&#10; color: var(--mh-spot-color);&#13;&#10; font-size: 14px;&#13;&#10; font-weight: 600;&#13;&#10; text-decoration: none;&#13;&#10; transition: border-color 0.3s ease;&#13;&#10;}&#13;&#10;.mh-spot__anchor:hover {&#13;&#10; border-color: var(--mh-spot-color);&#13;&#10;}&#13;&#10;.mh-spot__anchor:focus-visible {&#13;&#10; outline: 2px solid var(--mh-spot-color);&#13;&#10; outline-offset: 3px;&#13;&#10;}&#13;&#10;.mh-spot__arrow {&#13;&#10; position: relative;&#13;&#10; width: 18px;&#13;&#10; height: 1.5px;&#13;&#10; background: currentColor;&#13;&#10;}&#13;&#10;.mh-spot__arrow::after {&#13;&#10; content: '';&#13;&#10; position: absolute;&#13;&#10; right: 0;&#13;&#10; top: -3px;&#13;&#10; width: 6px;&#13;&#10; height: 6px;&#13;&#10; border-top: 1.5px solid currentColor;&#13;&#10; border-right: 1.5px solid currentColor;&#13;&#10; transform: rotate(45deg);&#13;&#10;}&#13;&#10;.mh-spot__cols {&#13;&#10; display: grid;&#13;&#10; grid-template-columns: repeat(2, minmax(0, 1fr));&#13;&#10; gap: clamp(46px, 6vw, 88px) clamp(20px, 3vw, 44px);&#13;&#10; margin-top: clamp(48px, 6vw, 80px);&#13;&#10;}&#13;&#10;.mh-spot__tile {&#13;&#10; position: relative;&#13;&#10; display: flex;&#13;&#10; flex-direction: column;&#13;&#10; padding-bottom: clamp(26px, 2.6vw, 34px);&#13;&#10; border-bottom: 1px solid var(--mh-spot-bar);&#13;&#10;}&#13;&#10;.mh-spot__tile::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(--mh-spot-acc);&#13;&#10; transform: scaleX(0);&#13;&#10; transform-origin: 0 50%;&#13;&#10; transition: transform 0.65s cubic-bezier(0.16, 1, 0.3, 1);&#13;&#10;}&#13;&#10;.mh-spot__tile:hover::after,&#13;&#10;.mh-spot__tile:focus-within::after {&#13;&#10; transform: scaleX(1);&#13;&#10;}&#13;&#10;.mh-spot__frame {&#13;&#10; margin: 0;&#13;&#10; overflow: hidden;&#13;&#10; aspect-ratio: 16 / 10;&#13;&#10; border-radius: var(--base-r, 14px);&#13;&#10; background: var(--mh-spot-frame);&#13;&#10;}&#13;&#10;.mh-spot__img {&#13;&#10; display: block;&#13;&#10; width: 100%;&#13;&#10; height: 100%;&#13;&#10; object-fit: cover;&#13;&#10; transition: transform 1.25s cubic-bezier(0.16, 1, 0.3, 1);&#13;&#10;}&#13;&#10;.mh-spot__tile:hover .mh-spot__img {&#13;&#10; transform: scale(1.04);&#13;&#10;}&#13;&#10;.mh-spot__info {&#13;&#10; display: flex;&#13;&#10; align-items: center;&#13;&#10; gap: 9px;&#13;&#10; margin: 26px 0 0;&#13;&#10; font-size: 14px;&#13;&#10; font-weight: 500;&#13;&#10; letter-spacing: 0.03em;&#13;&#10; color: var(--mh-spot-soft);&#13;&#10;}&#13;&#10;.mh-spot__pip {&#13;&#10; width: 5px;&#13;&#10; height: 5px;&#13;&#10; border-radius: 50%;&#13;&#10; background: var(--mh-spot-acc);&#13;&#10; flex-shrink: 0;&#13;&#10;}&#13;&#10;.mh-spot__name {&#13;&#10; margin: 14px 0 0;&#13;&#10; font-size: clamp(20px, 1.9vw, 26px);&#13;&#10; font-weight: 700;&#13;&#10; line-height: 1.35;&#13;&#10; letter-spacing: -0.03em;&#13;&#10;}&#13;&#10;.mh-spot__p {&#13;&#10; max-width: 31.625em;&#13;&#10; margin: 12px 0 0;&#13;&#10; font-size: 16px;&#13;&#10; line-height: 1.75;&#13;&#10; color: var(--mh-spot-soft);&#13;&#10;}&#13;&#10;[data-mh-spot-reveal] {&#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-mh-spot-state="0"] [data-mh-spot-reveal] {&#13;&#10; opacity: 0;&#13;&#10; transform: translateY(34px);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;.mh-spot__frame {&#13;&#10; transition: clip-path 1.15s cubic-bezier(0.16, 1, 0.3, 1);&#13;&#10; transition-delay: inherit;&#13;&#10;}&#13;&#10;[data-mh-spot-state="0"] .mh-spot__frame {&#13;&#10; clip-path: inset(12% 12% 12% 12% round var(--base-r, 14px));&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;@media (max-width: 728px) {&#13;&#10; .mh-spot__cols {&#13;&#10; grid-template-columns: 1fr;&#13;&#10; }&#13;&#10;}&#13;&#10;&#13;&#10;&#13;&#10;&#13;&#10;&#13;&#10;.mh-lane {&#13;&#10; --mh-lane-bg: var(--base-bg, #f5f7f1);&#13;&#10; --mh-lane-color: var(--base-p, #131111);&#13;&#10; --mh-lane-soft: rgba(17, 19, 17, 0.68);&#13;&#10; --mh-lane-bar: rgba(20, 17, 18, 0.14);&#13;&#10; --mh-lane-ring: rgba(18, 17, 20, 0.3);&#13;&#10; --mh-lane-frame: #e4e3dd;&#13;&#10; --mh-lane-acc: var(--base-main, #fd6c22);&#13;&#10; --mh-lane-btn-bg: #0f1211;&#13;&#10; --mh-lane-btn-color: #fcfffc;&#13;&#10; position: relative;&#13;&#10; box-sizing: border-box;&#13;&#10; padding: clamp(90px, 10vw, 146px) 22px clamp(82px, 10.5vw, 148px);&#13;&#10; background: var(--mh-lane-bg);&#13;&#10; color: var(--mh-lane-color);&#13;&#10; font-family: var(--base-font, 'Noto Sans KR', sans-serif);&#13;&#10; word-break: keep-all;&#13;&#10;}&#13;&#10;.mh-lane[data-mh-lane-scheme="dark"] {&#13;&#10; --mh-lane-bg: var(--base-deep, #0b090f);&#13;&#10; --mh-lane-color: #f5efef;&#13;&#10; --mh-lane-soft: rgba(244, 240, 234, 0.7);&#13;&#10; --mh-lane-bar: rgba(244, 245, 238, 0.16);&#13;&#10; --mh-lane-ring: rgba(246, 242, 236, 0.34);&#13;&#10; --mh-lane-frame: #1e1d1e;&#13;&#10; --mh-lane-btn-bg: #f1f2ef;&#13;&#10; --mh-lane-btn-color: #0f0c0b;&#13;&#10;}&#13;&#10;.mh-lane__wrap {&#13;&#10; display: grid;&#13;&#10; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);&#13;&#10; gap: clamp(44px, 7vw, 108px);&#13;&#10; align-items: center;&#13;&#10; max-width: var(--base-width, 1226px);&#13;&#10; margin: 0 auto;&#13;&#10;}&#13;&#10;.mh-lane__frame {&#13;&#10; position: relative;&#13;&#10; margin: 0;&#13;&#10; aspect-ratio: 4 / 5;&#13;&#10; overflow: hidden;&#13;&#10; border-radius: var(--base-r, 16px);&#13;&#10; background: var(--mh-lane-frame);&#13;&#10; transition: opacity 1.1s cubic-bezier(0.16, 1, 0.3, 1);&#13;&#10;}&#13;&#10;.mh-lane__photo {&#13;&#10; display: block;&#13;&#10; width: 100%;&#13;&#10; height: 100%;&#13;&#10; object-fit: cover;&#13;&#10; transition: transform 1.7s cubic-bezier(0.16, 1, 0.3, 1);&#13;&#10;}&#13;&#10;.mh-lane__ttl {&#13;&#10; max-width: 12.875em;&#13;&#10; margin: 0;&#13;&#10; font-family: var(--base-font-head, var(--base-font, 'Noto Sans KR', sans-serif));&#13;&#10; font-size: clamp(28px, 3.6vw, 48px);&#13;&#10; font-weight: 800;&#13;&#10; line-height: 1.15;&#13;&#10; letter-spacing: -0.04em;&#13;&#10;}&#13;&#10;.mh-lane__body {&#13;&#10; max-width: 30em;&#13;&#10; margin: clamp(20px, 2.2vw, 28px) 0 clamp(36px, 4vw, 56px);&#13;&#10; font-size: clamp(14px, 1.15vw, 18px);&#13;&#10; font-weight: 300;&#13;&#10; line-height: 1.85;&#13;&#10; color: var(--mh-lane-soft);&#13;&#10;}&#13;&#10;.mh-lane__list {&#13;&#10; margin: 0;&#13;&#10; padding: 0;&#13;&#10; list-style: none;&#13;&#10; border-top: 1px solid var(--mh-lane-bar);&#13;&#10;}&#13;&#10;.mh-lane__entry {&#13;&#10; display: grid;&#13;&#10; grid-template-columns: 28px minmax(0, 1fr);&#13;&#10; gap: 18px;&#13;&#10; align-items: start;&#13;&#10; padding: 20px 0;&#13;&#10; border-bottom: 1px solid var(--mh-lane-bar);&#13;&#10; transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.85s cubic-bezier(0.16, 1, 0.3, 1);&#13;&#10; transition-delay: var(--mh-lane-d, 0s);&#13;&#10;}&#13;&#10;.mh-lane__mark {&#13;&#10; display: block;&#13;&#10; width: 28px;&#13;&#10; height: 32px;&#13;&#10; overflow: visible;&#13;&#10;}&#13;&#10;.mh-lane__ring {&#13;&#10; fill: none;&#13;&#10; stroke: var(--mh-lane-ring);&#13;&#10; stroke-width: 1;&#13;&#10; transition: stroke 0.3s ease;&#13;&#10;}&#13;&#10;.mh-lane__entry:hover .mh-lane__ring {&#13;&#10; stroke: var(--mh-lane-acc);&#13;&#10;}&#13;&#10;.mh-lane__tick {&#13;&#10; fill: none;&#13;&#10; stroke: var(--mh-lane-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.8s cubic-bezier(0.65, 0, 0.35, 1);&#13;&#10; transition-delay: calc(var(--mh-lane-d, 0s) + 0.5s);&#13;&#10;}&#13;&#10;.mh-lane__head {&#13;&#10; margin: 2px 0 4px;&#13;&#10; font-size: 18px;&#13;&#10; font-weight: 700;&#13;&#10; line-height: 1.45;&#13;&#10; letter-spacing: -0.02em;&#13;&#10;}&#13;&#10;.mh-lane__p {&#13;&#10; margin: 0;&#13;&#10; font-size: 16px;&#13;&#10; line-height: 1.65;&#13;&#10; color: var(--mh-lane-soft);&#13;&#10;}&#13;&#10;.mh-lane__next {&#13;&#10; display: inline-flex;&#13;&#10; align-items: center;&#13;&#10; gap: 14px;&#13;&#10; margin-top: clamp(34px, 4vw, 44px);&#13;&#10; min-height: 54px;&#13;&#10; padding: 0 28px;&#13;&#10; border-radius: var(--base-btn-r, 1022px);&#13;&#10; background: var(--mh-lane-btn-bg);&#13;&#10; color: var(--mh-lane-btn-color);&#13;&#10; font-size: 16px;&#13;&#10; font-weight: 700;&#13;&#10; text-decoration: none;&#13;&#10; transition: transform 0.3s ease, opacity 0.95s cubic-bezier(0.16, 1, 0.3, 1);&#13;&#10;}&#13;&#10;.mh-lane__next:hover {&#13;&#10; transform: translateY(-2px);&#13;&#10;}&#13;&#10;.mh-lane__next:focus-visible {&#13;&#10; outline: 2px solid var(--mh-lane-color);&#13;&#10; outline-offset: 3px;&#13;&#10;}&#13;&#10;.mh-lane__arrow {&#13;&#10; position: relative;&#13;&#10; width: 16px;&#13;&#10; height: 1.5px;&#13;&#10; background: currentColor;&#13;&#10; transition: width 0.35s ease;&#13;&#10;}&#13;&#10;.mh-lane__arrow::after {&#13;&#10; content: '';&#13;&#10; position: absolute;&#13;&#10; right: 0;&#13;&#10; top: -3px;&#13;&#10; width: 6px;&#13;&#10; height: 6px;&#13;&#10; border-top: 1.5px solid currentColor;&#13;&#10; border-right: 1.5px solid currentColor;&#13;&#10; transform: rotate(45deg);&#13;&#10;}&#13;&#10;.mh-lane__next:hover .mh-lane__arrow {&#13;&#10; width: 20px;&#13;&#10;}&#13;&#10;[data-mh-lane-reveal] {&#13;&#10; transition: opacity 0.9s cubic-bezier(0.16, 1, 0.3, 1), transform 0.9s cubic-bezier(0.16, 1, 0.3, 1);&#13;&#10; transition-delay: var(--mh-lane-d, 0s);&#13;&#10;}&#13;&#10;[data-mh-lane-state="0"] [data-mh-lane-reveal] {&#13;&#10; opacity: 0;&#13;&#10; transform: translateY(26px);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;[data-mh-lane-state="0"] .mh-lane__frame {&#13;&#10; opacity: 0;&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;[data-mh-lane-state="0"] .mh-lane__photo {&#13;&#10; transform: scale(1.08);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;[data-mh-lane-state="0"] .mh-lane__tick {&#13;&#10; stroke-dashoffset: 20;&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;@media (max-width: 780px) {&#13;&#10; .mh-lane__wrap {&#13;&#10; grid-template-columns: 1fr;&#13;&#10; }&#13;&#10; .mh-lane__frame {&#13;&#10; aspect-ratio: 4 / 3;&#13;&#10; }&#13;&#10;}&#13;&#10;&#13;&#10;&#13;&#10;&#13;&#10;&#13;&#10;.mh-panel {&#13;&#10; --mh-panel-bg: var(--base-bg, #f4f5f0);&#13;&#10; --mh-panel-color: var(--base-p, #13120f);&#13;&#10; --mh-panel-soft: rgba(17, 19, 19, 0.7);&#13;&#10; --mh-panel-bar: rgba(15, 18, 15, 0.14);&#13;&#10; --mh-panel-acc: var(--base-main, #ff6a1d);&#13;&#10; position: relative;&#13;&#10; box-sizing: border-box;&#13;&#10; padding: clamp(80px, 9.5vw, 128px) 18px clamp(68px, 8vw, 116px);&#13;&#10; background: var(--mh-panel-bg);&#13;&#10; color: var(--mh-panel-color);&#13;&#10; font-family: var(--base-font, 'Noto Sans KR', sans-serif);&#13;&#10; word-break: keep-all;&#13;&#10;}&#13;&#10;.mh-panel[data-mh-panel-scheme="dark"] {&#13;&#10; --mh-panel-bg: var(--base-deep, #0d090e);&#13;&#10; --mh-panel-color: #f3f3ed;&#13;&#10; --mh-panel-soft: rgba(247, 240, 240, 0.7);&#13;&#10; --mh-panel-bar: rgba(243, 239, 234, 0.16);&#13;&#10;}&#13;&#10;.mh-panel__wrap {&#13;&#10; max-width: var(--base-width, 1258px);&#13;&#10; margin: 0 auto;&#13;&#10;}&#13;&#10;.mh-panel__pre {&#13;&#10; display: flex;&#13;&#10; align-items: center;&#13;&#10; gap: 12px;&#13;&#10; margin: 0 0 clamp(26px, 3vw, 38px);&#13;&#10; font-size: 16px;&#13;&#10; font-weight: 500;&#13;&#10; letter-spacing: 0.02em;&#13;&#10; color: var(--mh-panel-soft);&#13;&#10;}&#13;&#10;.mh-panel__pip {&#13;&#10; width: 9px;&#13;&#10; height: 8px;&#13;&#10; border-radius: 50%;&#13;&#10; background: var(--mh-panel-acc);&#13;&#10; flex-shrink: 0;&#13;&#10;}&#13;&#10;.mh-panel__top {&#13;&#10; display: grid;&#13;&#10; grid-template-columns: auto minmax(0, 1fr);&#13;&#10; gap: clamp(30px, 6vw, 102px);&#13;&#10; align-items: end;&#13;&#10;}&#13;&#10;.mh-panel__fig {&#13;&#10; display: flex;&#13;&#10; align-items: flex-end;&#13;&#10; gap: 16px;&#13;&#10;}&#13;&#10;.mh-panel__mask {&#13;&#10; display: block;&#13;&#10; overflow: hidden;&#13;&#10; padding-top: 0.04em;&#13;&#10;}&#13;&#10;.mh-panel__big {&#13;&#10; display: block;&#13;&#10; font-family: var(--base-font-head, var(--base-font, 'Noto Sans KR', sans-serif));&#13;&#10; font-size: clamp(86px, 15vw, 210px);&#13;&#10; font-weight: 800;&#13;&#10; line-height: 0.9;&#13;&#10; letter-spacing: -0.06em;&#13;&#10; font-variant-numeric: tabular-nums;&#13;&#10; transition: transform 1.1s cubic-bezier(0.16, 1, 0.3, 1) 0.1s;&#13;&#10;}&#13;&#10;.mh-panel__unit {&#13;&#10; padding-bottom: 0.95em;&#13;&#10; font-size: clamp(14px, 1.3vw, 18px);&#13;&#10; font-weight: 500;&#13;&#10; letter-spacing: -0.01em;&#13;&#10; color: var(--mh-panel-soft);&#13;&#10;}&#13;&#10;.mh-panel__copy {&#13;&#10; padding-bottom: 12px;&#13;&#10;}&#13;&#10;.mh-panel__ttl {&#13;&#10; max-width: 14.875em;&#13;&#10; margin: 0;&#13;&#10; font-family: var(--base-font-head, var(--base-font, 'Noto Sans KR', sans-serif));&#13;&#10; font-size: clamp(24px, 2.6vw, 34px);&#13;&#10; font-weight: 700;&#13;&#10; line-height: 1.3;&#13;&#10; letter-spacing: -0.035em;&#13;&#10;}&#13;&#10;.mh-panel__body {&#13;&#10; max-width: 28.375em;&#13;&#10; margin: 18px 0 0;&#13;&#10; font-size: clamp(16px, 1.15vw, 18px);&#13;&#10; line-height: 1.85;&#13;&#10; color: var(--mh-panel-soft);&#13;&#10;}&#13;&#10;.mh-panel__divider {&#13;&#10; position: relative;&#13;&#10; height: 1px;&#13;&#10; margin: clamp(44px, 6vw, 84px) 0 clamp(30px, 3.5vw, 44px);&#13;&#10; background: var(--mh-panel-bar);&#13;&#10; transform-origin: 0 50%;&#13;&#10; transition: transform 1.45s cubic-bezier(0.16, 1, 0.3, 1) 0.4s;&#13;&#10;}&#13;&#10;.mh-panel__names {&#13;&#10; display: grid;&#13;&#10; grid-template-columns: repeat(4, minmax(0, 1fr));&#13;&#10; gap: 18px clamp(18px, 3vw, 42px);&#13;&#10; margin: 0;&#13;&#10; padding: 0;&#13;&#10; list-style: none;&#13;&#10;}&#13;&#10;.mh-panel__name {&#13;&#10; position: relative;&#13;&#10; padding-left: 22px;&#13;&#10; font-size: clamp(16px, 1.2vw, 18px);&#13;&#10; font-weight: 400;&#13;&#10; line-height: 1.45;&#13;&#10; color: var(--mh-panel-soft);&#13;&#10; transition: color 0.3s ease;&#13;&#10;}&#13;&#10;.mh-panel__name::before {&#13;&#10; content: '';&#13;&#10; position: absolute;&#13;&#10; left: 0;&#13;&#10; top: 0.76em;&#13;&#10; width: 10px;&#13;&#10; height: 1px;&#13;&#10; background: var(--mh-panel-bar);&#13;&#10; transition: background-color 0.25s ease, width 0.3s ease;&#13;&#10;}&#13;&#10;.mh-panel__name:hover {&#13;&#10; color: var(--mh-panel-color);&#13;&#10;}&#13;&#10;.mh-panel__name:hover::before {&#13;&#10; width: 14px;&#13;&#10; background: var(--mh-panel-acc);&#13;&#10;}&#13;&#10;[data-mh-panel-reveal] {&#13;&#10; transition: opacity 1s cubic-bezier(0.16, 1, 0.3, 1), transform 1.05s cubic-bezier(0.16, 1, 0.3, 1), color 0.3s ease;&#13;&#10;}&#13;&#10;[data-mh-panel-state="0"] [data-mh-panel-reveal] {&#13;&#10; opacity: 0;&#13;&#10; transform: translateY(32px);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;[data-mh-panel-state="0"] .mh-panel__big {&#13;&#10; transform: translateY(102%);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;[data-mh-panel-state="0"] .mh-panel__divider {&#13;&#10; transform: scaleX(0);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;@media (max-width: 820px) {&#13;&#10; .mh-panel__top {&#13;&#10; grid-template-columns: 1fr;&#13;&#10; align-items: start;&#13;&#10; }&#13;&#10; .mh-panel__names {&#13;&#10; grid-template-columns: repeat(2, minmax(0, 1fr));&#13;&#10; }&#13;&#10;}&#13;&#10;&#13;&#10;&#13;&#10;&#13;&#10;&#13;&#10;.mh-note {&#13;&#10; --mh-note-bg: var(--base-bg, #f5f8f0);&#13;&#10; --mh-note-color: var(--base-p, #131113);&#13;&#10; --mh-note-soft: rgba(16, 16, 16, 0.68);&#13;&#10; --mh-note-bar: rgba(20, 18, 17, 0.15);&#13;&#10; --mh-note-acc: var(--base-main, #ff6d20);&#13;&#10; --mh-note-btn-bg: #0f1211;&#13;&#10; --mh-note-btn-color: #ffffff;&#13;&#10; position: relative;&#13;&#10; box-sizing: border-box;&#13;&#10; padding: clamp(74px, 9vw, 130px) 20px clamp(80px, 10.5vw, 146px);&#13;&#10; background: var(--mh-note-bg);&#13;&#10; color: var(--mh-note-color);&#13;&#10; font-family: var(--base-font, 'Noto Sans KR', sans-serif);&#13;&#10; word-break: keep-all;&#13;&#10;}&#13;&#10;.mh-note[data-mh-note-scheme="dark"] {&#13;&#10; --mh-note-bg: var(--base-deep, #0f0a0f);&#13;&#10; --mh-note-color: #f4f4eb;&#13;&#10; --mh-note-soft: rgba(245, 239, 238, 0.7);&#13;&#10; --mh-note-bar: rgba(242, 242, 234, 0.17);&#13;&#10; --mh-note-btn-bg: #f2f0ee;&#13;&#10; --mh-note-btn-color: #0a0b10;&#13;&#10;}&#13;&#10;.mh-note__wrap {&#13;&#10; max-width: var(--base-width, 1090px);&#13;&#10; margin: 0 auto;&#13;&#10; display: grid;&#13;&#10; grid-template-columns: 1.4fr 1fr;&#13;&#10; align-items: stretch;&#13;&#10;}&#13;&#10;.mh-note__voice {&#13;&#10; margin: 0;&#13;&#10; padding-right: clamp(32px, 6vw, 98px);&#13;&#10;}&#13;&#10;.mh-note__mark {&#13;&#10; display: block;&#13;&#10; height: 0.56em;&#13;&#10; font-size: clamp(82px, 10vw, 138px);&#13;&#10; font-weight: 200;&#13;&#10; line-height: 0.95;&#13;&#10; color: var(--mh-note-soft);&#13;&#10;}&#13;&#10;.mh-note__said {&#13;&#10; margin: 0;&#13;&#10; max-width: 21.125em;&#13;&#10; font-size: clamp(24px, 2.3vw, 32px);&#13;&#10; font-weight: 400;&#13;&#10; line-height: 1.55;&#13;&#10; letter-spacing: -0.025em;&#13;&#10;}&#13;&#10;.mh-note__by {&#13;&#10; display: flex;&#13;&#10; align-items: center;&#13;&#10; flex-wrap: wrap;&#13;&#10; gap: 18px 20px;&#13;&#10; margin-top: clamp(34px, 4vw, 48px);&#13;&#10; padding-top: clamp(22px, 2.6vw, 30px);&#13;&#10; border-top: 1px solid var(--mh-note-bar);&#13;&#10;}&#13;&#10;.mh-note__face {&#13;&#10; display: inline-flex;&#13;&#10; align-items: center;&#13;&#10; justify-content: center;&#13;&#10; width: 44px;&#13;&#10; height: 44px;&#13;&#10; border: 1px solid var(--mh-note-bar);&#13;&#10; border-radius: 50%;&#13;&#10; font-size: 16px;&#13;&#10; font-weight: 500;&#13;&#10; flex-shrink: 0;&#13;&#10;}&#13;&#10;.mh-note__who {&#13;&#10; flex: 1;&#13;&#10; min-width: 134px;&#13;&#10;}&#13;&#10;.mh-note__name {&#13;&#10; display: block;&#13;&#10; margin: 0;&#13;&#10; font-size: 16px;&#13;&#10; font-weight: 700;&#13;&#10;}&#13;&#10;.mh-note__role {&#13;&#10; display: block;&#13;&#10; margin: 4px 0 0;&#13;&#10; font-size: 14px;&#13;&#10; color: var(--mh-note-soft);&#13;&#10;}&#13;&#10;.mh-note__score {&#13;&#10; display: flex;&#13;&#10; align-items: baseline;&#13;&#10; gap: 6px;&#13;&#10; margin: 0;&#13;&#10; padding-left: 16px;&#13;&#10; border-left: 2px solid var(--mh-note-acc);&#13;&#10;}&#13;&#10;.mh-note__score-big {&#13;&#10; font-size: 28px;&#13;&#10; font-weight: 300;&#13;&#10; letter-spacing: -0.03em;&#13;&#10;}&#13;&#10;.mh-note__score-of {&#13;&#10; font-size: 12px;&#13;&#10; color: var(--mh-note-soft);&#13;&#10;}&#13;&#10;.mh-note__act {&#13;&#10; display: flex;&#13;&#10; flex-direction: column;&#13;&#10; justify-content: flex-end;&#13;&#10; padding-left: clamp(32px, 6vw, 102px);&#13;&#10; border-left: 1px solid var(--mh-note-bar);&#13;&#10;}&#13;&#10;.mh-note__ttl {&#13;&#10; margin: 0;&#13;&#10; font-family: var(--base-font-head, var(--base-font, 'Noto Sans KR', sans-serif));&#13;&#10; font-size: clamp(24px, 2.9vw, 40px);&#13;&#10; font-weight: 800;&#13;&#10; line-height: 1.25;&#13;&#10; letter-spacing: -0.035em;&#13;&#10;}&#13;&#10;.mh-note__body {&#13;&#10; margin: clamp(18px, 2vw, 20px) 0 0;&#13;&#10; font-size: 16px;&#13;&#10; line-height: 1.85;&#13;&#10; color: var(--mh-note-soft);&#13;&#10;}&#13;&#10;.mh-note__go {&#13;&#10; display: inline-flex;&#13;&#10; align-items: center;&#13;&#10; align-self: flex-start;&#13;&#10; gap: 12px;&#13;&#10; min-height: 54px;&#13;&#10; margin-top: clamp(28px, 3.4vw, 40px);&#13;&#10; padding: 0 30px;&#13;&#10; border-radius: var(--base-btn-r, 972px);&#13;&#10; background: var(--mh-note-btn-bg);&#13;&#10; color: var(--mh-note-btn-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;.mh-note__go:hover {&#13;&#10; transform: translateY(-2px);&#13;&#10;}&#13;&#10;.mh-note__go:focus-visible {&#13;&#10; outline: 2px solid var(--mh-note-color);&#13;&#10; outline-offset: 3px;&#13;&#10;}&#13;&#10;.mh-note__arrow {&#13;&#10; position: relative;&#13;&#10; width: 14px;&#13;&#10; height: 1.5px;&#13;&#10; background: currentColor;&#13;&#10; transition: width 0.3s ease;&#13;&#10;}&#13;&#10;.mh-note__arrow::after {&#13;&#10; content: '';&#13;&#10; position: absolute;&#13;&#10; right: 0;&#13;&#10; top: -3px;&#13;&#10; width: 6px;&#13;&#10; height: 5px;&#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;.mh-note__go:hover .mh-note__arrow {&#13;&#10; width: 20px;&#13;&#10;}&#13;&#10;[data-mh-note-reveal] {&#13;&#10; transition: opacity 1.05s cubic-bezier(0.16, 1, 0.3, 1), transform 1.1s cubic-bezier(0.16, 1, 0.3, 1);&#13;&#10;}&#13;&#10;[data-mh-note-state="0"] [data-mh-note-reveal] {&#13;&#10; opacity: 0;&#13;&#10; transform: translateY(28px);&#13;&#10; transition: none;&#13;&#10;}&#13;&#10;@media (max-width: 888px) {&#13;&#10; .mh-note__wrap {&#13;&#10; grid-template-columns: 1fr;&#13;&#10; }&#13;&#10; .mh-note__voice {&#13;&#10; padding-right: 0;&#13;&#10; }&#13;&#10; .mh-note__act {&#13;&#10; margin-top: clamp(48px, 9vw, 64px);&#13;&#10; padding: clamp(34px, 7vw, 54px) 0 0;&#13;&#10; border-left: 0;&#13;&#10; border-top: 1px solid var(--mh-note-bar);&#13;&#10; }&#13;&#10;}&#13;&#10;&#13;&#10;&lt;/style&gt;&#13;&#10;&#13;&#10;&lt;section class="mh-room" data-mh-room="" data-mh-room-scheme="light"&gt;&#13;&#10;&lt;div class="mh-room__wrap"&gt;&#13;&#10;&lt;nav aria-label="현재 위치" class="mh-room__path" data-mh-room-reveal=""&gt;&#13;&#10;&lt;a class="mh-room__path-anchor" href="./index.html"&gt;홈&lt;/a&gt;&#13;&#10;&lt;span aria-hidden="true" class="mh-room__sep"&gt;/&lt;/span&gt;&#13;&#10;&lt;span aria-current="page" class="mh-room__here"&gt;&lt;span aria-hidden="true" class="mh-room__pip"&gt;&lt;/span&gt;상위노출 진단&lt;/span&gt;&#13;&#10;&lt;/nav&gt;&#13;&#10;&lt;div class="mh-room__mask"&gt;&#13;&#10;&lt;h1 class="mh-room__ttl mh-hero-ttl" data-mh-room-reveal=""&gt;홈페이지 노출 진단&lt;/h1&gt;&#13;&#10;&lt;/div&gt;&#13;&#10;&lt;div class="mh-room__foot"&gt;&#13;&#10;&lt;p class="mh-room__body mh-body" data-mh-room-reveal=""&gt;내 홈페이지가 왜 검색에 안 잡히는지, 점검 항목과 받으시는 결과물을 정리했어요.&lt;/p&gt;&#13;&#10;&lt;ul class="mh-room__toc" data-mh-room-reveal=""&gt;&#13;&#10;&lt;li&gt;&lt;a class="mh-room__toc-anchor" href="#check-area"&gt;점검 영역&lt;/a&gt;&lt;/li&gt;&#13;&#10;&lt;li&gt;&lt;a class="mh-room__toc-anchor" href="#check-items"&gt;점검 항목&lt;/a&gt;&lt;/li&gt;&#13;&#10;&lt;li&gt;&lt;a class="mh-room__toc-anchor" href="./상담문의.html"&gt;문의&lt;/a&gt;&lt;/li&gt;&#13;&#10;&lt;/ul&gt;&#13;&#10;&lt;/div&gt;&#13;&#10;&lt;/div&gt;&#13;&#10;&lt;script&gt;&#13;&#10; (function () {&#13;&#10; var N = {"root": "data-mh-room", "tone": "data-mh-room-scheme", "state": "data-mh-room-state", "item": "data-mh-room-reveal"};&#13;&#10; var s = document.currentScript;&#13;&#10; var R = s &amp;&amp; s.closest('[' + N.root + ']');&#13;&#10; if (!R) { return; }&#13;&#10; var items = R.querySelectorAll('[' + N.item + ']');&#13;&#10; // 시간차는 현재 DOM 순서로 매김&#13;&#10; for (var i = 0; i &lt; items.length; i++) {&#13;&#10; items[i].style.transitionDelay = (i * 0.14) + 's, ' + (i * 0.14) + 's';&#13;&#10; }&#13;&#10; var show = function () { R.setAttribute(N.state, '1'); };&#13;&#10; if (!('IntersectionObserver' in window)) { return; }&#13;&#10; R.setAttribute(N.state, '0');&#13;&#10; var io = new IntersectionObserver(function (es) {&#13;&#10; if (es[0].isIntersecting) {&#13;&#10; io.disconnect();&#13;&#10; requestAnimationFrame(function () { requestAnimationFrame(show); });&#13;&#10; }&#13;&#10; }, { threshold: 0.15 });&#13;&#10; io.observe(R);&#13;&#10; })();&#13;&#10; &lt;/script&gt;&#13;&#10;&lt;/section&gt;</description></item></channel></rss>