/* SNS 스킨(view3_sns_00) — 인스타 격자·페이스북 카드·영상 격자.
   원래 구조: 인스타 격자는 240px 정사각형을 float 으로 4열(폭 1000 고정)이라 좁은 화면에서 한 줄에 4개가 폭 밖으로 밀린다.
   페이스북 카드는 505px 2열(폭 1050), 머리 영역은 절대배치. 모바일은 인스타 2열 정사각, 페이스북 1열로 세운다. */

@media screen and (max-width: 1259px) {
	.ig_wrap { width: 100%; padding: 0 0 38px; }
	.fb_wrap { width: 100%; }
	.fb_list { width: 100%; left: 0; }
}

@media screen and (max-width: 1023px) {
	/* 인스타 — 2열 정사각(너비 가변, 높이는 aspect-ratio) */
	.ig_list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
	.ig_list:after { display: none; }
	.ig_list > li { float: none; width: auto; height: auto; aspect-ratio: 1 / 1; margin: 0; }

	/* 영상·사진 격자 */
	.grid_list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 10px; }
	.grid_list:after { display: none; }
	.grid_list > li, .grid_list > li.last_col { float: none; width: auto; margin: 0; }

	/* 페이스북 */
	.fb_header { height: auto; padding: 16px; }
	.fb_header > .col1, .fb_header > .col3 { position: static; }
	.fb_header > .col2 { margin: 10px 0 0; padding-top: 0; }
	.fb_header .row2 { margin: 6px 0 0; font-size: 1.125em; }
	.fb_list > li { float: none; width: auto; margin: 0 0 14px; }

	/* 영상 보기 */
	.video_title { margin: 0 32px; line-height: 1.4; padding: 14px 0; }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
	.ig_list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.grid_list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

/* 보도자료 목록 — 제목·요약·날짜가 한 줄에 칸으로 놓여 제목이 3~4글자만 남는다(QA). 세로로 쌓고 제목은 두 줄까지 보인다. */
@media screen and (max-width: 1023px) {
	.board_list > li > a { display: block !important; }
	.board_list > li > a > .board_list_title { float: none; width: auto; margin: 0; padding: 0 0 6px; white-space: normal;
		display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; line-height: 1.45; word-break: keep-all; }
	.board_list > li > a > .board_list_desc { float: none; width: auto; margin: 0; }
	.board_list > li > a > .board_list_right { position: static; width: auto; margin-top: 8px; text-align: left; }
}

/* 뉴스 상단 — 'NAVER 뉴스 검색결과입니다' 줄과 탭 버튼이 목록 글자(15px)보다 커서 두 줄로 꺾인다 */
@media screen and (max-width: 767px) {
	#boardWrap .sns_title { font-size: 13px !important; line-height: 1.5; }
	#boardWrap .sns_title img { height: 14px; width: auto; vertical-align: -2px; }
	#boardWrap .tabmenu a, #boardWrap .tab_menu a { font-size: 13px; }
}