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

<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/4035">전후사진</a>
      <a class="tab" href="/brandings/4034">ABOUT</a>
      <a class="tab" href="/brandings/4032">균뿌리프락셀</a>
      <a class="tab" href="/brandings/4033">내성발톱</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 개인별 맞춤 풋솔루션 설계

차원이 다른 프라이빗한 발톱케어를 위해 전용 1인실을 보유하고,
전문 의료진의 체계적인 문제성발톱클리닉입니다.

PRIVATE SPACE

ABOUT

당신의 편안한 발을 위한, 온리빛의원 문제성발톱클리닉입니다.

상담예약

병원 소개

의료진 소개

진료 시간

온리빛의 특별함

이벤트

온리빛 시술

문제성발톱클리닉

일상 화상 치료

통증 완화 치료

특수치료 클리닉

상담안내

공지사항

고객센터

방문상담 예약하기

ABOUT | 온리빛의원

"그 누구보다 제가 잘 아는 시술만을 하겠습니다."

청라언덕역 9번 출구,시그니처 리프팅 스킨보톡스 프로그램 보유, 리프팅, 피부레이저, 바디 관리, 보톡스, 필러, 제모, 대구피부과, 대구리프팅잘하는 곳, 당신의 아름다움을 지키는 온리빛의원 입니다.

온리빛의원

1차 상담분야

2차 상담분야

요청사항

안녕하세요 고객님!

예약 신청이 접수되었습니다.
현재 예약 대기 상태이며, 예약 확정 여부는 병원에서 확인 후 전화 또는 문자로 안내해 드리겠습니다.
전화 연결이 계속되지 않을 경우, 예약 확정이 어렵기 때문에 예약 신청이 취소될 수 있습니다.

※예약 상황 또는 시술 내용에 따라 요청하신 날짜에 예약이 어려울 수 있습니다.

예약이 확정되었어요. 원내 상황에 따라 예약 변경이 필요하다면 전화/문자로 알려드릴게요.

등록해주신 연락처를 통해 예약상태를 알려드릴게요.

병원에서 확인 후 예약이 완료돼요. 요청하신 일시에 예약 가능한지 확인 후, 카카오톡 알림톡을 통해 알려드릴게요.

#ffffff

#272424

#35597f

아래 메뉴를 통해 예약진행을 도와드릴게요.