/* Blue Anchor 2026 리뉴얼 페이지 보정 (Claude, 2026-09-12) */
.ba-root, .ba-root *{font-family:"Pretendard","Pretendard Variable","Apple SD Gothic Neo","Malgun Gothic","Noto Sans KR",system-ui,sans-serif !important}
.ba-root h1,.ba-root h2,.ba-root h3,.ba-root h4,.ba-root h5,.ba-root h6{text-transform:none;margin:0;padding:0}
.ba-root p{margin:0}
.ba-root ul,.ba-root ol{margin:0;padding:0;list-style:none}
.ba-root a{box-shadow:none;border-bottom:0}
.ba-root img{max-width:100%;height:auto}
.ba-root button{margin:0}
body:has(.ba-root) #pojo-a11y-toolbar,
body:has(.ba-root) .ba-float-cta{display:none !important}
/* 로고: 투명 플레이스홀더가 1:1이라 눌리는 문제 보정 + 크기 확대 */
.ba-root img[class*="balogo-"]{aspect-ratio:1183 / 451;width:auto !important}
.ba-root .balogo-logo-h-color-png{height:58px !important}
.ba-root .balogo-logo-h-white-png{height:64px !important}
@media (max-width:1079px){.ba-root .balogo-logo-h-color-png{height:46px !important}}

/* 에이전트 프로필 사진 (기존 미디어 라이브러리 사용) */
.ba-root [data-slot^="agent-"]{background-position:center top;background-size:cover;background-repeat:no-repeat}
.ba-root [data-slot="agent-michael"]{background-image:url('https://blueanchorins.com/wp-content/uploads/2023/08/1685160166416_edited.webp')}
.ba-root [data-slot="agent-ryan"]{background-image:url('https://blueanchorins.com/wp-content/uploads/2023/08/BeautyPlus_20230523220022460_save_edited.webp')}
.ba-root [data-slot="agent-monica"]{background-image:url('https://blueanchorins.com/wp-content/uploads/2024/03/Monica_Kim.jpg')}
.ba-root [data-slot="agent-sang"]{background-image:url('https://blueanchorins.com/wp-content/uploads/2023/08/sanghyub-song_edited.webp')}
.ba-root [data-slot="agent-boyun"]{background-image:url('https://blueanchorins.com/wp-content/uploads/2026/07/1-%EB%B3%B5%EC%82%AC.jpg')}
.ba-root [data-slot="agent-jeongwon"]{background-image:url('https://blueanchorins.com/wp-content/uploads/2023/08/1685304830677_edited.webp')}

/* 사진은 컬러로 (디자인 원본의 흑백 처리 해제) */
.ba-root [style*="grayscale"]{filter:none !important}

/* 무드 사진 배치 (Claude, 2026-09-13) */
.ba-root [data-slot$="-hero"],.ba-root [data-slot^="ba3-a"],.ba-root [data-slot="ba3-clientfirst"],.ba-root [data-slot="about-team"]{background-position:center;background-size:cover;background-repeat:no-repeat}
.ba-root [data-slot="ba3-hero"]{background-image:url('https://blueanchorins.com/wp-content/uploads/2026/09/ba-hero-home.jpg')}
.ba-root [data-slot="svc-inc-hero"]{background-image:url('https://blueanchorins.com/wp-content/uploads/2026/09/ba-svc-income.jpg')}
.ba-root [data-slot="svc-myga-hero"]{background-image:url('https://blueanchorins.com/wp-content/uploads/2026/09/ba-svc-myga.jpg')}
.ba-root [data-slot="svc-ltc-hero"]{background-image:url('https://blueanchorins.com/wp-content/uploads/2026/09/ba-svc-ltc.jpg')}
.ba-root [data-slot="svc-roll-hero"]{background-image:url('https://blueanchorins.com/wp-content/uploads/2026/09/ba-svc-rollover.jpg')}
.ba-root [data-slot="svc-life-hero"]{background-image:url('https://blueanchorins.com/wp-content/uploads/2026/09/ba-svc-life.jpg')}
.ba-root [data-slot="ba3-a1"]{background-image:url('https://blueanchorins.com/wp-content/uploads/2026/09/ba-card-myga.jpg')}
.ba-root [data-slot="ba3-a2"]{background-image:url('https://blueanchorins.com/wp-content/uploads/2026/09/ba-card-income.jpg')}
.ba-root [data-slot="ba3-a3"]{background-image:url('https://blueanchorins.com/wp-content/uploads/2026/09/ba-card-ltc.jpg')}
.ba-root [data-slot="ba3-a4"]{background-image:url('https://blueanchorins.com/wp-content/uploads/2026/09/ba-card-rollover.jpg')}
.ba-root [data-slot="ba3-a5"]{background-image:url('https://blueanchorins.com/wp-content/uploads/2026/09/ba-card-life.jpg')}
.ba-root [data-slot="ba3-clientfirst"]{background-image:url('https://blueanchorins.com/wp-content/uploads/2026/09/ba-clientfirst.jpg')}
.ba-root [data-slot="about-team"]{background-image:url('https://blueanchorins.com/wp-content/uploads/2026/09/ba-team.jpg')}

/* ===== 사진 제거 + 도입부 배경 처리 (Claude, 2026-09-13) ===== */
.ba-root div:has(> div > [data-slot$="-hero"]){display:none}
.ba-root div:has(> [data-slot^="ba3-a"]),
.ba-root div:has(> [data-slot="ba3-clientfirst"]),
.ba-root div:has(> [data-slot="about-team"]){display:none}
.ba-root .ba-deco[style*="background:#111418"]{display:none}
.ba-root .ba-deco[style*="#FFC629"]{filter:blur(48px);opacity:.30 !important;border-radius:999px}
.ba-root .ba-deco[style*="#FFFFFF"]{filter:blur(40px);opacity:.30 !important}
.ba-root .ba-deco[style*="#EDEEF0"]{
  width:min(48%,620px) !important;
  background:
    repeating-linear-gradient(var(--ba-ang,42deg), rgba(17,20,24,.06) 0 1px, transparent 1px 13px),
    linear-gradient(90deg,#FFFFFF 0%,#F6F7F8 40%,#EFF1F3 100%) !important;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 40%,#000 100%);
  mask-image:linear-gradient(90deg,transparent 0%,#000 40%,#000 100%);
}
body.page-id-10209 .ba-root{--ba-ang:42deg}
body.page-id-10203 .ba-root{--ba-ang:28deg}
body.page-id-10204 .ba-root{--ba-ang:62deg}
body.page-id-10205 .ba-root{--ba-ang:14deg}
body.page-id-10206 .ba-root{--ba-ang:76deg}
body.page-id-10207 .ba-root{--ba-ang:124deg}

/* ================= 색 체계 — 네이비 주도 (2026-09-13) ================= */
.ba-root{--navy:#00428E;--sky:#0599D9;--bronze:#B18147;
         --y1:#FFC629;--y2:#FFE39B;--y3:#FFF3D2;--y4:#FFF8E7;
         --n1:#FAFBFC;--n2:#F4F5F7;--n3:#EDEEF0;--n4:#E3E6EA}
.ba-root a[style*="border-radius:999px"][style*="background:#FFC629"],
.ba-root button[style*="border-radius:999px"][style*="background:#FFC629"],
.ba-root a[style*="border-radius:999px"][style*="background:#111418"],
.ba-root button[style*="border-radius:999px"][style*="background:#111418"]{
  background:var(--navy) !important; color:#FFFFFF !important;
  border-color:var(--navy) !important;
  transition:background 200ms cubic-bezier(.2,.7,.3,1), transform 200ms cubic-bezier(.2,.7,.3,1), box-shadow 200ms}
.ba-root a[style*="border-radius:999px"][style*="background:#FFC629"] *,
.ba-root button[style*="border-radius:999px"][style*="background:#FFC629"] *,
.ba-root a[style*="border-radius:999px"][style*="background:#111418"] *,
.ba-root button[style*="border-radius:999px"][style*="background:#111418"] *{color:#FFFFFF !important}
.ba-root a[style*="border-radius:999px"][style*="background:#FFC629"]:hover,
.ba-root button[style*="border-radius:999px"][style*="background:#FFC629"]:hover,
.ba-root a[style*="border-radius:999px"][style*="background:#111418"]:hover,
.ba-root button[style*="border-radius:999px"][style*="background:#111418"]:hover{
  background:#00356F !important; transform:translateY(-2px);
  box-shadow:0 8px 20px rgba(0,66,142,.22)}
.ba-root a[style*="border-radius:999px"][style*="background:#FFFFFF"][style*="#111418"],
.ba-root button[style*="border-radius:999px"][style*="background:#FFFFFF"][style*="#111418"]{
  border-color:var(--navy) !important; color:var(--navy) !important;
  transition:background 200ms, color 200ms, transform 200ms}
.ba-root a[style*="border-radius:999px"][style*="background:#FFFFFF"][style*="#111418"] *,
.ba-root button[style*="border-radius:999px"][style*="background:#FFFFFF"][style*="#111418"] *{color:var(--navy) !important}
.ba-root a[style*="border-radius:999px"][style*="background:#FFFFFF"][style*="#111418"]:hover{
  background:var(--navy) !important; transform:translateY(-2px)}
.ba-root a[style*="border-radius:999px"][style*="background:#FFFFFF"][style*="#111418"]:hover *{color:#FFFFFF !important}
.ba-root section[style*="background:#FFC629"]{background:var(--y4) !important}
.ba-root span[style*="background:#FFC629"][style*="padding"]{background:#FFEFC6 !important; color:#7C5A15 !important}
.ba-root section[style*="background:#EDEEF0"]{background:var(--n2) !important}
.ba-root [data-count]{color:var(--navy) !important}
.ba-root a[style*="text-decoration:underline"]:hover{color:var(--navy) !important}
.ba-root .hvcard:hover{box-shadow:0 14px 34px rgba(0,66,142,.10) !important;border-color:#BFC7D1 !important}
.ba-root div[style*="background:#FFC629"][style*="padding:clamp"],
.ba-root div[style*="background:#FFC629"][style*="height:196px"],
.ba-root div[style*="background:#FFC629"][style*="box-shadow"],
.ba-root div[style*="background:#FFC629"][style*="border-radius:20px"],
.ba-root div[style*="background:#FFC629"][style*="padding:18px 22px"],
.ba-root a[style*="background:#FFC629"][style*="padding:38px"]{background:var(--y4) !important}
.ba-root a[style*="background:#FFC629"][style*="padding:12px 18px"],
.ba-root a[style*="background:#111418"][style*="padding:15px 24px"]{
  background:var(--navy) !important; color:#FFFFFF !important}
.ba-root a[style*="background:#FFC629"][style*="padding:12px 18px"] *,
.ba-root a[style*="background:#111418"][style*="padding:15px 24px"] *{color:#FFFFFF !important}
.ba-root div[style*="background:#FFC629"][style*="height:196px"]{border:1px solid #F0E2BE !important}
.ba-root div[style*="position:absolute"][style*="background:#FFC629"]:not(.ba-deco):not([style*="width:8px"]):not([style*="width:96px"]){
  background:#FFE39B !important}
.ba-root div[style*="position:absolute"][style*="background:#111418"]:not(.ba-deco):not([style*="width:8px"]){
  background:#00428E !important; opacity:.88}
body.page-id-10209 .ba-root .ba-deco[style*="#EDEEF0"]{
  width:100% !important; right:0 !important;
  background:
    radial-gradient(circle,#FFFFFF 3.2px,transparent 3.4px) 0 0/24px 24px,
    linear-gradient(180deg,#FFF1CC 0%,#FFF9EA 52%,#FFFFFF 100%) !important;
  -webkit-mask-image:linear-gradient(180deg,#000 0,#000 44%,transparent 94%);
  mask-image:linear-gradient(180deg,#000 0,#000 44%,transparent 94%)}
.ba-root [data-acc-body]{transition:max-height 900ms cubic-bezier(.16,1,.3,1) !important}
.ba-root [data-acc-body] > div{transition:opacity 420ms cubic-bezier(.16,1,.3,1) 80ms, transform 420ms cubic-bezier(.16,1,.3,1) 80ms}
.ba-root [data-acc-body][style*="max-height:0"] > div{opacity:0;transform:translateY(12px)}
.ba-root [data-acc-icon]{transition:transform 420ms cubic-bezier(.16,1,.3,1), background 260ms, border-color 260ms !important}
.ba-root [data-acc-num]{transition:background 320ms, color 320ms !important}
.ba-root [data-acc]{transition:box-shadow 420ms cubic-bezier(.16,1,.3,1) !important}

/* === 클래스 보정 (JS가 style을 정규화한 요소까지) === */
.ba-root .bay.babtn.bapill,
.ba-root .bak.babtn.bapill{background:var(--navy) !important;color:#FFFFFF !important;border-color:var(--navy) !important}
.ba-root .bay.babtn.bapill *,
.ba-root .bak.babtn.bapill *{color:#FFFFFF !important}
.ba-root .baw.bapill.bahask{border-color:var(--navy) !important;color:var(--navy) !important}
.ba-root .baw.bapill.bahask *{color:var(--navy) !important}
.ba-root .bay.babig:not(.baabs):not(section){background:var(--y4) !important}

/* === 홈 히어로 가운데 정렬 === */
body.page-id-10209 .ba-root #top div:has(> div > div > [data-slot="ba3-hero"]){display:none}
body.page-id-10209 .ba-root #top [style*="max-width:min(560px,100%)"]{
  max-width:840px !important;margin-left:auto !important;margin-right:auto !important;text-align:center}
body.page-id-10209 .ba-root #top [style*="max-width:min(560px,100%)"] div[style*="display:flex"]{justify-content:center}
body.page-id-10209 .ba-root #top h1{font-size:clamp(38px,5.2vw,64px) !important}
body.page-id-10209 .ba-root #top p{margin-left:auto;margin-right:auto;max-width:640px}

/* === 홈 히어로 실제 선택자로 가운데 정렬 === */
body.page-id-10209 .ba-root #top div[style*="flex:0 1 500px"]{
  flex:1 1 100% !important;max-width:860px !important;margin:0 auto !important;text-align:center}
body.page-id-10209 .ba-root #top div[style*="flex:0 1 500px"] div{justify-content:center}
body.page-id-10209 .ba-root #top div[style*="flex:0 1 500px"] p{margin-left:auto;margin-right:auto;max-width:660px}
body.page-id-10209 .ba-root #top > div[style*="max-width:1200px"]{justify-content:center}

/* 홈 히어로 하단 여백 조정 */
body.page-id-10209 .ba-root #top{padding-bottom:clamp(56px,6vw,90px) !important}

/* ===== 원본 디자인에 정의만 되어 있던 애니메이션 연결 ===== */
@keyframes badrift{0%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-26px,0)}100%{transform:translate3d(0,0,0)}}
@keyframes badriftb{0%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,20px,0)}100%{transform:translate3d(0,0,0)}}
@keyframes badots{from{background-position:0 0, 0 0}to{background-position:88px -44px, 0 0}}
@keyframes bapop{from{opacity:0;transform:scale(.86)}to{opacity:1;transform:scale(1)}}

/* 홈 히어로 점 배경이 아주 천천히 흐름 */
body.page-id-10209 .ba-root .ba-deco[style*="#EDEEF0"]{animation:badots 90s linear infinite}

/* 모션 줄이기 설정을 켠 분은 정지 */
@media (prefers-reduced-motion: reduce){
  .ba-root *,.ba-root *::before,.ba-root *::after{animation:none !important;transition:none !important}
}

/* ===== 글의 강약 ===== */
.ba-root h2{letter-spacing:-0.035em !important;line-height:1.22 !important}
.ba-root section h2{font-size:clamp(30px,4.1vw,54px) !important}
.ba-root h3{letter-spacing:-0.018em !important}
.ba-root h2 + p{font-size:19px !important;line-height:1.82 !important;color:#2A2F36 !important}
.ba-root p{letter-spacing:-0.003em}

/* ===== 장식 규칙을 클래스 기준으로 다시 (JS가 style을 정규화해도 유지) ===== */
.ba-root .ba-deco.bak{display:none}
.ba-root .ba-deco.bay{filter:blur(48px);opacity:.30 !important;border-radius:999px}
.ba-root .ba-deco.baw{filter:blur(40px);opacity:.30 !important}
.ba-root .ba-deco.bapanel{
  filter:none !important; opacity:1 !important; border-radius:0 !important;
  width:min(48%,620px) !important;
  background:
    repeating-linear-gradient(var(--ba-ang,42deg), rgba(17,20,24,.06) 0 1px, transparent 1px 13px),
    linear-gradient(90deg,#FFFFFF 0%,#F6F7F8 40%,#EFF1F3 100%) !important;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 40%,#000 100%);
  mask-image:linear-gradient(90deg,transparent 0%,#000 40%,#000 100%)}
body.page-id-10209 .ba-root .ba-deco.bapanel{
  width:100% !important; right:0 !important;
  background:
    radial-gradient(circle,#FFFFFF 3.2px,transparent 3.4px) 0 0/24px 24px,
    linear-gradient(180deg,#FFF1CC 0%,#FFF9EA 52%,#FFFFFF 100%) !important;
  -webkit-mask-image:linear-gradient(180deg,#000 0,#000 44%,transparent 94%);
  mask-image:linear-gradient(180deg,#000 0,#000 44%,transparent 94%);
  animation:badots 90s linear infinite}

/* 버튼 안 화살표·보조문구 세로 정렬 */
.ba-root a[style*="justify-content:space-between"]{align-items:center !important}
.ba-root a[style*="display:inline-flex"]{align-items:center !important}
/* removed: 아즉디언 제목 줄바꿈을 깨뜨림 */
.ba-root .babtn{line-height:1.25}

/* === 클래스 기반 재정의 (인라인 스타일 공백 재포맷 대응) === */
.ba-root section.bay{background:var(--y4) !important}
.ba-root section.bapanelbg{background:var(--n2) !important}
.ba-root span.bay:not(.baabs):not(.basmall){background:#FFEFC6 !important;color:#7C5A15 !important}
body.page-id-10209 .ba-root #top{padding-top:110px !important}
body.page-id-10209 .ba-root #top .baherocol{flex:0 1 560px !important;max-width:none !important;margin:0 !important;text-align:left !important}
body.page-id-10209 .ba-root #top h1{font-size:clamp(31px,3.6vw,47px) !important}
body.page-id-10209 .ba-root #top .baherocol div{justify-content:center}
body.page-id-10209 .ba-root #top .baherocol p{margin:26px 0 0 !important;max-width:480px !important;text-align:left !important}

/* === 원본 복원 === */
.ba-root section.bay{background:#FFC629 !important}
.ba-root .bay.babig:not(.baabs):not(section){background:#FFC629 !important}
.ba-root div.bay[style*="height:196px"], .ba-root div.bay[style*="height: 196px"]{border:0 !important}
/* 아코디언 펌침을 빠르게 */
.ba-root [data-acc-body]{transition:max-height 340ms cubic-bezier(.16,1,.3,1) !important}
.ba-root [data-acc-body] > div{transition:opacity 260ms cubic-bezier(.16,1,.3,1) 40ms, transform 260ms cubic-bezier(.16,1,.3,1) 40ms}

/* === 세 바구니 통일 (어느 하나를 강조하지 않음) === */
.ba-root .bay.babig:not(.baabs):not(section){background:#FFFFFF !important}
.ba-root .bak.baabs[style*="width:56px"], .ba-root .bak.baabs[style*="width: 56px"]{
  background:#FFC629 !important; color:#111418 !important}
body.page-id-10209 .ba-root .hv2, body.page-id-10209 .ba-root .hv4, body.page-id-10209 .ba-root .hv6{
  background:transparent !important; border:0 !important; box-shadow:none !important; color:#111418 !important}
body.page-id-10209 .ba-root .hv2 *, body.page-id-10209 .ba-root .hv4 *, body.page-id-10209 .ba-root .hv6 *{color:#111418 !important}
body.page-id-10209 .ba-root .hv2:hover, body.page-id-10209 .ba-root .hv4:hover, body.page-id-10209 .ba-root .hv6:hover{background:#EDEEF0 !important}

/* === 숫자 블록: 기호까지 같은 색으로 === */
.ba-root div[style*="border-top:4px solid #FFC629"] > div:first-child,
.ba-root div[style*="border-top: 4px solid"] > div:first-child{color:#00428E !important}
.ba-root [data-count]{color:inherit !important}

/* === 세 카드 외형 통일 (03 카드 기준) === */
.ba-root .bay.babig:not(.baabs):not(section){
  background:#FFFFFF !important;
  border:2px solid #111418 !important;
  border-top:8px solid #FFC629 !important}

/* 03 카드의 링크를 감싼 흰 상자 제거 — 01·02와 같게 */
.ba-root div[style*="box-shadow:0 14px 34px rgba(17,20,24,0.13)"],
.ba-root div[style*="box-shadow: 0 14px 34px rgba(17, 20, 24, 0.13)"]{
  background:transparent !important; border:0 !important;
  box-shadow:none !important; padding:0 !important; border-radius:0 !important}

/* 링크 4개 모두 동일 (hv3 포함) */
body.page-id-10209 .ba-root .hv2,body.page-id-10209 .ba-root .hv3,body.page-id-10209 .ba-root .hv4,body.page-id-10209 .ba-root .hv6{
  background:transparent !important; border:0 !important;
  box-shadow:none !important; color:#111418 !important}
body.page-id-10209 .ba-root .hv2 *,body.page-id-10209 .ba-root .hv3 *,body.page-id-10209 .ba-root .hv4 *,body.page-id-10209 .ba-root .hv6 *{color:#111418 !important}
body.page-id-10209 .ba-root .hv2:hover,body.page-id-10209 .ba-root .hv3:hover,body.page-id-10209 .ba-root .hv4:hover,body.page-id-10209 .ba-root .hv6:hover{
  background:#EDEEF0 !important}

/* === 03 카드의 버튼 2개도 01·02와 같은 텍스트 링크로 === */
body.page-id-10209 .ba-root .hv19, body.page-id-10209 .ba-root .hv20{
  background:transparent !important; border:0 !important; box-shadow:none !important;
  color:#111418 !important; padding:13px 18px !important; border-radius:12px !important}
body.page-id-10209 .ba-root .hv19 *, body.page-id-10209 .ba-root .hv20 *{color:#111418 !important}
body.page-id-10209 .ba-root .hv19:hover, body.page-id-10209 .ba-root .hv20:hover{background:#EDEEF0 !important}

/* 우선순위 보강 — 속성 선택자 규칙보다 강하게 */
body.page-id-10209 .ba-root a.hv19.bay.babtn, body.page-id-10209 .ba-root a.hv20.babtn{
  background:transparent !important; border:0 !important; box-shadow:none !important;
  color:#111418 !important; transform:none !important}
body.page-id-10209 .ba-root a.hv19.bay.babtn *, body.page-id-10209 .ba-root a.hv20.babtn *{color:#111418 !important}
body.page-id-10209 .ba-root a.hv19.bay.babtn:hover, body.page-id-10209 .ba-root a.hv20.babtn:hover{
  background:#EDEEF0 !important; transform:none !important; box-shadow:none !important}


/* senior type floor 2026-09-13 */
.ba-root [style*='font-size:9px'],.ba-root [style*='font-size: 9px'],.ba-root [style*='font-size:10px'],.ba-root [style*='font-size: 10px'],.ba-root [style*='font-size:11px'],.ba-root [style*='font-size: 11px']{font-size:13px !important}
.ba-root [style*='font-size:12px'],.ba-root [style*='font-size: 12px']{font-size:15px !important}
.ba-root [style*='font-size:13px'],.ba-root [style*='font-size: 13px'],.ba-root [style*='font-size:14px'],.ba-root [style*='font-size: 14px']{font-size:17px !important}
.ba-root [style*='font-size:15px'],.ba-root [style*='font-size: 15px']{font-size:17px !important}

/* HERO-A-FIX */
body.page-id-10209 .ba-root #top div.baherocol[style]{flex:0 1 560px !important;max-width:none !important;margin:0 !important;text-align:left !important}
body.page-id-10209 .ba-root #top div.baherocol[style] div{justify-content:flex-start !important}
body.page-id-10209 .ba-root #top div.baherocol[style] p{margin:26px 0 0 !important;max-width:480px !important}

/* ORDER-FIX + BAR-UNIFY */
body.page-id-10209 .ba-root section#plans{background:#EDEEF0 !important}
body.page-id-10209 .ba-root section:nth-of-type(3){background:#FFFFFF !important}
body.page-id-10209 .ba-root section:nth-of-type(3) a.babig,body.page-id-10209 .ba-root section:nth-of-type(3) div.baw.bahask{border-top:18px solid #FFC629 !important}

/* ACC-SOFT + BADGE-01 */
.ba-root .bak.baabs[style*='width:56px']{border:2px solid #111418 !important}
.ba-root [data-acc-body]{transition:max-height 900ms cubic-bezier(.33,0,.15,1), opacity 520ms ease !important;will-change:max-height}
.ba-root [data-acc-body][style*='max-height: 0px']{opacity:0}
.ba-root [data-acc-body] > *{transition:transform 900ms cubic-bezier(.33,0,.15,1), opacity 700ms ease !important}
.ba-root [data-acc-body][style*='max-height: 0px'] > *{transform:translateY(-10px);opacity:0}
.ba-root [data-acc]{transition:border-color 420ms ease, box-shadow 420ms ease, transform 520ms cubic-bezier(.33,0,.15,1), background-color 420ms ease, opacity 420ms ease}

/* IRA-HEAD */
body.page-id-10209 .ba-root #iraSticky > div:first-child{display:grid !important;grid-template-columns:minmax(0,1fr) minmax(0,430px) !important;column-gap:56px;align-items:end;padding-bottom:20px !important}
body.page-id-10209 .ba-root #iraSticky > div:first-child > div:first-child{grid-column:1 / -1}
body.page-id-10209 .ba-root #iraSticky > div:first-child > h2{margin:0 !important;max-width:560px !important}
body.page-id-10209 .ba-root #iraSticky > div:first-child > p{margin:0 0 6px !important;max-width:430px !important}
body.page-id-10209 .ba-root #iraViewport{padding-top:0 !important}

/* IRA-TIGHT */
body.page-id-10209 .ba-root #iraSticky{top:80px !important}

/* STICKY-FIX: body overflow-x:hidden broke position:sticky */
body:has(.ba-root){overflow-x:clip !important}

/* SECTION-RHYTHM */
.ba-root section{padding-top:clamp(80px,8vw,120px) !important;padding-bottom:clamp(80px,8vw,120px) !important}

/* CTA-TEXTURE */
.ba-root section.bay{position:relative;overflow:clip}
.ba-root section.bay::before{content:'';position:absolute;inset:-10%;background-image:radial-gradient(circle,rgba(255,255,255,0.60) 2.4px,transparent 2.6px);background-size:26px 26px;-webkit-mask-image:linear-gradient(155deg,#000 0%,rgba(0,0,0,0.55) 45%,transparent 78%);mask-image:linear-gradient(155deg,#000 0%,rgba(0,0,0,0.55) 45%,transparent 78%);pointer-events:none;z-index:0}
.ba-root section.bay > *{position:relative;z-index:1}

/* TOTOP + SCROLL-FIX */
html:has(.ba-root),body:has(.ba-root){scroll-behavior:auto !important}
#baToTop{position:fixed;right:24px;bottom:24px;z-index:9990;width:60px;height:60px;border-radius:999px;border:0;background:#00428E;color:#FFFFFF;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;cursor:pointer;box-shadow:0 10px 26px rgba(17,20,24,0.22);opacity:0;visibility:hidden;transition:opacity 260ms ease,transform 260ms ease,background 200ms ease;font-family:inherit}
#baToTop:hover{background:#111418}
#baToTop .baTopArrow{font-size:22px;line-height:1;font-weight:700}
#baToTop .baTopTxt{font-size:11px;font-weight:700;letter-spacing:0.06em}
@media (max-width:700px){#baToTop{right:16px;bottom:16px;width:52px;height:52px}}

/* LIB-SCROLLER */
body.page-id-10209 .ba-root #library [data-stagger-group]{display:flex !important;grid-template-columns:none !important;overflow-x:auto;overflow-y:hidden;gap:14px !important;overscroll-behavior-x:contain;padding-bottom:14px;scrollbar-width:thin}
body.page-id-10209 .ba-root #library [data-stagger-group] > *{flex:0 0 min(330px,78vw) !important;margin-top:0 !important}
body.page-id-10209 .ba-root #library [data-stagger-group]::-webkit-scrollbar{height:8px}
body.page-id-10209 .ba-root #library [data-stagger-group]::-webkit-scrollbar-thumb{background:#C8CDD3;border-radius:99px}
body.page-id-10209 .ba-root #library [data-stagger-group]::-webkit-scrollbar-track{background:transparent}

/* DROP-FIX + COL-COVER */
.ba-root .ba-drop{background:#FFFFFF !important;border:1px solid #E3E6EA !important;border-radius:14px !important;box-shadow:0 18px 44px rgba(17,20,24,0.16) !important;padding:12px 10px !important;z-index:60 !important;min-width:280px}
.ba-root .ba-drop a{border-radius:10px}
.ba-root .ba-drop a:hover{background:#F4F5F7}
body.page-id-10209 .ba-root #library a:has(.baCover){background:transparent !important;padding:0 !important;border-radius:0 !important}
body.page-id-10209 .ba-root .baCover{margin-bottom:18px}

/* MOBILE-GUARD */
@media (max-width:900px){
.ba-root #iraSticky{position:static !important;top:auto !important}
.ba-root #iraTrack{height:auto !important}
.ba-root #iraViewport{overflow-x:auto !important;overflow-y:hidden !important;overscroll-behavior-x:contain;padding-bottom:12px}
.ba-root #iraRow{transform:none !important}
body.page-id-10209 .ba-root #top{padding-top:72px !important}
body.page-id-10209 .ba-root #top div.baherocol[style]{flex:1 1 100% !important}
body.page-id-10209 .ba-root #top div.baherocol[style] p{max-width:100% !important}
body.page-id-10209 .ba-root #library [data-stagger-group] > *{flex:0 0 82vw !important}
.ba-root #baToTop{right:14px !important;bottom:14px !important;width:52px !important;height:52px !important}
}

/* MOBILE-FIX2 */
@media (max-width:900px){
body.page-id-10209 .ba-root #iraSticky > div:first-child,body .ba-root #iraSticky > div:first-child{display:block !important;padding-bottom:24px !important}
body.page-id-10209 .ba-root #iraSticky > div:first-child > h2,body .ba-root #iraSticky > div:first-child > h2{max-width:100% !important;margin:0 0 18px !important}
body.page-id-10209 .ba-root #iraSticky > div:first-child > p,body .ba-root #iraSticky > div:first-child > p{max-width:100% !important;margin:0 !important}
body.page-id-10209 .ba-root #top div.baherocol[style] > div:first-child{align-items:flex-start !important}
.ba-root #baToTop{width:46px !important;height:46px !important;right:10px !important;bottom:10px !important;opacity:.93}
.ba-root #baToTop .baTopArrow{font-size:18px !important}
.ba-root #baToTop .baTopTxt{font-size:9px !important}
}

/* MOBILE-HDR-B + TABLE-HINT */
.ba-root div[style*='overflow-x:auto'],.ba-root div[style*='overflow-x: auto']{scrollbar-width:thin;background-image:linear-gradient(to right,#FFFFFF,rgba(255,255,255,0)),linear-gradient(to left,#FFFFFF,rgba(255,255,255,0)),linear-gradient(to right,rgba(17,20,24,0.20),rgba(17,20,24,0)),linear-gradient(to left,rgba(17,20,24,0.20),rgba(17,20,24,0));background-position:left center,right center,left center,right center;background-repeat:no-repeat;background-size:26px 100%,26px 100%,20px 100%,20px 100%;background-attachment:local,local,scroll,scroll}
.ba-root div[style*='overflow-x:auto']::-webkit-scrollbar,.ba-root div[style*='overflow-x: auto']::-webkit-scrollbar{height:10px}
.ba-root div[style*='overflow-x:auto']::-webkit-scrollbar-thumb,.ba-root div[style*='overflow-x: auto']::-webkit-scrollbar-thumb{background:#00428E;border-radius:99px}
.ba-root div[style*='overflow-x:auto']::-webkit-scrollbar-track,.ba-root div[style*='overflow-x: auto']::-webkit-scrollbar-track{background:#E3E6EA;border-radius:99px}
@media (max-width:900px){
.ba-root header .bapill,.ba-root header a.bapill{min-height:44px !important}
.ba-root header img,.ba-root header svg{max-height:38px !important}
.ba-root header > div{padding-top:8px !important;padding-bottom:8px !important;gap:8px !important}
.ba-root header{--ba-hdr:96px}
}

/* MOBILE-HDR-B2 */
@media (max-width:900px){
.ba-root .ba-mob{padding:6px 0 8px !important;gap:6px !important}
.ba-root .ba-mob > div:first-child img{max-height:36px !important;width:auto !important}
.ba-root .ba-cta-stack a{min-height:44px !important}
.ba-root .ba-cta-stack a span:first-child{font-size:11px !important;letter-spacing:0.10em !important}
.ba-root .ba-cta-stack a span:last-child{font-size:17px !important}
.ba-root .ba-cta-stack a[href^='#'],.ba-root .ba-cta-stack a[href*='consultation']{font-size:16px !important}
}

/* SWIPEHINT-CSS */
.ba-root .baSwipeHint{margin-top:12px;font-size:16px;font-weight:700;color:#00428E;text-align:right;letter-spacing:-0.01em;transition:opacity 320ms ease}
.ba-root div[style*='overflow-x:auto'],.ba-root div[style*='overflow-x: auto']{padding-bottom:6px}

/* CHIPROW-CSS */
@media (max-width:900px){
.ba-root .baChipRow{flex-wrap:nowrap !important;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;padding-bottom:4px;scrollbar-width:none}
.ba-root .baChipRow::-webkit-scrollbar{display:none}
.ba-root .baChipRow > *{flex:0 0 auto !important;white-space:nowrap}
body.page-id-10208 .ba-root .baChipRow{margin-bottom:10px !important}
}

/* SCROLL-ANCHOR-OFF */
html:has(.ba-root),body:has(.ba-root),.ba-root,.ba-root section,.ba-root [data-acc-body],.ba-root [data-acc-body] > *,.ba-root [data-stagger-group]{overflow-anchor:none}

/* BASKET-LINK-HOVER */
body.page-id-10209 .ba-root a.hv17 > span:last-child,body.page-id-10209 .ba-root a.hv18 > span:last-child{transition:color 180ms ease}
body.page-id-10209 .ba-root a.hv17:hover > span:last-child{color:#00428E !important}
body.page-id-10209 .ba-root a.hv18:hover > span:last-child{color:#00428E !important}

/* HERO-2026B */
body.page-id-10209 .ba-root section#top{padding:0 !important;background:#FFFFFF !important;max-width:none !important}
body.page-id-10209 .ba-root section#top .bah-h1{margin-bottom:0 !important}

/* IRA-NAV */
.ba-root .baIraNav{display:flex;justify-content:flex-end;gap:10px;margin:0 0 14px}
.ba-root .baIraBtn{width:52px;height:52px;border-radius:999px;border:2px solid #00428E;background:#FFFFFF;color:#00428E;font-size:22px;font-weight:700;line-height:1;cursor:pointer;transition:background 160ms ease,color 160ms ease,opacity 160ms ease}
.ba-root .baIraBtn:hover:not(:disabled){background:#00428E;color:#FFFFFF}
.ba-root .baIraBtn:disabled{opacity:.3;cursor:default}
.ba-root #iraViewport{cursor:grab}
@media (max-width:900px){.ba-root .baIraNav{display:none !important}.ba-root #iraViewport{cursor:auto}}

/* IRA-FIT — 모바일 카드 폭 */
@media (max-width:900px){.ba-root #iraRow > *{flex:0 0 210px !important}}

/* IRA-GRID — 데스크탑·태블릿: 가로 슬라이드 대신 가로형 목록 카드 */
@media (min-width:901px){
.ba-root #iraTrack{height:auto !important}
.ba-root #iraSticky{position:static !important}
.ba-root #iraViewport{overflow:visible !important;padding-top:8px !important;cursor:auto !important}
.ba-root #iraRow{display:grid !important;grid-template-columns:repeat(2,1fr) !important;gap:14px 20px !important;width:auto !important;transform:none !important;transition:none !important}
.ba-root #iraRow > *{flex:none !important;display:flex !important;align-items:center !important;gap:20px !important;background:#FFFFFF;border:1px solid #E4E8ED;border-radius:12px !important;padding:0 22px 0 0 !important;box-sizing:border-box;overflow:hidden}
.ba-root #iraRow > * > div:first-child{flex:0 0 8px !important;align-self:stretch !important;width:8px !important;height:auto !important;min-height:86px !important;border-radius:0 !important;background:#FFC629 !important}
.ba-root #iraRow > * > div:first-child > *{display:none !important}
.ba-root #iraRow > * > div:last-child{flex:1 1 auto !important;padding:18px 0 !important}
.ba-root #iraRow > * > div:last-child > p{font-size:16px !important}
.ba-root .baIraNav{display:none !important}
}

/* COLUMN-LIST — 홈 지식창고 칼럼: 장식 커버 제거 + 줄로 구분한 목록 */
@media (min-width:901px){
body.page-id-10209 .ba-root #library .baCover{display:none !important}
body.page-id-10209 .ba-root #library div:has(> a .baCover){overflow:visible !important;display:block !important}
body.page-id-10209 .ba-root #library div:has(> a .baCover) > a{display:grid !important;grid-template-columns:auto minmax(0,440px) minmax(0,1fr) !important;column-gap:20px !important;align-items:center !important;background:transparent !important;border-top:1px solid #DDE1E6 !important;border-radius:0 !important;padding:20px 4px !important}
body.page-id-10209 .ba-root #library div:has(> a .baCover) > a:last-child{border-bottom:1px solid #DDE1E6 !important}
body.page-id-10209 .ba-root #library div:has(> a .baCover) > a:hover{background:#F7F8F9 !important}
body.page-id-10209 .ba-root #library div:has(> a .baCover) > a > .bapill{grid-column:1 !important;grid-row:1 / span 2 !important;align-self:center !important}
body.page-id-10209 .ba-root #library div:has(> a .baCover) > a > h3{grid-column:2 !important;grid-row:1 !important;margin:0 !important;font-size:20px !important;line-height:1.45 !important}
body.page-id-10209 .ba-root #library div:has(> a .baCover) > a > .baSum{grid-column:3 !important;grid-row:1 / span 2 !important;align-self:center !important;margin:0 !important;font-size:15px !important;line-height:1.7 !important;color:#586068 !important}
body.page-id-10209 .ba-root #library div:has(> a .baCover) > a > .baBy{grid-column:2 !important;grid-row:2 !important;margin:6px 0 0 !important}
}
