/* KRDS 공용 스타일: 홈페이지 기준서 5절 (본판 index.html에서 옮김) */

/* KRDS·정부24에서 뽑은 실제 값 + 방신 남색·분홍 */
:root{--ink:#1E2124;--sub:#464C53;--mute:#6D7882;--line:#CDD1D5;--line2:#E6E8EA;--bg:#fff;--s1:#F4F5F6;--s2:#EEF2F7;--navy:#1F2E55;--navy2:#2A3B66;--pink:#C81F76;--pink-l:#FF5BAE;--r6:6px;--r8:8px;--r12:12px;--w:1320px}
*{box-sizing:border-box}html{scroll-padding-top:170px}
body{margin:0;font-family:Pretendard,"Malgun Gothic",sans-serif;color:var(--ink);background:var(--bg);font-size:17px;line-height:1.5;word-break:keep-all}
a{color:inherit;text-decoration:none}ul{list-style:none;margin:0;padding:0}h1,h2,h3,p{margin:0}
.wrap{max-width:var(--w);margin:0 auto;padding:0 20px}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:#fff;padding:8px;z-index:99}
:focus-visible{outline:3px solid #C81F76;outline-offset:2px}
.gbar :focus-visible,.ft :focus-visible,.strip :focus-visible{outline-color:#FF5BAE}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:48px;padding:0 20px;border-radius:var(--r6);font-weight:700;font-size:1.0625rem;border:1px solid transparent;cursor:pointer;white-space:nowrap}
.btn-pink{background:var(--pink);color:#fff}.btn-navy{background:var(--navy);color:#fff}.btn-line{border-color:#8A949E;background:#fff;color:var(--ink)}
svg.i{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}

/* 머리글 */
.util{background:var(--s1);font-size:.9375rem}.util .wrap{display:flex;justify-content:flex-end;gap:16px;align-items:center;height:36px;color:var(--sub)}
.util b{color:var(--ink)}
.hd{position:sticky;top:0;z-index:50;background:#fff}
.hd-row{display:flex;align-items:center;gap:16px;height:76px}
.logo img{height:44px;display:block}
.sch{margin-left:auto;display:flex;align-items:center;width:380px;height:48px;border:1px solid #8A949E;border-radius:var(--r6);padding:0 4px 0 14px}
.sch input{flex:1;border:0;outline:0;font:inherit;font-size:1rem;min-width:0}.sch button{width:40px;height:40px;border:0;background:none;cursor:pointer}
.gbar{background:var(--navy)}
.gb{display:flex}.gb a{display:flex;align-items:center;height:56px;padding:0 22px;color:#fff;font-weight:700;font-size:1.0625rem;border-bottom:4px solid transparent}
.gb li:first-child a{padding-left:0}.gb a:hover{border-bottom-color:var(--pink-l)}
.m-menu{display:none}

/* 첫 화면 */
.hero{padding:56px 0 64px}
.hero-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:40px;align-items:start}
.hero-grid>*,.prog>*,.boards>*,.proof>*{min-width:0}
.hero h1{font-size:2.75rem;font-weight:700;line-height:1.3;letter-spacing:-.01em}
.hero .lead{margin-top:12px;font-size:1.25rem;color:var(--sub)}
.bigsch{margin-top:28px;display:flex;align-items:center;height:64px;border:2px solid var(--navy);border-radius:var(--r8);padding:0 8px 0 20px;gap:10px}
.bigsch input{flex:1;border:0;outline:0;font:inherit;font-size:1.125rem;min-width:0}
.bigsch button{height:48px;padding:0 20px;border:0;border-radius:var(--r6);background:var(--navy);color:#fff;font:700 1rem Pretendard,sans-serif;cursor:pointer}
.hot{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px 14px;font-size:.9375rem;color:var(--sub)}.hot a{text-decoration:underline;text-underline-offset:3px}
.quick{margin-top:28px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.quick a{display:flex;justify-content:space-between;align-items:center;min-height:64px;padding:12px 16px;background:var(--s1);border-radius:var(--r8);font-weight:700}
.quick a small{display:block;font-weight:400;font-size:.9375rem;color:var(--sub)}
.quick a:hover{background:var(--s2)}
.news{background:var(--navy);color:#fff;border-radius:var(--r12);padding:28px}
.news-h{display:flex;justify-content:space-between;align-items:baseline}.news-h h2{font-size:1.375rem;font-weight:700}.news-h a{font-size:.9375rem;color:#CDD1D5;text-decoration:underline;text-underline-offset:3px}
.news li a{display:block;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.18)}
.news li:last-child a{border:0}
.news .k{font-size:.9375rem;color:#CDD1D5}.news .k.on{color:var(--pink-l);font-weight:700}
.news .t{display:block;margin-top:2px;font-weight:700;font-size:1.0625rem}
.news .d{font-size:.9375rem;color:#CDD1D5}
.news .btn{width:100%;margin-top:12px;background:#fff;color:var(--navy)}

/* 공통 구간 */
.sec{padding:80px 0}.sec.gray{background:var(--s1)}
.sec-h{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px}
.sec-h h2{font-size:2rem;font-weight:700;line-height:1.3}.sec-h p{margin-top:6px;color:var(--sub)}
.more{display:inline-flex;align-items:center;gap:4px;font-weight:700;color:var(--navy);white-space:nowrap}

/* 생각 문장 + 실적 */
.proof{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center}
.proof h2{font-size:2.25rem;font-weight:700;line-height:1.35}.proof h2 em{font-style:normal;color:var(--pink)}
.proof p{margin-top:12px;color:var(--sub)}
.nums{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.nums li{background:#fff;border-radius:var(--r8);padding:20px}
.nums b{display:block;font-size:2rem;font-weight:700;line-height:1.2;color:var(--navy);white-space:nowrap}.nums b small{font-size:1.125rem}
.nums span{display:block;margin-top:4px;font-weight:700}.nums em{display:block;font-style:normal;font-size:.9375rem;color:var(--sub)}

/* 프로그램 목록 */
.prog{display:grid;grid-template-columns:1fr 340px;gap:40px}
.plist{border-top:2px solid var(--ink)}
.plist a{display:grid;grid-template-columns:1fr auto 24px;gap:16px;align-items:center;padding:20px 4px;border-bottom:1px solid var(--line)}
.plist a:hover{background:var(--s1)}
.plist b{font-size:1.1875rem}.plist small{display:block;color:var(--sub);font-size:1rem}
.plist .pr{font-weight:700;text-align:right;color:var(--navy)}.plist .pr small{font-weight:400;font-size:.9375rem}
.bio{background:#fff;border-radius:var(--r12);padding:24px}
.bio h3{font-size:1.25rem;font-weight:700}.bio .role{color:var(--sub);font-size:.9375rem}
.bio ul{margin-top:14px;display:grid;gap:8px;font-size:1rem}.bio li{display:flex;gap:10px}.bio li b{flex:none;width:92px;color:var(--navy)}
.bio .btn{margin-top:18px;width:100%}

/* 게시판 */
.boards{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:32px}
.bd h3{display:flex;justify-content:space-between;align-items:center;font-size:1.25rem;font-weight:700;padding-bottom:12px;border-bottom:2px solid var(--ink)}
.bd h3 a{font-size:.9375rem;font-weight:400;color:var(--sub)}
.bd li a{display:flex;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid var(--line2)}
.bd li a span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bd .dt{flex:none;color:var(--mute);font-size:.9375rem}
.bd .cat{color:var(--pink);font-weight:700;font-size:.9375rem;margin-right:6px}
.bd p{padding:14px 0;color:var(--sub);font-size:1rem}
.bd .nudge{margin-top:12px;background:var(--s1);border-radius:var(--r8);padding:14px 16px;font-size:1rem}.bd .nudge a{font-weight:700;color:var(--navy);text-decoration:underline}

/* 센터 찾기 */
.find{background:#fff;border-radius:var(--r12);padding:28px}
.find form{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:12px;align-items:end;margin-top:16px}
.find label span{display:block;font-weight:700;font-size:.9375rem;margin-bottom:6px}
.find select{width:100%;height:48px;border:1px solid #8A949E;border-radius:var(--r6);padding:0 12px;font:inherit;font-size:1rem;background:#fff}
.find .note{margin-top:12px;font-size:.9375rem;color:var(--sub)}.find .note a{text-decoration:underline}

/* 안내 자료 */
.guides{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.guides a{display:flex;flex-direction:column;justify-content:space-between;min-height:140px;padding:20px;border:1px solid var(--line);border-radius:var(--r8)}
.guides a:hover{border-color:var(--navy)}
.guides b{font-size:1.125rem}.guides small{color:var(--sub);font-size:.9375rem}

/* 물품 */
.shop{display:flex;flex-wrap:wrap;gap:8px}
.shop a{padding:12px 18px;background:var(--s1);border-radius:999px;font-weight:700}
.shop-note{margin-top:14px;font-size:.9375rem;color:var(--sub)}

/* 바닥글 */
.ft{background:var(--navy);color:#CDD1D5;padding:48px 0 96px;font-size:.9375rem}
.ft nav{display:flex;flex-wrap:wrap;gap:8px 20px;margin-bottom:20px}.ft nav a{color:#fff;font-weight:700}
.ft p+p{margin-top:4px}


/* 첫 화면 오른쪽: 믿음 + 무료 첫걸음 (진한 상자 대신 연한 남색 바탕) */
.trust{background:var(--s2);border-radius:var(--r12);padding:28px}
.trust h2{font-size:1.5rem;font-weight:700;line-height:1.4}.trust h2 em{font-style:normal;color:var(--pink)}
.tnum{margin-top:20px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.tnum li{background:#fff;border-radius:var(--r8);padding:14px 12px}
.tnum b{display:block;font-size:1.625rem;font-weight:700;line-height:1.2;color:var(--navy);white-space:nowrap}.tnum b small{font-size:1rem}
.tnum span{display:block;margin-top:4px;font-weight:700;font-size:.9375rem}.tnum em{display:block;font-style:normal;font-size:.9375rem;color:var(--sub);line-height:1.4}
.who{margin-top:16px;font-size:1rem;color:var(--sub)}
.tbtn{width:100%;margin-top:16px;height:52px}
.trust .tlink{display:block;margin-top:12px;text-align:center;font-weight:700;color:var(--navy);text-decoration:underline;text-underline-offset:3px}
@media(max-width:520px){.tnum em{display:none}.trust{padding:20px}}

/* 메뉴에 마우스를 올리면 그 메뉴의 하위만 펼침 */
.gb > li{position:relative}
.gsub{display:none;position:absolute;left:0;top:100%;z-index:60;min-width:220px;padding:8px 0;background:#fff;border:1px solid var(--line2);border-top:4px solid var(--pink-l);box-shadow:0 12px 24px rgba(31,46,85,.12)}
.gb > li:first-child .gsub{left:-22px}
.gb > li:hover .gsub,.gb > li:focus-within .gsub{display:block}
.gb > li:hover > a,.gb > li:focus-within > a{border-bottom-color:var(--pink-l)}
.gsub a{display:flex;align-items:center;min-height:44px;padding:0 22px!important;height:auto!important;color:var(--ink)!important;font-weight:400!important;font-size:1rem!important;border:0!important;white-space:nowrap}
.gsub a:hover,.gsub a:focus-visible{background:var(--s1);color:var(--navy)!important}
.m-bar{display:none}

@media(max-width:1099px){
  .util,.sch,.gbar{display:none}
  .hd{border-bottom:1px solid var(--line2)}.hd-row{height:64px}
  .m-menu{display:flex;margin-left:auto;gap:4px}.m-menu button{width:44px;height:44px;border:0;background:var(--s1);border-radius:var(--r8);display:grid;place-items:center}
  .hero{padding:28px 0 40px}.hero-grid,.proof,.prog,.boards{grid-template-columns:1fr;gap:28px}
  .hero h1{font-size:2rem}.hero .lead{font-size:1.0625rem}
  .bigsch{height:56px;padding-left:14px}.bigsch button{padding:0 14px}
  .quick{grid-template-columns:repeat(2,1fr)}
  .sec{padding:56px 0}.sec-h h2,.proof h2{font-size:1.625rem}
  .nums b{font-size:1.75rem}.nums li{padding:14px}
  .find form{grid-template-columns:1fr 1fr}.find form .btn{grid-column:1/-1}
  .guides{grid-template-columns:repeat(2,1fr)}
  .m-bar{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:8px;position:fixed;left:0;right:0;bottom:0;z-index:60;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--line2)}
  .m-bar .btn{height:52px}
}
@media(max-width:520px){.nums{grid-template-columns:1fr 1fr 1fr}.nums em{display:none}.plist a{grid-template-columns:1fr auto}.plist a svg{display:none}}

/* 공용 추가: 글자 크게, 버튼 별칭, 휴대폰 전체 메뉴 */
html.fs-l{font-size:112.5%}
body{font-size:1.0625rem}
.btn-dark{background:var(--navy);color:#fff}.btn-white{background:#fff;color:var(--navy)}
.util button{border:0;background:none;font:inherit;color:var(--sub);cursor:pointer;min-height:32px;padding:0 4px}
.util button[aria-pressed="true"]{color:var(--navy);font-weight:700;text-decoration:underline}
.mnav{position:fixed;inset:64px 0 0;z-index:70;background:#fff;overflow:auto;padding:8px 20px 120px}
.mwho{margin:8px 0 4px;padding:12px 0;border-bottom:1px solid var(--line2);color:var(--sub)}.mwho b{color:var(--navy)}
.mnav[hidden]{display:none}
.mnav details{border-bottom:1px solid var(--line2)}
.mnav summary{display:flex;justify-content:space-between;align-items:center;min-height:56px;font-weight:700;font-size:1.125rem;cursor:pointer;list-style:none}
.mnav summary::-webkit-details-marker{display:none}
.mnav summary::after{content:"+";font-weight:400;font-size:1.5rem;color:var(--sub)}
.mnav details[open] summary::after{content:"−"}
.mnav .mone{border-bottom:1px solid var(--line2)}.mnav .mone a{display:flex;justify-content:space-between;align-items:center;min-height:56px;font-weight:700;font-size:1.125rem;color:var(--ink)}.mnav .mone a::after{content:"›";font-weight:400;font-size:1.5rem;color:var(--sub)}
.mnav ul{padding:0 0 12px}
.mnav li a{display:flex;align-items:center;min-height:48px;padding:0 12px;color:var(--sub);border-radius:var(--r6)}
.mnav li a:hover{background:var(--s1)}
.mnav .mfs{margin-top:20px;width:100%}
.msch{display:none;padding:12px 20px;border-bottom:1px solid var(--line2);background:#fff}
.msch.on{display:block}
.msch form{display:flex;height:48px;border:1px solid #8A949E;border-radius:var(--r6);padding:0 4px 0 12px;align-items:center}
.msch input{flex:1;border:0;outline:0;font:inherit;min-width:0}
.gb-a[aria-current="page"]{border-bottom-color:var(--pink-l)}
#hdCall{display:none}
@media(min-width:1100px){#hdCall{display:inline-flex}}
ol{margin:0;padding:0;list-style:none}
.btn svg{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.prog1{grid-template-columns:1fr}

/* ===== 공통 틀 1단계 (2026-11-07) — 메인 v6·2안 절충에서 정한 것을 모든 쪽에 =====
   근거: docs/PC휴대폰_기획_색_본문_다시보기_2026-11-07.md, 기준서 2절·5절 */
.mmb{gap:4px}
.btn-nl{border:1px solid #1F2E55;background:#fff;color:#1F2E55}
.btn-nl:hover{background:#EEF2F7}
@media(max-width:1099px){
  /* 휴대폰·태블릿: 메뉴 줄 없음 (2026-11-08 세브란스형 확정: 메인은 큰 단추·아이콘 줄, 하위 쪽은 「전체메뉴」와 탭 줄) */
  .gbar{display:none!important}
  .gbar .wrap{padding:0}
  .gb{overflow-x:auto;scrollbar-width:none;flex-wrap:nowrap;padding:0 16px}
  .gb::-webkit-scrollbar{display:none}
  .gb > li{flex:none}
  .gb a{height:48px;padding:0 9px;font-size:1rem;border-bottom-width:3px}
  .gb li:first-child a{padding-left:4px}
  .gbar .gsub{display:none!important}
  .m-menu #mSchBtn{width:44px}
  .m-menu .mmb{width:auto!important;padding:0 12px;display:inline-flex!important;align-items:center;gap:6px;font:700 .9375rem Pretendard,sans-serif;color:#1E2124}
  .hd-row{height:60px}
  /* 아래 「상담 신청」 한 칸: 쪽의 주 버튼이 화면에 없을 때만 (shell.js) */
  .m-bar.m1{grid-template-columns:1fr;transform:translateY(110%);visibility:hidden;transition:transform .2s}
  .m-bar.m1.on{transform:none;visibility:visible}
}
@media(prefers-reduced-motion:reduce){.m-bar.m1{transition:none}}

/* 바닥글 분홍 물결 삭제 (대표 결정 2026-11-08) */
.ft .route{display:none!important}

/* 로그인 (2026-11-09): 맨 위 작은 줄 오른쪽, 휴대폰은 전체메뉴 맨 아래. shell.js가 넣음 */
.util .ulog{color:var(--sub);font-weight:700;text-decoration:none}
.util .ulog::before{content:"";display:inline-block;width:1px;height:12px;background:#CDD1D5;margin-right:16px;vertical-align:-1px}
.mnav .mlog{display:flex;align-items:center;justify-content:center;margin-top:16px}

/* 관련 사이트 로고 (2026-11-09) */
.links .lk-logo{display:inline-flex;align-items:center;text-decoration:none}.links .lk-logo img{height:38px;width:auto;display:block}
.links .wrap{row-gap:12px}
.links .lk-logo+.lk-logo{margin-left:12px}
.links .lk-logo img[src*="longtermcare"]{height:50px;margin:-6px 0}
/* 휴대폰: 관련 사이트 로고 네 개를 한 줄로 (2026-11-09) */
@media(max-width:767px){
  nav.links .wrap{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:10px 8px}
  nav.links .wrap>b{grid-column:1/-1}
  nav.links .lk-logo+.lk-logo{margin-left:0}
  nav.links .lk-logo{justify-content:center;min-height:44px}
  nav.links .lk-logo img{height:auto;max-width:100%;max-height:30px}
  nav.links .lk-logo img[src*="longtermcare"]{height:auto;max-height:42px;margin:0}
}
/* 휴대폰에서 쪽 전체가 옆으로 밀리지 않게 (2026-11-10, 첫 화면 가로 넘침 906px 발견) */
html,body{overflow-x:clip}

/* ===== 공용 틀 맞추기 (2026-11-10 대표: 홈 시안4와 같게) ===== */
/* 머리: 검색칸 옆 상담 단추 없음, 맨 위 작은 줄은 카톡 아이콘 링크 */
#hdCall{display:none!important}
.util .ukk{display:inline-flex;align-items:center;gap:6px;color:#1E2124;font-weight:600;text-decoration:none}
.util .ukk svg{width:20px;height:20px;flex:none}
@media(hover:hover){.util .ukk:hover{text-decoration:underline;text-underline-offset:3px}}
.util .ukk:focus-visible{outline:3px solid #C81F76;outline-offset:2px}
/* 카톡 상담 단추는 카카오 노란색 */
.btn[href*="open.kakao.com"],[class*="btn"][href*="open.kakao.com"],.btn-kk{background:#FEE500!important;color:#191919!important;border-color:#FEE500!important;gap:6px}
[class*="btn"][href*="open.kakao.com"] .kk-i,.btn-kk .kk-i{width:20px;height:20px;fill:#191919;flex:none}
@media(hover:hover){[class*="btn"][href*="open.kakao.com"]:hover,.btn-kk:hover{background:#F2D900!important}}
/* 휴대폰 카톡: 폭 전체 띠 대신 오른쪽 아래 작은 노란 동그라미 */
@media(max-width:767px){
 .m-bar.m1{left:auto;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));width:56px;padding:0;background:none;border:0}
 .m-bar.m1 .btn{width:56px;height:56px;padding:0;border-radius:50%;flex-direction:column;gap:1px;font-size:.75rem;font-weight:700;box-shadow:0 4px 12px rgba(31,46,85,.25)}
 .m-bar.m1 .btn svg{width:24px;height:24px;fill:#191919}
}
/* 관련 사이트 줄 */
nav.links{padding:28px 0 32px;background:#fff;border-top:1px solid #E6E8EA}
nav.links .wrap{display:flex;align-items:center;flex-wrap:wrap;gap:16px 40px}
nav.links b{font-size:1rem;color:#1F2E55;margin:0}
nav.links .lk-logo+.lk-logo{margin-left:0}
@media(max-width:767px){nav.links{padding:20px 0 24px}nav.links .wrap{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px}nav.links b{grid-column:1/-1}}
/* 바닥글: 옅은 회색 + 방신 채널 + 사업자 정보 */
.ft{background:#F4F5F6!important;color:#464C53;border-top:1px solid #E6E8EA;padding:48px 0 64px}
.ft nav a{color:#1E2124}.ft a:focus-visible{outline-color:#C81F76}
.ftch{list-style:none;margin:0 0 24px;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.ftch a{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px 0 8px;border:1px solid #E6E8EA;border-radius:22px;background:#fff;color:#1E2124;font-size:.9375rem;font-weight:600;text-decoration:none}
.ftch img,.ftch svg{width:28px;height:28px;border-radius:7px;flex:none}
@media(hover:hover){.ftch a:hover{border-color:#1F2E55}}
.ftb{display:flex;flex-wrap:wrap;gap:6px 24px;margin:20px 0 0;font-size:.875rem}
.ftb div{display:flex;gap:8px}.ftb dt{font-weight:600;color:#1E2124}.ftb dd{margin:0}.ftb a{color:inherit}
.ftc{margin-top:14px;font-size:.8125rem;opacity:.7}
@media(max-width:767px){.ftb{flex-direction:column;gap:4px}.ftch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.ftch a{display:flex;width:100%;box-sizing:border-box}.ftch li:last-child{grid-column:1/-1}}

/* 작은 글자 바닥값 (2026-11-10 점검: 12~13px → 14px, 쇼핑 카드 휴대폰 꼬리표만 13px) */
html body .hx-st span,html body .rv-w,html body em.soon,html body .ftc,html body .gc-p,html body .ed-y,html body .fq-g,html body .road-n,html body .st-v,html body .st-y,html body .ed li,html body .chs span{font-size:14px}
html body .rv-g .rv-w,html body .rv-lead .rv-w,html body .tile em.soon,html body em.soon,html body .pf-tg li,html body .gc-p{font-size:14px}
@media(max-width:767px){html body .gl .gc-k,html body .gl .gc-s{font-size:13px}html body .pds .gc-s,html body .pds .gc-k{font-size:14px}}

/* (2026-11-11) 휴대폰 머리글 단추: 공단처럼 그림 위·글자 아래, 회색 상자 없음 */
@media(max-width:1023px){
 .m-menu{gap:2px}
 .m-menu button,.m-menu .mlogin,.m-menu .mmb{width:auto!important;min-width:52px;height:52px;padding:0 4px!important;background:none!important;border:0;border-radius:0;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:2px;font:700 .8125rem/1.2 Pretendard,sans-serif;color:#1E2124;text-decoration:none}
 .m-menu .i{width:24px;height:24px}
}

/* (2026-11-12 1단계) 바닥글 누르는 범위: 보이는 모양은 그대로, 약관 44px·전화/이메일 24px */
.ft nav a,.ftb a{position:relative}
.ft nav a::after{content:"";position:absolute;left:-6px;right:-6px;top:50%;height:44px;transform:translateY(-50%)}
.ftb a::after{content:"";position:absolute;left:0;right:0;top:50%;height:24px;transform:translateY(-50%)}
/* (2026-11-12 1단계) 휴대폰 상담 단추 56px(구글 디자인 규칙 보통 크기) */