@charset "UTF-8";
/*
 * 생명연구자원 통계 (통계 > 생명연구자원 통계)
 * 마크업 : WEB-INF/jsp/egovframework/bmip/usersys/stats/bioresourceStats.jsp
 * 바이오소재 총괄지원단 홈페이지 화면을 옮긴 것이다. 탭 · 표 · 쪽 번호 · 선택 상자는 BioOne 공통 부품을 쓰고,
 * 여기에는 이 화면에만 있는 것(법적 근거 상자, 통계자료집 표지 카드, 통계목록 바로가기, 통계용어 머리)만 둔다.
 * 통계자료집 카드는 자료실 카드(data-card.css)와 같은 모양이지만, 서로 다른 작업이라 클래스를 따로 쓴다.
 * 색은 다크모드 변수가 있으면 그것을 쓰고, 없으면 회색 단계로 돌아간다.
 */

/* 법적 근거 */
.biorsrce_law{margin-bottom:3.2rem}
.biorsrce_law .link_blank{font-weight:var(--fws-semibold)}
.biorsrce_law .biorsrce_law_txt{margin-top:.8rem;font-size:1.5rem;font-weight:var(--fws-regular,400);line-height:1.7;color:var(--color-text-sub,var(--color-gray70))}
@media (min-width:768px){
	.biorsrce_law .biorsrce_law_txt{font-size:1.6rem}
}

/* 쪽 개수 · 용어 분류 선택 상자 */
.biorsrce_stats .sel_box select{min-width:12rem;height:var(--emmt-s-h,4rem);padding:0 3.6rem 0 1.2rem}
.biorsrce_lst_header{padding-top:.8rem;align-items:center}
.biorsrce_lst_header .biorsrce_size{margin-left:auto}

/* 통계자료집 표지 카드 — 모바일 2열, 768 이상 3열, 1280 이상 4열 (원본 한 줄 4개) */
.biorsrce_pub_lst{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3.2rem 1.6rem;margin:0;padding:2.4rem 0 1.6rem;list-style:none;border-top:1px solid var(--color-gray60)}
@media (min-width:768px){
	.biorsrce_pub_lst{grid-template-columns:repeat(3,minmax(0,1fr));gap:4rem 2.4rem;padding-top:3.2rem}
}
@media (min-width:1280px){
	.biorsrce_pub_lst{grid-template-columns:repeat(4,minmax(0,1fr))}
}
.biorsrce_pub[hidden]{display:none}
.biorsrce_pub{display:flex;flex-direction:column;min-width:0}

.biorsrce_pub_link{display:flex;flex:1 1 auto;flex-direction:column;gap:1.6rem;color:inherit;text-decoration:none}
.biorsrce_pub_link:focus-visible{outline:2px solid var(--color-focus,var(--color-point-blue));outline-offset:.4rem;border-radius:.8rem}

.biorsrce_pub_cover{display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;padding:1.6rem;background:var(--color-bg20,var(--color-gray05));border:1px solid var(--color-border10,var(--color-gray20));border-radius:.8rem;overflow:hidden}
@media (min-width:768px){
	.biorsrce_pub_cover{padding:2.4rem}
}
.biorsrce_pub_cover img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;box-shadow:0 .4rem 1.2rem rgba(0,0,0,.14);transition:transform .35s cubic-bezier(.16,1,.3,1)}
/* 표지 그림이 없는 글과 그림을 못 불러온 경우(is_broken, img onerror): 빈 문서 모양 */
.biorsrce_pub_cover.is_broken::before{content:""}
.biorsrce_pub_noimg,
.biorsrce_pub_cover.is_broken::before{display:block;width:42%;aspect-ratio:3/4;background:var(--color-bg10,#fff) url(/images/common/ico_attachment.svg) center/30% no-repeat;border:1px solid var(--color-border20,var(--color-gray30));border-radius:.4rem}

.biorsrce_pub_tit{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:1.5rem;font-weight:var(--fws-medium);line-height:1.5;color:var(--color-text-title,var(--color-gray90));text-align:center;word-break:keep-all;overflow-wrap:anywhere;text-underline-offset:.4rem}
@media (min-width:768px){
	.biorsrce_pub_tit{font-size:1.7rem}
}
.biorsrce_pub_foot{display:flex;justify-content:center;margin-top:auto;padding-top:1.2rem;border-top:1px solid var(--color-border10,var(--color-gray20))}

@media (hover:hover){
	.biorsrce_pub_link:hover .biorsrce_pub_tit{text-decoration:underline}
	.biorsrce_pub_link:hover .biorsrce_pub_cover img{transform:translateY(-.4rem)}
}

/* 통계목록 — KOSIS 바로가기 상자 (상자 전체가 링크) */
.biorsrce_kosis{padding-top:.8rem}
.biorsrce_kosis .box{color:inherit;text-decoration:none;transition:border-color .2s,box-shadow .2s}
.biorsrce_kosis .tit_box{flex:1 1 auto}
.biorsrce_kosis .txt_box{display:flex;justify-content:flex-end}
.biorsrce_go{display:inline-flex;gap:.4rem;align-items:center;color:var(--color-point-blue);font-weight:var(--fws-medium)}
.biorsrce_go::after{content:'';flex:0 0 1.8rem;aspect-ratio:1/1;background:url(/images/common/ico_blank_b.svg) no-repeat 50% / contain}
.biorsrce_kosis .box:focus-visible{outline:2px solid var(--color-focus,var(--color-point-blue));outline-offset:.2rem}
@media (hover:hover){
	.biorsrce_kosis .box:hover{border-color:var(--color-point-blue);box-shadow:0 .4rem 1.2rem rgba(0,0,0,.08)}
	.biorsrce_kosis .box:hover .tit{text-decoration:underline;text-underline-offset:.4rem}
}

/* 통계설명자료 */
.biorsrce_desc{padding-top:.8rem}
.biorsrce_desc .tit_ico:not(:first-child){margin-top:3.2rem}
.biorsrce_desc .lst_dot02 > li{line-height:1.7}
.biorsrce_desc small{font-size:.85em}
.biorsrce_desc sup{font-size:.7em;vertical-align:super;line-height:0}
.biorsrce_note{display:inline-block;margin-top:.2rem;font-size:.92em;color:var(--color-text-sub,var(--color-gray70))}

/* 통계용어 */
.biorsrce_terms_head{display:flex;flex-wrap:wrap;gap:1.2rem;align-items:center;justify-content:space-between;padding-top:.8rem}
.biorsrce_group{flex:1 1 32rem;max-width:44rem}
.biorsrce_group select{width:100%;font-size:1.7rem;font-weight:var(--fws-semibold)}
.biorsrce_group_foot{margin-top:1.2rem;font-size:1.5rem;line-height:1.6;color:var(--color-text-sub,var(--color-gray70));word-break:keep-all}
.biorsrce_terms_tbl{margin-top:1.6rem}
.biorsrce_terms_tbl .col_ko,
.biorsrce_terms_tbl .col_en{width:20%}
.biorsrce_terms_tbl tbody td{padding:1.2rem 1.2rem;line-height:1.6;word-break:keep-all}
.biorsrce_terms_tbl tbody td.term_ko{font-weight:var(--fws-medium);color:var(--color-text-title,var(--color-gray90))}
.biorsrce_terms_tbl tbody td.term_desc{text-align:left}
.biorsrce_terms_tbl .note{margin-top:.8rem;font-size:.9em;color:var(--color-text-sub,var(--color-gray70))}

@media (prefers-reduced-motion:reduce){
	.biorsrce_pub_cover img,
	.biorsrce_kosis .box{transition:none}
	.biorsrce_pub_link:hover .biorsrce_pub_cover img{transform:none}
}