/* 3D Design for the Future - 정적 사이트 추가 스타일 (기존 style.css 위에 덮어쓰기) */

/* 접근성: 본문 바로가기 */
.skip-link { position: absolute; left: -9999px; top: 0; z-index: 100000; background: #000; color: #fff; padding: 8px 14px; }
.skip-link:focus { left: 0; color: #fff; }

/* 메인 레이어 팝업 (기존 #layer38 대체) */
.main-popup { display: none; position: absolute; z-index: 99938; left: 30px; top: 30px; width: 735px; max-width: calc(100vw - 20px); background: #fff; box-shadow: 0 4px 24px rgba(0, 0, 0, .35); }
.main-popup.is-open { display: block; }
.main-popup__head { height: 40px; line-height: 40px; font-size: 28px; font-weight: bold; background: #ddd; padding: 0 10px; color: #222; }
.main-popup__body img { display: block; width: 100%; height: auto; }
.main-popup__foot { display: flex; justify-content: space-between; align-items: center; background: #000; padding: 10px; }
.main-popup__foot label { margin: 0; cursor: pointer; display: flex; align-items: center; gap: 6px; }
.main-popup__close { background: none; border: 0; padding: 0; cursor: pointer; }
.main-popup__close img { display: block; }
@media (max-width: 767px) {
	.main-popup { left: 10px; top: 10px; }
	.main-popup__head { font-size: 18px; }
}

/* 게시판 목록 (기존 페이지 내 <style> 이동) */
.sch_mt { margin-top: 23px; }
.sch_mt2 { margin-top: 23px; }
.sch_ml { margin-left: 20px; }
.list_no_w { width: 100px; }
@media all and (min-width: 768px) {
	.line_ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 690px; }
}
@media all and (min-width: 1px) and (max-width: 767px) {
	.sch_mt { margin-top: 10px; }
	.sch_mt2 { margin-top: 0; }
	.sch_ml { margin-left: 0; }
	.ellipsis { width: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; line-height: 20px; height: 40px; padding-right: 30px; }
	.list_no_w { width: 70px; vertical-align: top; }
}
.board_list tr.no-result { display: none; }
.board_list tr.no-result td { text-align: center; padding: 40px 0; color: #777; }
/*.board_list .list_subject .a { color: inherit; }*/
.board_list .list_subject .plain { color: inherit; }

/* 게시글 상세 */
.board_view_wrap { text-align: left; }
.board_view .contents_html { padding: 30px 20px; line-height: 1.8; height: auto; font-size: 16px; }
.board_view .contents_html img { max-width: 100%; height: auto; }
.board_view_info td { height: 46px; }
.board_view .file_list a { text-decoration: underline; }
.board_btns { margin-top: 40px; text-align: center; }
.board_btns .btn_board_list { display: inline-block; min-width: 140px; padding: 14px 30px; background: #333; color: #fff; border-radius: 0; text-align: center; }
.board_btns .btn_board_list:hover, .board_btns .btn_board_list:focus { background: #000; color: #fff; }


.amboard .award-card { border: 1px solid #c4c7c5;border-radius: 8px;padding: 2rem; }

/* FAQ 키보드 포커스 */
.board_list_title_row:focus { outline: none; }

/* 수상작 아이콘 (제목 앞) */
.has-icon::before {
	content: ""; display: inline-block;
	background: url(../img/ic_award.svg) no-repeat center / contain;
	width: 34px; height: 34px; margin-right: 10px; vertical-align: -8px;
}
/* 목록처럼 작은 곳 */
.board_list .list_subject .has-icon::before {
	width: 22px; height: 22px; margin-right: 8px; vertical-align: -5px;
}

/* 제목 글자: 상위 색/배경에 영향받지 않도록 직접 지정 */
.board_view th .has-icon {
	display: block;
	color: #000;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.4;
	text-align: left;
	padding: 14px 0;
}