@charset "utf-8";
/* 대림프라콘 홈페이지 — 휴대폰 화면 보정 (2026-10-23). PC(768px 이상)에는 적용되지 않음.
   thema.php 에서 위젯 CSS 보다 뒤에 불러온다. */

@media all and (max-width:767px) {
	/* 한글 제목·문장이 글자 단위로 끊겨 한 글자만 다음 줄로 떨어지지 않게 (단어 단위 줄바꿈) */
	[class^="anb-"] h1, [class^="anb-"] h2, [class^="anb-"] h3, [class^="anb-"] h4,
	[class^="anb-"] p, [class^="anb-"] .ptext { word-break: keep-all; overflow-wrap: break-word; }

	/* 메인 섹션 제목 크기 — 자바스크립트가 꺼져 있을 때의 기본값. 보통은 custom.js 의 dlp_fit_text() 가 화면 폭에 맞춰 다시 정함 */
	.anb-section-1 h2, .anb-parallax-1 h2 { font-size: 23px; line-height: 1.35; }
	.anb-section-1 h4 { font-size: 15px; line-height: 1.5; }
	.anb-section-1 h3.iconTitle, .anb-parallax-0 h3, .anb-parallax-3 h3, .anb-section-5 h3 { font-size: 20px; }
	.anb-section-4 h1, .anb-kso-info h1 { font-size: 28px; line-height: 1.25; }

	/* CONTACT US: 아이콘이 글자에 밀려 찌그러지지 않게 고정, 글자는 아이콘 오른쪽에 세로 가운데 */
	.anb-parallax-3 ul.anb-contact { padding-left: 0; margin: 0 auto; max-width: 340px; }
	.anb-parallax-3 ul.anb-contact li { align-items: center; margin: 18px 0; }
	.anb-parallax-3 ul.anb-contact li .fa-stack { flex: 0 0 auto; font-size: 26px; }
	.anb-parallax-3 ul.anb-contact li p { flex: 1 1 auto; min-width: 0; margin: 0 0 0 14px !important; text-align: left; font-size: 16px !important; line-height: 1.45; }
	.anb-parallax-3 ul.anb-contact li:nth-child(2) p { overflow-wrap: anywhere; } /* 메일 주소는 @ 뒤에서도 줄바꿈 */

	/* 상단 메뉴: 간격·글자 크기는 custom.js 의 dlp_fit_nav() 가 화면 폭에 맞춰 정함. MAIN 은 왼쪽 집 아이콘 칸(.m-icon) */
	.m-menu .m-nav { margin: 0 4px; }
}
.m-menu .m-home.on a { color: #278eed; } /* 메인 화면에서 집 아이콘 강조 (예전 MAIN 강조와 같은 색) */
@media all and (max-width:400px) {
	.anb-section-1 h2, .anb-parallax-1 h2 { font-size: 21px; }
}
@media all and (max-width:340px) {
	.m-menu .m-nav { margin: 0 2px; }
	.anb-section-1 h2, .anb-parallax-1 h2 { font-size: 19px; }
	.anb-parallax-3 ul.anb-contact li .fa-stack { font-size: 22px; }
	.anb-parallax-3 ul.anb-contact li p { font-size: 15px !important; }
}