@charset "utf-8";
/* ----------------------------------------------------------------------------------------------
 *                 ORANGE-PMI PLATFORM  Version 2.0.0 - Last modified 2026-09-23
 *           Modular Web Architecture · Powered by Orangecommunication · www.oranc.net
 * ----------------------------------------------------------------------------------------------
 * download02 게시판 스킨의 **줄 목록 + [DOWNLOAD] 버튼** — 이 스킨에만 있는 구조 (gallery 의 style.css 와 같은 이유로 있다).
 *
 * style.css (skin/bbs/download02/asset) — 이 스킨의 list.php 가 `asset_head('skin::style.css')` 로 건다.
 *   셸(base.php)이 공통 여섯 장 **뒤**에 `<head>` 로 낸다 → global-template "그 화면에만 필요한 CSS".
 *
 *   담는다   c-download (+ __item · __subject · __clsf · __btn) — 줄 목록 한 벌 · c-doc__img — 본문 앞 이미지 첨부
 *   ✗ 그 밖   분류 탭 · 검색줄 · 페이징 · 글쓰기 · 상세의 머리·첨부 목록·이전다음은 **공통 것 그대로**.
 *
 *   ⛔ 색·여백을 숫자로 박지 않는다 — 토큰을 읽는다(global-template). 줄 높이·버튼 폭 같은 **이 스킨의 치수**만 여기 적는다
 *     (레거시 `_skin/board/download02/style.css` 의 `.list_table_cont` 절 값: 줄 70px · 버튼 칸 130px · 좁으면 100px).
 * ---------------------------------------------------------------------------------------------- */


/*  줄 목록 — 한 줄 = [제목 칸 | 버튼 칸]. 첫 줄 위는 진한 선, 줄 사이는 옅은 선.  */
.c-download					{position:relative; margin:0; padding:0; list-style:none; border-top:1px solid var(--color-ink);}
.c-download__item			{display:grid; grid-template-columns:auto 130px; gap:0 1em; align-items:center; min-height:70px;
							 padding:0 0 0 20px; border-bottom:1px solid var(--border-color);}
.c-download__item:hover		{background:var(--bg-label);}

/*  제목 칸 — 분류는 앞에 세로선으로 갈라 세운다(레거시 `.subject span:after`).  */
.c-download__subject		{font-weight:600; color:var(--color-ink);}
.c-download__subject a		{color:inherit; text-decoration:none;}
.c-download__subject a:hover{text-decoration:underline;}
.c-download__clsf			{position:relative; padding-right:40px; color:var(--color-primary);}
.c-download__clsf::after	{content:''; position:absolute; top:0; right:10px; bottom:0; width:1px; height:0.9em; margin:auto; background:var(--border-color);}

/*  [DOWNLOAD] — 테두리 버튼, 줄에 마우스를 올리면 채워진다(레거시 `.list01:hover .file`). 앞의 ↓ 는 글자로 낸다.  */
.c-download__btn			{display:block; padding:8px 0; text-align:center; border:1px solid var(--border-color); border-radius:var(--radius-sm);
							 background:#fff; color:var(--color-mute); font-size:0.9em; font-weight:600; text-decoration:none;}
.c-download__btn::before	{content:'\2193'; margin-right:5px; color:var(--color-primary);}
.c-download__item:hover .c-download__btn,
.c-download__btn:hover		{background:var(--color-primary); border-color:var(--color-primary); color:#fff;}
.c-download__item:hover .c-download__btn::before	{color:#fff;}

/*  상세 — 본문 앞에 펼치는 이미지 첨부. 칸 폭에 맞춘다(레거시 `.w100`).  */
.c-doc__img					{display:block; width:100%; height:auto;}

@media screen and (max-width:1024px) {
	.c-download__item		{grid-template-columns:auto 120px;}
}
@media screen and (max-width:580px) {
	.c-download__item		{min-height:64px; padding-left:10px; grid-template-columns:auto 100px;}
	.c-download__clsf		{display:block; padding-right:0; font-size:0.95em;}
	.c-download__clsf::after{display:none;}
	.c-download__btn		{padding:5px 0;}
}