/* 공통 꼬리말 — 2026-11-01 로고 통일(남색 왕관 M). 로고가 잘 보이도록 흰 바탕 + 남색 글씨, 위쪽 남색·금색 선.
   상담사 앱과 공개 페이지가 함께 쓴다. 인쇄에서는 숨김.
   앱의 공통 버튼 규칙(가운데 정렬·테두리)이 꼬리말 링크 버튼에 걸리지 않도록 #app#app으로 덮는다. */
.ml-site-footer,#app#app .ml-site-footer{
 box-sizing:border-box;position:relative;clear:both;isolation:isolate;width:100%;max-width:none;margin:0!important;padding:0!important;
 background:#fff!important;color:#3d4a66;border:0!important;border-top:1px solid #d6dce6!important;
 font-family:"MindLab Noto Sans KR","Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",sans-serif;text-align:left;
}
.ml-site-footer::before{content:"";display:block;height:3px;background:linear-gradient(90deg,#14295c 0 70%,#b88a2e 70% 100%)}
.ml-site-footer *{box-sizing:border-box}
.ml-site-footer .ml-footer-inner{max-width:1232px;padding:44px 24px 22px;margin:0 auto}
.ml-site-footer .ml-footer-top{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:48px;padding-bottom:30px}
/* 로고 (상단 바와 같은 모양) */
.ml-site-footer .ml-footer-brand,#app#app .ml-site-footer .ml-footer-brand,.ml-site-footer .ml-footer-mini{display:inline-flex;align-items:center;gap:12px;width:fit-content;text-decoration:none;color:#14295c}
#app#app .ml-site-footer .ml-footer-identity p,.ml-site-footer .ml-footer-identity p{margin:20px 0 4px;font-size:17px!important;font-weight:700;line-height:1.6!important;color:#16213a}
#app#app .ml-site-footer .ml-footer-tagline,.ml-site-footer .ml-footer-tagline{font-size:16px;line-height:1.7;color:#4a5672}
/* 링크 묶음 */
.ml-site-footer .ml-footer-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin:0;min-width:0}
.ml-site-footer .ml-footer-nav>div{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
#app#app .ml-site-footer .ml-footer-nav h2,.ml-site-footer .ml-footer-nav h2{margin:0 0 10px!important;padding-bottom:10px;width:100%;border-bottom:1px solid #e6d3a6;font-size:16px!important;font-weight:800;letter-spacing:.08em;line-height:1.5!important;color:#8a6420!important}
#app#app .ml-site-footer .ml-footer-link,.ml-site-footer .ml-footer-link{
 display:inline-flex!important;align-items:center;justify-content:flex-start!important;gap:6px;width:auto!important;min-height:40px!important;margin:0!important;
 padding:6px 0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;
 color:#2a3754!important;font-size:16px!important;font-weight:600!important;line-height:1.6!important;text-decoration:none;text-align:left!important;cursor:pointer;transition:color .15s
}
#app#app .ml-site-footer .ml-footer-link:hover,.ml-site-footer .ml-footer-link:hover{color:#14295c!important;text-decoration:underline;text-underline-offset:4px}
.ml-site-footer .ml-footer-link>span{color:#b88a2e;opacity:0;transform:translateX(-3px);transition:opacity .15s,transform .15s}
.ml-site-footer .ml-footer-link:hover>span,.ml-site-footer .ml-footer-link:focus-visible>span{opacity:1;transform:none}
.ml-site-footer a:focus-visible,.ml-site-footer button:focus-visible,.ml-site-footer summary:focus-visible{outline:2px solid #14295c;outline-offset:4px;border-radius:4px}
/* 아래 줄 */
.ml-site-footer .ml-footer-bottom{display:flex;align-items:center;flex-wrap:wrap;gap:8px 20px;border-top:1px solid #e3e7ee;padding-top:18px;color:#4a5672}
#app#app .ml-site-footer .ml-footer-bottom small,.ml-site-footer .ml-footer-bottom small,#app#app .ml-site-footer .ml-footer-bottom>span,.ml-site-footer .ml-footer-bottom>span{font-size:16px!important;line-height:1.7!important;color:#4a5672!important}
.ml-site-footer .ml-footer-bottom>span{margin-left:auto}
#app#app .ml-site-footer .ml-footer-private,.ml-site-footer .ml-footer-private{margin:0!important;padding:0 12px!important;min-height:34px!important;background:#fff!important;border:1.5px solid #d6dce6!important;border-radius:8px!important;box-shadow:none!important;color:#14295c!important;font-size:16px!important;font-weight:700!important;cursor:pointer;text-decoration:none}
#app#app .ml-site-footer .ml-footer-private:hover{border-color:#14295c!important;background:#e8eef8!important}
@media(max-width:1000px){.ml-site-footer .ml-footer-top{grid-template-columns:1fr;gap:30px}.ml-site-footer .ml-footer-inner{padding-top:34px}}
@media(max-width:480px){.ml-site-footer .ml-footer-inner{padding:30px 20px 22px}.ml-site-footer .ml-footer-nav{gap:20px}.ml-site-footer .ml-footer-bottom{display:grid;gap:6px}.ml-site-footer .ml-footer-bottom>span{margin:0}.ml-site-footer .ml-footer-private{justify-self:start}}
@media(prefers-reduced-motion:reduce){.ml-site-footer *{transition:none!important;animation:none!important}}
@media print{.ml-site-footer,#app .ml-site-footer{display:none!important}}
/* 앱 안 얇은 꼬리말(is-compact): 한 줄 + "사이트 정보" 펼치기 */
.ml-site-footer.is-compact .ml-footer-inner{padding:12px 24px}
.ml-site-footer .ml-footer-bar{display:flex;align-items:center;flex-wrap:wrap;gap:8px 18px}
.ml-site-footer .ml-footer-mini{gap:8px}
#app#app .ml-site-footer .ml-footer-bar>small,.ml-site-footer .ml-footer-bar>small{font-size:16px!important;color:#4a5672!important}
.ml-site-footer .ml-footer-more{margin-left:auto;position:relative}
#app#app .ml-site-footer .ml-footer-more>summary,.ml-site-footer .ml-footer-more>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 12px;border:1.5px solid #d6dce6;border-radius:8px;background:#fff;color:#14295c;font-size:16px!important;font-weight:700}
.ml-site-footer .ml-footer-more>summary::-webkit-details-marker{display:none}
.ml-site-footer .ml-footer-more>summary::after{content:"▾";font-size:16px;transition:transform .15s}
.ml-site-footer .ml-footer-more[open]>summary::after{transform:rotate(180deg)}
.ml-site-footer .ml-footer-more>summary:hover{border-color:#14295c;background:#e8eef8}
.ml-site-footer .ml-footer-more-body{position:absolute;right:0;bottom:calc(100% + 10px);width:min(460px,calc(100vw - 32px));padding:18px 20px;background:#fff;border:1px solid #d6dce6;border-radius:14px;box-shadow:0 -12px 30px -12px rgb(10 20 50/.3);z-index:20}
.ml-site-footer .ml-footer-more-body .ml-footer-nav{gap:20px}
@media(max-width:640px){.ml-site-footer.is-compact .ml-footer-inner{padding:10px 16px}.ml-site-footer .ml-footer-bar>small{display:none}.ml-site-footer .ml-footer-more-body{right:-8px}}

/* ===== 마인드랩 로고 (2026-11-01 통일) — 상단 바·꼬리말이 이 한 가지 모양만 쓴다 =====
   남색 왕관 M 그림 + MIND LAB(남색 굵게) + 아래 작은 ACADEMY(양옆 가는 선).
   ACADEMY는 rem 단위: 빌드의 readableCss가 16px 미만 px 글자를 16px로 키우기 때문. */
:is(#app,body) .ml-x-brand img,:is(#app,body) .ml-site-footer :is(.ml-footer-brand,.ml-footer-mini) img{display:block;width:auto!important;height:44px!important;flex:none}
:is(#app,body) .ml-x-brand,:is(#app,body) .ml-site-footer :is(.ml-footer-brand,.ml-footer-mini){gap:10px!important}
#app#app .ml-logo-word,body .ml-logo-word{display:inline-flex!important;flex-direction:column;align-items:stretch;gap:3px;line-height:1;text-align:left;white-space:nowrap}
#app#app .ml-logo-word b,body .ml-logo-word b{display:block;margin:0;font-family:"MindLab Noto Sans KR","Noto Sans KR",sans-serif;font-size:20px!important;font-weight:800;letter-spacing:.06em;line-height:1!important;color:#14295c!important}
#app#app .ml-logo-word em,body .ml-logo-word em{display:flex!important;align-items:center;gap:5px;margin:0;font-family:"MindLab Noto Sans KR","Noto Sans KR",sans-serif;font-style:normal;font-size:.5rem!important;font-weight:700;letter-spacing:.3em;line-height:1!important;color:#2f4f86!important}
#app#app .ml-logo-word em i,body .ml-logo-word em i{display:block;flex:1 1 6px;min-width:6px;height:1px;background:#3d73a5}
@media(max-width:640px){:is(#app,body) .ml-x-brand img,:is(#app,body) .ml-site-footer :is(.ml-footer-brand,.ml-footer-mini) img{height:38px!important}#app#app .ml-logo-word b,body .ml-logo-word b{font-size:17px!important}#app#app .ml-logo-word em,body .ml-logo-word em{font-size:.4375rem!important;letter-spacing:.24em}}/* 공개 페이지 머리 로고도 같은 크기 */
body :is(.ftn-public-brand,.ps-public-brand,.ml-support-public-brand){display:inline-flex!important;align-items:center;gap:10px!important}
body :is(.ftn-public-brand,.ps-public-brand,.ml-support-public-brand) img{display:block;width:auto!important;height:44px!important}
#app#app .ml-brand-mark:has(.ml-logo-word){--ml-brand-icon-width:56px;--ml-brand-height:44px;--ml-brand-gap:10px;column-gap:10px}
#app#app .ml-brand-mark .ga-wordmark.ml-logo-word{height:auto!important;gap:3px!important}