@charset "UTF-8";
/* e-Journal & e-Book 주제별리스트 CSS - ejb-subject.css
 * 2025.06.04 신규작성
 */
/* 2025.06.04 style.css에서 관련 CSS 복사후 다시작성 - 시작. */
.ejb-subject-item {
	padding-top: 3px;
	padding-bottom: 3px;
	border-bottom: 1px dashed #9d9d9d;
}
.ejb-subject-item:last-child {
	border-bottom: 0;
}

.ejb-subject-info {
	width: 65px;
	padding-right: 10px;
	flex-shrink: 0;
}
.ejb-subject-info > div:first-child {
	font-weight: 500;
	color: #000;
	width: 34px;
	height: 34px;
	line-height: 32px;
	color: #fff;
	background-color: #c10547;
	text-align: center;
	vertical-align: middle;
	border-radius: 5px;		/* 100px(원형)을 5px로 수정 */
	margin-left: auto;
	margin-right: auto;
}
.ejb-subject-info > div:last-child {
	font-weight: 700;
	font-size: 13px;
	font-family: 'Muli';
	color: #c10547;
	text-align: center;
}
.ejb-subject-info.past > div:first-child {
	background-color: #a0a0a0;
}
.ejb-subject-info.past > div:last-child {
	color: #7c7c7c;
}
/* 2025.06.04 CSS 다시작성 - 끝. */

.act-select-subject {
	font-size: 0.991rem;
	font-weight: 600;
	cursor: pointer;
}
.act-select-subject.active {
	color: #c10547;
}
.list-group-item {
	margin: 3px 3px 0px 0px;
	padding: 0;
}
.subject-title-underline {
	border-bottom: 1px solid #bbb;
}

#subject-depth2 > span {
	margin-right: 10px;
	min-height: 24px;
}
#main-subject-count {
	font-weight: 600;
	color: #c10547;
}
#subject-depth2 {
	margin-top: -10px;
	padding: 10px 10px 10px 10px;
	background-color: #f0faff;
	border-radius: 5px;
}

#sub-subject-title {
	font-size: 1.191rem;
	font-weight: 400;
}
#sub-subject-count {
	font-weight: 400;
	color: #c10547;
}
#subject-depth3 {
	margin-top: 10px;
	padding: 10px 10px 10px 10px;
	background-color: #fff;
	border-radius: 10px;
	margin-left: auto;
	margin-right: auto;
}
#genarate-depth3 {
	padding: 10px 10px 0px 10px;
	cursor: pointer;
	color: #5e5e5e;
}
#genarate-depth3 > a:hover {
	color: #c10547;
}

/* 2025.06.13 추가 - 모바일 화면일 때 메인주제 제어 */
.container .subject-filter-trigger {
	margin-top: 2rem;
	margin-bottom: -1rem;
}
.container .subject-main-filter {
	margin-top: 25px;
	padding-bottom: 10px;
	margin-bottom: 15px;
	display: none;
	visibility: hidden;
}
@media (min-width: 768px) {
	.container .subject-main-filter {
		display: flex !important;
		visibility: visible !important;
	}	
}