/* com_1 (회사소개) — 화면별 반응형.
   원래 구조: 원형 배경(380×380) 위에 흰 글씨 3개를 가로로, 아래는 피드백 카드 4~5개(900px 폭 안에 300px 칸).
   임직원 소개(.member_list)는 원본 마크업에서 주석 처리돼 있어 화면에 없다. */

@media screen and (max-width: 1023px) {
	.sections .tit_wrap .stit { font-size: 16px; }
	.sections .tit_wrap .tit { font-size: clamp(24px, 6.4vw, 40px); }

	/* 원형 3개 — 한 줄에 한 개씩, 폭에 맞춰 줄인다. 글은 원 안 가운데 */
	.com_list { padding: 0 16px; }
	.com_list li { display: block; width: min(86vw, 380px); height: min(86vw, 380px); margin: 0 auto 14px;
		background-size: contain; background-position: 50% 50%; }
	.com_list li:first-child { margin-left: auto; }
	.com_list li .txt_wrap { display: flex; flex-direction: column; justify-content: center; align-items: center;
		width: 100%; height: 100%; padding: 12%; box-sizing: border-box; }
	.com_list li .txt_wrap .tit { padding-top: 10px; font-size: clamp(20px, 6vw, 35px); }
	.com_list li .txt_wrap .txt { padding-top: 8px; font-size: 13px; line-height: 1.5; word-break: keep-all; }
	.com_list li .ico img { width: clamp(44px, 12vw, 64px); }
}

/* 피드백 구획 */
@media screen and (max-width: 1023px) {
	.section03 { height: auto; padding-bottom: 40px; background-size: cover; }
	.feedback_list { width: 100%; padding: 0 16px; box-sizing: border-box; }
	.feedback_list li { display: block; width: auto; max-width: 340px; margin: 0 auto 24px; padding-bottom: 8px; }
	.feedback_list li .txt { padding: 14px 12px 0; font-size: 14px; line-height: 1.6; word-break: keep-all; }
}