문제성발톱클리닉의 특별함

<div class="raw-html-embed">
<div class="onlyshine-footcare" data-current-route="/brandings/4034" style="--max-width:min(1920px,100%);
         --idle-text:#46361a;
         --idle-border:#46361a;
         --hover-fill:#EBCD99;
         --hover-text:#4d483d;
         --active-fill:#a68040;
         --active-text:#ffffff;
         --arrow-stroke:#bebebe;
         font-family:inherit;
         color:var(--idle-text);
         background:transparent;
         box-sizing:border-box;">

  <div class="tabbar-wrap" style="position:relative; background:transparent; width:100%; z-index:10; box-sizing:border-box;">
    <nav class="container tabbar" role="navigation" aria-label="상단 메뉴" id="onlyshineTabbar" style="max-width:var(--max-width);
             margin:0 auto;
             padding:16px 32px;
             display:flex;
             gap:clamp(10px,2.2vw,36px);
             align-items:center;
             justify-content:center;
             background:transparent;
             scroll-behavior:smooth;
             overflow-x:auto;
             -webkit-overflow-scrolling:touch;
             flex-wrap:nowrap;
             scroll-padding:24px;
             box-sizing:border-box;">

      <a class="tab" href="/brandings/4034">온리빛 문제성발톱 클리닉 소개</a>
      <a class="tab" href="/brandings/4032">균뿌리프락셀</a>
      <a class="tab" href="/brandings/4033">내성발톱 교정</a>
      <a class="tab" href="/brandings/4035">전후사진</a>
    </nav>
  </div>

  <style>
    /* ✅ 상단 고정 + 배경색 (스크롤 시 투명 → 색상 전환) */
    .editor-container:has(.onlyshine-footcare) {
      position: sticky !important;
      top: 68px;
      left: 0;
      z-index: 10;
      background: rgba(249, 246, 241, 0.9);
      max-width: 100%;
      transition: background 0.3s ease;
    }
    @media (width <= 1248px) {
      .editor-container:has(.onlyshine-footcare) { top: 48px; }
    }

    .editor-container.scrolled:has(.onlyshine-footcare) {
      background: rgba(249, 246, 241, 0.7);
      backdrop-filter: blur(4px);
    }

    /* 탭 스타일 */
    .onlyshine-footcare .tab {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 10px 18px;
      border: 1.5px solid var(--idle-border);
      border-radius: 999px;
      text-decoration: none;
      font-weight: 700;
      font-size: clamp(14px,1.15vw,17px);
      letter-spacing: 0.03em;
      color: var(--idle-text);
      background: transparent;
      white-space: nowrap;
      flex-shrink: 0;
      box-sizing: border-box;
      transition: all 0.2s ease;
    }

    .onlyshine-footcare .tab:hover {
      background: var(--hover-fill);
      color: var(--hover-text);
      border-color: var(--hover-fill);
    }
    .onlyshine-footcare .tab.is-active {
      background: var(--active-fill);
      color: var(--active-text);
      border-color: var(--active-fill);
    }

    /* URL 기반 활성화 */
    .onlyshine-footcare[data-current-route^="/brandings/4034"] .tab[href="/brandings/4034"],
    .onlyshine-footcare[data-current-route^="/brandings/4032"] .tab[href="/brandings/4032"],
    .onlyshine-footcare[data-current-route^="/brandings/4033"] .tab[href="/brandings/4033"],
    .onlyshine-footcare[data-current-route^="/brandings/4035"] .tab[href="/brandings/4035"] {
      background: var(--active-fill);
      color: var(--active-text);
      border-color: var(--active-fill);
    }

    /* 스크롤바 숨김 */
    .onlyshine-footcare .tabbar::-webkit-scrollbar { display: none; }

    /* 반응형: 모바일 좌측 정렬 */
    @media (width <= 1024px) {
      #onlyshineTabbar { justify-content: flex-start !important; }
    }
  </style>

  <script>
    (function () {
      const nav = document.getElementById('onlyshineTabbar');
      if (!nav) return;

      // 활성 탭을 중앙으로 스크롤
      const scrollToCenter = (el, smooth = false) => {
        if (!el) return;
        const padLeft = parseFloat(getComputedStyle(nav).paddingLeft) || 0;
        const target = el.offsetLeft - (nav.clientWidth - el.clientWidth) / 2 - padLeft;
        nav.scrollTo({ left: Math.max(0, target), behavior: smooth ? 'smooth' : 'auto' });
      };

      // URL 기반 활성탭 탐색
      const container = document.querySelector('.onlyshine-footcare');
      const route = container?.getAttribute('data-current-route') || location.pathname;
      const active = Array.from(nav.querySelectorAll('a.tab')).find(a => route.startsWith(a.getAttribute('href')));
      if (active) {
        active.classList.add('is-active');
        scrollToCenter(active, false);
      }

      // 클릭 시 이동 전 스크롤 조정
      nav.addEventListener('click', e => {
        const a = e.target.closest('a.tab');
        if (!a) return;
        scrollToCenter(a, true);
      });

      // 스크롤 시 배경색 전환
      window.addEventListener('scroll', () => {
        const editor = document.querySelector('.editor-container:has(.onlyshine-footcare)');
        if (!editor) return;
        if (window.scrollY > 10) editor.classList.add('scrolled');
        else editor.classList.remove('scrolled');
      });
    })();
  </script>
</div>
</div>

통증의 위치, 발톱의 형태, 생활습관 등 전문 의료진과 1:1 상담을 통해 다각도로 원인을 분석하여 문제성 발톱의 원인과 진행단계를 명확하게 파악합니다.

01 정확한 원인 진단

고객님의 프라이버시와 편안함을 최우선적으로 고려하여  누구의 시선에 방해받지 않는 안전하고 아늑한 1인 전용 치료실에서 보다 집중도 높은 맞춤 치료를 경험하실 수 있습니다.

02 프라이빗한 치료 환경 제공

현재 발톱 상태, 통증 정도, 활동량 등을 전체적으로 고려하여 손상을 최소화하여 비수술적인 방법으로 가장 효과적인 치료 계획을 수집하고 제안합니다.

03 개인별 맞춤 풋솔루션 설계

온리빛 문제성발톱클리닉은 편안한 치료 환경을 제공해드립니다.