/* 커서 변경 */
.link {
	cursor: pointer
}

/* 윈도우에서 option:disabled 의 css 표시 위함 */
option:disabled {
	background-color: rgb(170, 170, 170);
}

#weekList .lectureDescBox .lecture-item .item-head .badge {
	width: auto;
}

/* 학생 > 강의실 > 강의수강 - 회차 상태 표시 */
#weekList .lectureDescBox .lecture-item .item-head .seqInfo .badge {
	display: inline-flex;
    margin-left: 10px;
    padding: 0 10px;
    font-size: 12px;
    font-family: "Noto Sans KR";
}

/* 업로드 팝업 업로드 진행상황 수정 */
#uploadProgressBox .progress {
	width: 100%;
	height: 17px;
}
#uploadProgressBox .progress .progress-bar {
	background-color: #0d6efd;
}
#uploadProgressBox .progress-percent {
	width: 40px;
}

/* 학습요소 표시할 때 데이터가 없는 경우 상단 border 수정 */
.table_dataBlank.noTopBorder { 
	border-top: 0;
}

/* 학습요소 표시할 때 데이터가 없는 경우 상단 border 수정 */
.lecture-item .lecture-list.etc-list {
	border-top: 0;
}

.table tbody tr.main{
	background-color: #e3e6f1;
}

/* todolist 스크롤*/
.todo-list .todolist_table{
    overflow-y: auto;
    height: 270px;
}

/* todolist의 공지사항 qna 스크롤 */
.todolist_boardTable {
	overflow-y: auto;
	height: 232px;
}

/* 강의실의 상단 강의 목록 너비 수정 */
.subMenuWrap .lectureSelectBox .lecture-list {
	width: 400px;
}

/* 교수의 학생 학습이력에서 완료여부 팝업의 상세기록  */
#stateModal .contentsArea table tbody tr.overTime, #historyModal .contentsArea table tbody tr.overTime {
	background-color: lightgray;
}

#stateModal .contentsArea table tbody tr.overTime td, #historyModal .contentsArea table tbody tr.overTime td {
	background-color: lightgray;
}

/* 홈의 강의목록 부가정보 표시시 | 구분자 수정 */
.lectureBox .desc .type span+span:before{
	margin-left: 4px;
}

.attendColor05{
	/*color: #777;
	background-color: #777;*/
	color:#25C189;
	background-color:#25C189;
}

.attendColor06{
	color: #000080;
	background-color: #000080;
}

.modal {
    pointer-events: none;
}

/* 상단 강의목록 길이 수정 */
.lectureSelectBox .lectureDropSubList .lecture-list{
	max-height: 355px;
}

/* 강의 메인의 전필, 전선 색상 구분 */
.lectureBox .badge.tag.sky{
	background-color: #75d3ff;
}

/* taulator 라이브러리 공지사항 색상 변경 */
.tabulatorBoard .tabulator-row.notice .tabulator-cell{
	color: #164194;
}

/* 강의관리 플로팅 버튼 위치 수정 */
.floatingButtonWrap{
	bottom: 160px;
}

/* 교수 학습현황의 상세기록 팝업 테이블 최대 높이 */
.overflowH400{
	max-height: 400px;
}

/* 모바일 교수 강읜관리 학습요소 옵션 버튼 수정 */
@media (max-width: 768px){
	
	.lecture-list .itemGroup {
		position:static;
	}	
}

/* 출석/학습현황 학습참여도 테이블 헤더의 테두리 수정 */
.table thead th.right_line {
    border-right: solid 1px #D0D9EA !important;
}

/* 모바일 강의실 상단 강의목록 수정 */
@media (max-width:768px){
	.subMenuWrap .lectureSelectBox .dropdown-menu .lectureDropSubList{
		width: auto;	
	}	
}

/* 메인의 강의 리스트형 목록의 badge 수정 */
.lectureBox.listStyle .desc .tag{
	min-width: 100px;
	width: auto;
	padding: 0 10px 0 10px;
}

/* 교수 > 성적 > 평가 기준 설정 설명 */
.notice_box > ol.notice_list_o > li {
	padding: 2px 0 2px 5px;
}

/* 아이콘 사이즈 */
i.bigIcon {
	font-size: 30px;
}

/* 배지 색상 */
.badge.tdl09 {background-color: rgba(48, 115, 63, 0.4);}
.badge.tdl10 {background-color: rgba(45, 140, 255, 0.6);}
.badge.tdl11 {background-color: rgba(255, 0, 0, 0.5);}
.badge.tdl12 {background-color: rgba(0, 166, 231, 0.6);}
.badge.tdl13 {background-color: rgba(236, 16, 21, 0.5);}
	
/* 학생 수강기록 미완료 row */
.studentRecordScroll .incomplete {
	background-color: #feffd3;
}

/* 학습창 투명 레이어 */
.previewModalLayer {
	position: fixed;
    top: 0;
    left: 0;
    z-index: 1045;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0;
}

/* 주회차 목록 전체 아코디언 */
.moveDropdownBox .accordion-btn.collapseBtn {
	width: 25px;
    padding: 0;
    margin-left: 20px;
    margin-right: 10px;
    border-radius: 50%;
    background-color: #212121;
    color: #fff;
    vertical-align: middle;
}

/* 교수 - 홈 - 학습현황 barchart */
.studyStatus.barChart {
	height: 500px;
}

.graphBox.doughnutChart {
	height: 400px;
}

/* 교수 - 스튜디오 예약 - 달력 / 스튜디오 리스트*/
.pro_calendarWrap .studioCard {
	height: 420px;
}
@media (max-width: 768px) {
	.pro_calendarWrap .calendar-table  {
		min-width: auto;
	}
}


/* 루브릭 평가 설정 팝업 등급 영역 가로축 스크롤 */
.levelBox.overflow-x {
	overflow-x: auto;	
}
/* 에디터 수정 후 변경한crossEditor에서는 하이퍼링크 색상이 변하지 않아서 추가해주었음  */
.cross-editor-contents a {
	text-decoration : underline;
	color:#4b96e6
}
/* custom에 ol ul태그에 리스트스타일 속성을 없애버려서 이쪽에 따로 추가해주었음 */
/* 0519 크로스에디터 css 하이퍼링크 제외 전체 제거 */
/* .cross-editor-contents ol li {
	list-style-type : decimal;
}
.cross-editor-contents ul li {
	list-style-type : disc;
}
.cross-editor-contents ul, ol {
	padding-left: 2rem;
}

.cross-editor-contents p {
	margin-block-start: 0em;
    margin-block-end: 0em;
}

학생모드 과제제출, 교수 학생 과제제출 화면의 줄바꿈이 비정상적으로 긴부분 수정
#applyContent {line-height: normal;}
#popContent {line-height: normal;}

에디터에 내용이 그려지는부분 0422
.cross-editor-contents hr {margin: 0.5em;}
admin/site/board는 해당 아이디를 사용중
#contents hr {margin: 0.5em;} */

/* btn-close => btn-close-white 속성 추가 */
.modal .modal-dialog .modal-content .modal-header button.btn-close:not(.no-filter) {
	filter: invert(1) grayscale(100%) brightness(200%);
}
/*페이징 이동버튼 disabled*/
.disabled .move_set {
	color: #fff;
	pointer-events: none;
}

.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title{line-height: 1.2;}

/* Vue 데이터 마운트 전 템플릿 태그 숨김 처리 {{data...}} */
[v-cloak]{display:none;}

/* 우수 선배 로드맵 > 선배 상세 : 표 안 목록에 도트 블릿 (테마가 list-style 을 없애므로 직접 지정) — 2026.10.12 등록 */
.sr-dot-list{list-style:disc; margin:0; padding-left:1.1rem;}
.sr-dot-list li{padding:.1rem 0;}
.sr-dot-list li::marker{color:var(--bs-gray-500, #98a2b3);}

/* 우수 선배 로드맵 > 선배 상세 : 프로필 영역 (모바일 = 아바타+이름 / 정보 박스 / 버튼 2등분, 768px↑ = 한 줄 배치) — 2026.10.12 등록 */
.sr-profile{display:grid; grid-template-columns:1fr; column-gap:1rem; row-gap:1rem; align-items:center;}
.sr-profile-info{grid-column:1 / -1; background:var(--bs-light, #f5f7fa); border-radius:.75rem; padding:.25rem 1rem;}
.sr-profile-info > div{display:flex; justify-content:space-between; gap:1rem; padding:.55rem 0;}
.sr-profile-info > div + div{border-top:1px solid var(--bs-border-color, #e5e9f0);}
.sr-profile-info dt{flex:0 0 4.75rem; white-space:nowrap;}
.sr-profile-info dd{flex:1 1 auto; min-width:0; text-align:right;}
.sr-profile-btns{grid-column:1 / -1;}
.sr-profile-btns .btn{flex:1 1 0;}
@media (min-width:768px){
  .sr-profile{grid-template-columns:1fr auto; row-gap:.5rem;}
  .sr-profile-name{grid-column:1;}
  .sr-profile-info{grid-column:1; background:none; border-radius:0; padding:0; display:flex; flex-wrap:wrap; column-gap:1.5rem; row-gap:.25rem;}
  .sr-profile-info > div{display:block; padding:0;}
  .sr-profile-info > div + div{border-top:0;}
  .sr-profile-info dt{flex:none;}
  .sr-profile-info dd{text-align:left;}
  .sr-profile-btns{grid-column:2; grid-row:1 / 3;}
  .sr-profile-btns .btn{flex:0 0 auto;}
}

/* 우수 선배 로드맵 > 선배 상세 : 학년별 발자취 타임라인형 (연도 배지 · 점/세로선 · 카드) — 2026.10.12 등록 */
.sr-tl-row{display:grid; grid-template-columns:72px 16px 1fr; column-gap:.75rem;}
.sr-tl-yr{display:flex; justify-content:flex-end; padding-top:2.25rem;}
.sr-tl-yr .badge{align-self:flex-start;}
.sr-tl-line{display:flex; flex-direction:column; align-items:center; padding-top:2.6rem;}
.sr-tl-dot{width:14px; height:14px; border-radius:50%; flex-shrink:0; background:#fff; border:3px solid var(--bs-cyan, #26c6da); box-sizing:border-box;}
.sr-tl-vline{flex:1 1 auto; width:2px; min-height:20px; margin-top:6px; background:linear-gradient(to bottom, rgba(var(--bs-cyan-rgb, 38,198,218),.35), var(--bs-border-color, #e5e9f0));}
.sr-tl-row:last-child .sr-tl-vline{display:none;}
.sr-tl-body{padding:.6rem 0 1rem;}
.sr-tl-row:last-child .sr-tl-body{padding-bottom:0;}
.sr-tl-card{background:#fff; border:1px solid var(--bs-border-color, #e5e9f0);}
.sr-tl-col{display:flex; align-items:center; gap:.6rem; margin:0 0 .75rem; padding-bottom:.75rem; border-bottom:1px solid var(--bs-border-color, #e5e9f0); font-size:.9375rem; font-weight:700; color:var(--bs-dark, #1f2937);}
.sr-tl-ic{display:inline-flex; align-items:center; justify-content:center; width:30px; height:30px; border-radius:50%; background:var(--bs-gray-100, #f2f4f7); color:#7d8797; font-size:1rem; flex-shrink:0;}
@media (max-width:575.98px){ .sr-tl-row{grid-template-columns:58px 14px 1fr; column-gap:.5rem;} .sr-tl-yr .badge{padding-left:.6rem !important; padding-right:.6rem !important;} }

/* 우수 선배 로드맵 > 선배 상세 : 프로필 다크형 (기획안 senior_roadmap_typeB 참고, .sr-profile 레이아웃 재사용) — 2026.10.12 등록 */
.sr-hero{background:var(--bs-dark, #0a2540); overflow:hidden;}
.sr-hero-deco{position:absolute; top:0; right:0; bottom:0; height:100%; width:260px; pointer-events:none;}
.sr-hero-tag{background:rgba(var(--bs-cyan-rgb, 38,198,218),.22); border:1px solid rgba(var(--bs-cyan-rgb, 38,198,218),.3); color:#b6d3ff;}
.sr-hero .sr-profile-info{color:rgba(255,255,255,.5); background:rgba(255,255,255,.06);}
.sr-hero .sr-profile-info > div + div{border-top-color:rgba(255,255,255,.1);}
.sr-hero .sr-profile-info dd{color:rgba(255,255,255,.9);}
.sr-hero .btn.btn-primary{background-color:var(--bs-cyan); border-color:var(--bs-cyan); color:var(--bs-dark);}
.sr-hero .btn.btn-primary:hover,.sr-hero .btn.btn-primary:focus,.sr-hero .btn.btn-primary:active{background-color:var(--bs-cyan); border-color:var(--bs-cyan); color:var(--bs-dark);} /* hover 효과 없음 (토글 상태 가시성) — 2026.10.13 */
@media (min-width:768px){ .sr-hero .sr-profile-info{background:none;} }
/* 찜하기 토글 active(aria-pressed=true) : 흰 배경 + 채워진 북마크 아이콘 — 2026.10.13 등록 */
.sr-hero .btn.btn-primary[aria-pressed="true"],.sr-hero .btn.btn-primary[aria-pressed="true"]:hover,.sr-hero .btn.btn-primary[aria-pressed="true"]:focus,.sr-hero .btn.btn-primary[aria-pressed="true"]:active{background-color:#fff; border-color:#fff; color:var(--bs-dark);}
.sr-hero .btn.btn-primary[aria-pressed="true"] i{color:var(--bs-danger, #fa896b);}