@charset "utf-8";
/* 휴대폰 글씨 가독성 공통 컴포넌트 (16·17번, 2026-10-20)
   - 기존 CSS는 수정하지 않고 이 파일에서 덮어쓴다. Header_ck.php에서 popup-ux.css 다음에 연결
   - 768px 이하(휴대폰)만 적용. PC 화면은 바뀌지 않는다 */

/* 16번: 오시는 길 약도 아래 주차 안내 — 약도 글씨를 읽을 수 없는 휴대폰에서만 보임 */
.subMenu1_7 .section_map .map_note {display:none;}

@media (max-width: 768px) {
	.subMenu1_7 .section_map .map_note {display:block; margin:16px 0 0; padding:0 4px; text-align:left;}
	.subMenu1_7 .section_map .map_note li {position:relative; padding-left:12px; font-size:14px; line-height:1.6; color:#252525;}
	.subMenu1_7 .section_map .map_note li::before {content:""; position:absolute; left:0; top:.65em; width:4px; height:4px; border-radius:50%; background:#1b2a5e;}

	/* 17번: 단어 중간에서 줄이 바뀌지 않도록 단어 단위 줄바꿈.
	   default.css body{word-break:break-all}과 일부 본문의 break-all을 덮어씀.
	   띄어쓰기 없는 긴 영문·주소는 화면 밖으로 넘치지 않게 그 단어 안에서만 줄바꿈 */
	body, body * {word-break:keep-all !important;}
	body {overflow-wrap:break-word; word-wrap:break-word;}

	/* 17번: 정보성 글씨 최소 12px (영문 장식 문구·숫자 장식은 제외) */
	/* 맨 아래 상호·주소·등록번호, 하단 링크 */
	#footer .info_wrap li,
	#footer ul.info li,
	#footer ul.info li a {font-size:12px !important;}
	/* 의료진 시간표 '오전/오후' (메인, 의료진 소개, 오시는 길) */
	table.doctor-table td strong span,
	table.table_01 td time small {font-size:12px !important;}
	/* 질환 탭 버튼 */
	div.nav > .container > ul.clear > li > a,
	.sub0601nav .container ul li a {font-size:12px !important;}
	/* 서브 페이지 제목 위 한글 부제 */
	.subCon_Title .container > span:not(.top),
	.subCon_Title .container > span:not(.top) strong,
	.subMenu6 .subCon_Title .container > span.top,
	.subCon_Title .txtArea p.sign {font-size:12px !important;}
	/* 회원가입 약관, 로그인 안내 */
	.agreementList dd strong,
	.agreementList .agreeTxtBtn,
	.MemGo li span,
	.MemGo li a {font-size:12px !important;}
	/* 로그인 안내 링크: 폭이 26%로 고정돼 12px에서 '회원가입하/기'로 끊겨 글자 길이만큼 넓힘 */
	.subMenu_member .MemGo li a {width:auto; white-space:nowrap;}
	/* 의료진 학회·경력 슬라이드, 시술 전·후 표시, 메인 의료진 태그·직함 */
	.subMenu1_2 .slide-item p.title span,
	.subMenu1_2 .imgFrame span,
	.profileTag li,
	.sec0402Txt_item .titleArea span,
	.sec0402Txt_item .titleArea h4 {font-size:12px !important;}
	/* 본문 속 작은 설명(괄호 설명, 단계 제목, 장비 효과 목록 등) */
	.subMenu7 .step dt.title,
	.subMenu7 .step dt.title span,
	.subMenu5_4 dd.ex > span,
	.subMenu1_6 .principle.list ol li,
	.subMenu1_6 .principle .top,
	.subMenu1_6 .effect.list ol li,
	.rheuma_stick .textArea ul.flex li,
	.subMenu3_3 .section_diagnoseWay ul li span,
	.subMenu2_2 .section_diagnosis ul li p span,
	li.autoimmune p span,
	.conTxt span.top,
	.transport .bus li span,
	#section_10 .txt_wrap .btn_area a,
	.txt_box p.date {font-size:12px !important;}
	/* 페이지별 본문 속 작은 글씨 */
	.subMenu4_1 .section_13.bgChan .btmTxtArea p,
	.subMenu4_1 .section_21 .titleArea span.subTitle,
	.subMenu5_3 .subCon_Title .container > p,
	.subMenu6_2_new .subCon_Title > span,
	.subMenu6_2_new .subCon_Title > span strong,
	.subMenu6_2_new .titleArea > span,
	.subMenu6_2_new .section_01 .titleArea > p,
	.subMenu6_2_new .section_01 .titleArea > p span,
	.subMenu6_2_new .titleArea h3 span,
	.subMenu6_6 .sec_red .container > span,
	.subMenu6_6 .sec_red .container > span b,
	.subMenu6_6 .product_wrap > p,
	.subMenu3_2 .container ul.clear li span span,
	.subMenu9_1 .container ul li span em {font-size:12px !important;}
}