@charset "utf-8";
/** * 땡큐서울의원 접근성 보강 — 키보드 포커스 표시 * - 키보드(Tab 등)로 이동할 때만 테두리가 보입니다(:focus-visible). 마우스·터치로 누를 때는 나타나지 않습니다. * - 입력칸(input·select·textarea)은 마우스 클릭에도 :focus-visible 이 적용되므로 대상에서 뺐습니다. * - 자체 포커스 디자인이 있는 버튼(.tq-yb__btn, .faq-search-btn)은 그대로 둡니다. * - master.css 의 button:focus{outline:none!important} 보다 우선하도록 선택자 우선순위를 높였습니다. * 260930. 유림커뮤니케이션 */
html body a:not(.tq-yb__btn):focus-visible, html body button:not(.tq-yb__btn):not(.faq-search-btn):focus-visible, html body summary:focus-visible, html body [role="button"]:focus-visible, html body [tabindex]:not([tabindex="-1"]):not(input):not(select):not(textarea):not(.faq-search-btn):focus-visible { outline: 2px solid #e74139 !important; outline-offset: 2px !important; }
/* 땡큐AI 챗봇 창(병원 제공 thanqai.co.kr/widget.js 가 만드는 #thanq-popup — 스크립트는 수정하지 않음): 닫혀 있을 때 지금처럼 투명(opacity 0)한 데 더해 visibility:hidden — 열고 닫는 0.3초 애니메이션은 그대로(닫힐 때는 다 사라진 뒤 숨김), 닫힌 창 안으로 키보드 포커스가 들어가지 않고, 보이지 않는 창 안의 움직임이 화면 밀림(CLS)으로 잡히지 않음. 261001 */
body #thanq-popup { visibility: hidden; transition: opacity .3s ease, transform .3s ease, visibility 0s linear .3s; }
body #thanq-popup.open { visibility: visible; transition: opacity .3s ease, transform .3s ease, visibility 0s linear 0s; }