/* v3.css — GNB 텍스트+캐럿·2차 메뉴 겹침 방지, 홈케어/재활사례 컴포넌트 (ux.css 다음 로드) */
/* ================= GNB v3: 텍스트 + 캐럿, 2차 메뉴 겹침 방지 ================= */
.gnb>ul>li>a{padding:0 24px;font-size:.944rem;font-weight:700;letter-spacing:-.4px}
.gnb .caret{display:inline-block;width:0;height:0;margin-left:8px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid currentColor;transition:transform .3s}
.gnb>ul>li:hover .caret{transform:rotate(180deg)}
/* 2차 메뉴는 자기 1차 메뉴 폭 안에서만 표시 → 옆 메뉴와 겹치지 않음 */
.gnb .depth2{min-width:0;padding:24px 8px 28px;overflow:hidden}
.gnb .depth2 li a{line-height:1.45;padding:7px 0;white-space:normal;font-size:.833rem}
.header.open .gnb .depth2{border-left:1px solid rgba(34,34,34,.06)}
.header.open .gnb>ul>li:first-child .depth2{border-left:0}
.header.open .gnb_bg{height:360px}
@media (max-width:1300px){.gnb{justify-content:flex-end}.gnb>ul{padding-right:calc(5% + 100px)}.gnb>ul>li>a{padding:0 12px;font-size:.889rem}.gnb .caret{margin-left:5px;border-left-width:4px;border-right-width:4px;border-top-width:5px}.gnb .depth2{padding:22px 4px 26px}.gnb .depth2 li a{font-size:.778rem}}
@media (max-width:1150px){.gnb>ul>li>a{padding:0 8px;font-size:.833rem}}

/* 홈케어: 생활동작 요령 카드 */
.ig-tips{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.ig-tips>li{padding:26px 24px;border-radius:18px;background:#fff;border:1px solid var(--border)}
.ig-tips .tp-hd{display:flex;align-items:center;gap:12px}
.ig-tips .tp-ic{display:flex;width:48px;height:48px;border-radius:14px;background:#1657AD;color:#fff;align-items:center;justify-content:center;flex:none}
.ig-tips h3{font-size:1.167rem;font-weight:700;color:var(--black);letter-spacing:-.5px}
.ig-tips>li>p{font-size:.889rem;line-height:1.65;color:var(--basic);margin:12px 0 14px}
.ig-tips ol{display:grid;gap:8px;border-top:1px dashed #C9D4E1;padding-top:14px}
.ig-tips ol li{display:flex;align-items:center;gap:10px;font-size:.944rem;color:var(--black);font-weight:600}
.ig-tips ol li span{display:flex;width:26px;height:26px;border-radius:50%;border:2px solid #2F9ACF;color:#1657AD;font-family:var(--eng);font-size:.778rem;align-items:center;justify-content:center;flex:none}

/* 재활사례 카드 */
.ig-cases{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.ig-cases>li{padding:26px 26px;border-radius:18px;background:#fff;border:1px solid var(--border)}
.ig-cases .cs-hd{display:flex;align-items:center;gap:14px;margin-bottom:18px}
.ig-cases .cc-ic{display:flex;width:56px;height:56px;border-radius:16px;background:linear-gradient(38deg,#2F9ACF,#1C69CE);color:#fff;align-items:center;justify-content:center;flex:none}
.ig-cases .cc-ic .ic{width:30px;height:30px}
.ig-cases h3{font-size:1.167rem;font-weight:700;color:var(--black);letter-spacing:-.5px;margin-bottom:6px}
.cs-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.cs-flow li{position:relative;padding:14px 14px;border-radius:12px;background:var(--grayBg);display:flex;flex-direction:column;gap:6px;font-size:.833rem}
.cs-flow li b{color:var(--sub);font-size:.778rem}
.cs-flow li+li::before{content:'';position:absolute;left:-15px;top:50%;width:8px;height:8px;border-top:2px solid #2F9ACF;border-right:2px solid #2F9ACF;transform:translateY(-50%) rotate(45deg)}
.subpage .ig-note{margin-top:16px}
@media (max-width:980px){
  .ig-tips{grid-template-columns:1fr 1fr;gap:12px}.ig-tips>li{padding:20px 16px}
  .ig-cases{grid-template-columns:1fr;gap:12px}.ig-cases>li{padding:20px 16px}
}
@media (max-width:680px){
  .ig-tips{grid-template-columns:1fr}
  .cs-flow{grid-template-columns:1fr;gap:14px}
  .cs-flow li+li::before{left:50%;top:-11px;transform:translateX(-50%) rotate(135deg)}
}