/* 퍼블리싱 작업외에 적용되는 css */

.component-wrap {
	padding: 0px !important;
}

 table {
    width: 100%;
    border-collapse: collapse;
    margin: 16px 0;
    font-size: 14px;
  }

.notice.narrow th,
.notice.narrow td,
.qna.narrow th,
.qna.narrow td {
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
}
  th, td {
    border: 1px solid #dddddd;
	  border-right: none;
	  border-left: none;
    padding: 8px 12px;
    text-align: left;
  }

  th {
    background-color: #f5f5f5;
    font-weight: bold;
  }

  /* 과목/강사 관리 테이블 간격 맞추기 위해 수정 */
  .w-100 {
      width: 100px
  }

.input-w-100 {
	width: 100%
}


  /* 드래그 영역(dropzone)의 높이 고정 */
.write .dropzone {
	width: 100%;
	min-height: 150px;
	background-color: var(--gray100-color);
	border: 1px dashed var(--gray300-color);
	border-radius: 5px;
	transition: all .3s;
	position: relative;
	padding: 20px;
	box-sizing: border-box;
}

/* dz-message는 중앙 정렬을 유지 */
.write .dz-message {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 8px;
	height: 100%;
	text-align: center;
}

/* file-area를 dropzone 안에서 아래쪽에 배치 */
.write .dropzone .file-area {
	margin-top: 10px;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

/* 파일이 추가되었을 때 dz-message를 숨기기 위한 클래스 */
.dropzone.has-file .dz-message {
	display: none;
}

/* 캘린더 활성화시 설정 */
.system.contents .calendar-wrap.on {
    z-index: 4;
}

/* 체크박스 선택 가능  */
.system.authorization .disabled td:first-child {
	pointer-events: initial;
}


/*  권한 부여관리 신규 계정 생성시 css 조절 */
.system.mypage .box .flex {
	align-items: baseline;
}
.mypage .form-box {
	align-items: baseline;
}