/* ===========================
   PAGE TAB (공용 - .pageTabs)
   =========================== */
.pageTabs {margin-bottom:60px;}
.pageTabsInner {display:flex; align-items:stretch; gap:12px;}
.pageTabsInner a {
  display:flex; align-items:center; justify-content:center; gap:10px;
  flex:1; padding:16px 20px;
  border-radius:12px; border:2px solid var(--border1);
  background:#f8f9fb;
  font-size:var(--fs18); font-weight:700;
  transition:all .25s ease;
  text-align:center;
}
.pageTabsInner a:hover {border-color:var(--c_base2); background:#fff3ea;}
.pageTabsInner a.on {border-color:var(--c_base2); background:var(--c_base2); color:#fff;}
.pageTabsInner a .tNum {
  display:inline-flex; align-items:center; justify-content:center;
  width:26px; height:26px; border-radius:50%;
  background:rgba(0,0,0,.1);
  font-size:var(--fs13); font-weight:900; flex-shrink:0;
  transition:all .25s;
}
.pageTabsInner a.on .tNum {background:rgba(255,255,255,.25);}
.pageTabsInner a .tLabel {font-size:var(--fs20); font-weight:800;}
.pageTabsInner a .tSub {display:block; font-size:var(--fs14); font-weight:500; margin-top:2px; opacity:.7;}
 
@media screen and (max-width:1199px) {
  .pageTabs {margin-bottom:50px;}
  .pageTabsInner a {padding:18px 16px; gap:8px;}
  .pageTabsInner a .tLabel {font-size:var(--fs16);}
}
@media screen and (max-width:768px) {
  .pageTabs {margin-bottom:40px;}
  .pageTabsInner {gap:8px;}
  .pageTabsInner a {padding:16px 12px; flex-direction:column; gap:6px; border-radius:10px;}
  .pageTabsInner a .tLabel {font-size:var(--fs16);}
  .pageTabsInner a .tSub {font-size:1.3rem;}
}
 
 
/* ===========================
   SCROLL ANIMATION
   =========================== */
.fadeUp {opacity:0; transform:translateY(32px); transition:opacity .65s cubic-bezier(.22,1,.36,1), transform .65s cubic-bezier(.22,1,.36,1);}
.fadeUp.visible {opacity:1; transform:translateY(0);}
.fadeUp.delay1 {transition-delay:.1s;}
.fadeUp.delay2 {transition-delay:.2s;}
.fadeUp.delay3 {transition-delay:.3s;}
.fadeUp.delay4 {transition-delay:.4s;}
.fadeUp.delay5 {transition-delay:.5s;}


/* ===========================
   FUNC NAV — 기능 번호 탭
   =========================== */
.funcNav {margin-bottom:52px;}
.funcNavInner {display:flex; flex-wrap:wrap; gap:8px;}
.funcNavInner button {
  display:flex; align-items:center; gap:8px;
  padding:11px 18px; border-radius:100px;
  border:1.5px solid var(--border1); background:#fff;
  font-size:var(--fs15); font-weight:700;
  transition:all .25s ease; cursor:pointer;
}
.funcNavInner button:hover {border-color:var(--c_base3); background:#edf3ff;}
.funcNavInner button.on {border-color:var(--c_base3); background:var(--c_base3); color:#fff;}
.funcNavInner button .fnNum {
  display:inline-flex; align-items:center; justify-content:center;
  width:22px; height:22px; border-radius:50%;
  background:rgba(0,0,0,.08); font-size:1.1rem; font-weight:900; flex-shrink:0;
  transition:all .25s;
}
.funcNavInner button.on .fnNum {background:rgba(255,255,255,.28);}
 
/*@media screen and (max-width:1199px) {
  .funcNav {margin-bottom:40px;}
  .funcNavInner button {padding:10px 16px; font-size:var(--fs14);}
}
@media screen and (max-width:768px) {
  .funcNavInner {gap:6px;}
  .funcNavInner button {padding:9px 13px; font-size:var(--fs14);}
}*/

/* 태블릿 이하(~1199) — sticky 가로 스크롤 */
@media screen and (max-width:1199px) {
  .funcNav {margin-bottom:40px; position:sticky; top:12px; z-index:200; background:rgba(255,255,255,0.6); box-shadow:0 2px 10px rgba(0,0,0,.08); padding:0 16px; border-radius:16px; backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px);}
  .funcNavInner {flex-wrap:nowrap; overflow-x:auto; -webkit-overflow-scrolling:touch; padding:10px 0; gap:8px; scroll-behavior:smooth;}
  .funcNavInner::-webkit-scrollbar {height:3px;}
  .funcNavInner::-webkit-scrollbar-thumb {background:var(--c_base3); border-radius:2px;}
  .funcNavInner button {flex-shrink:0; padding:9px 16px; white-space:nowrap; font-size:var(--fs16);}
}
/* 모바일 (~767) */
@media screen and (max-width:767px) {
  .funcNav {top:12px; padding:0 12px;}
  .funcNavInner button {padding:9px 14px; font-size:var(--fs16);}
}