@charset "euc-kr";
/*
 * 러셀 게시판 공통 CSS 사용 안내
 *
 * [기본 사용법]
 * 게시판 최상위 요소에 아래 순서로 클래스를 조합합니다.
 * board-ui + 화면 형태 + 게시판 유형 + 현재 상태
 *
 * [1. 공통 루트]
 * .board-ui
 * 모든 게시판에 필수로 사용합니다.
 *
 * [2. 화면 형태]
 * .board-list-page   : 목록 페이지
 * .board-detail-page : 상세 페이지
 * .board-write-page  : 작성·수정 페이지 (선생님 학습 Q&A)
 *
 * [3. 게시판 유형]
 * .board-type-application : 입학 자료 신청 게시판
 * .board-type-counsel     : 온라인 상담 게시판
 * 게시판 유형이 추가되면 .board-type-{유형명} 형식으로 작성합니다.
 *
 * [4. 상태 클래스]
 * .is-active   : 탭·항목의 선택 및 활성 상태
 * .is-sent     : 발송 완료 상세 화면
 * .is-received : 접수 완료 상세 화면
 * .is-waiting  : 처리 대기 상태 배지
 * .is-complete : 처리 완료 상태 배지
 *
 * 상태 클래스는 단독으로 사용하지 않고 해당 컴포넌트에 조합합니다.
 *
 * [사용 예시]
 * 목록       : class="board-ui board-list-page board-type-application"
 * 상세       : class="board-ui board-detail-page board-type-application is-sent"
 * 작성 페이지: class="board-ui board-write-page board-type-teacher-qna"
 * (작성 레이어 팝업은 class="pop-ui pop-write-layer pop-type-*" 로 이관 : popup_common.css 참고)
 *
 * [작성 원칙]
 * 모든 게시판에 동일한 디자인은 .board-ui 아래에 작성합니다.
 * 목록·상세 화면 규칙은 .board-ui.board-list-page 또는 .board-ui.board-detail-page로 작성합니다.
 * 작성 페이지 규칙은 .board-ui.board-write-page 아래에 작성합니다.
 * 레이어 팝업 규칙은 이 파일이 아니라 /rwd/css/popup_common.css 에 작성합니다.
 * 유형별 예외만 .board-ui.board-type-{유형명} 아래에 작성합니다.
 * 일시적인 UI 상태에는 is-* 클래스를 사용합니다.
 * 서버 로직과 연결된 기존 클래스는 임의로 변경하거나 삭제하지 않습니다.
 *
 * [5. 목록 열 구성]
 * 열 개수에 따른 클래스(.board-cols-5 등)는 만들지 않고, 열의 역할을 나타내는 클래스를 사용합니다.
 * .board-number-cell   : 번호
 * .board-category-cell : 분류
 * .board-campus-cell   : 학원
 * .board-title-cell    : 제목
 * .board-writer-cell   : 작성자
 * .board-date-cell     : 작성일
 * .board-count-cell    : 조회수
 * .board-state-cell    : 처리 상태
 *
 * 새 게시판은 위 의미 클래스를 사용하고, 필요한 열만 마크업에 배치합니다.
 * 열 너비는 6. 게시판 유형별 예외에서 --board-column-* 변수만 재정의합니다.
 * 제목 열은 남은 영역을 채우며, 고정 열은 width와 flex:none을 사용합니다.
 */



/* ==========================================================================================================================================
	1. 모든 게시판 공통
========================================================================================================================================== */
/* 게시판 기본 영역 */
.board-ui {margin:0;background:#fff;color:#333;font-family:Pretendard,"Noto Sans KR",sans-serif;overflow-x:hidden}
.board-ui * {box-sizing:border-box;letter-spacing:0}
.board-ui a {color:inherit;text-decoration:none}
.board-ui button,.board-ui input,.board-ui select,.board-ui textarea {font-family:inherit}
.board-ui .blind {position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0,0,0,0)}
/* // 게시판 기본 영역 */

/* 전역 플로팅 버튼 보정
 * .board-floating-action은 게시판 본문과 독립적으로 화면 하단에 고정되며,
 * 공통 레이아웃의 영향을 피하기 위해 .board-ui 바깥에 배치합니다.
 * 플로팅 버튼이 필요 없는 게시판은 마크업에서 .board-floating-action을 생략합니다.
 */
.board-floating-action.is-leaving {display:none!important;position:absolute!important}
.board-floating-action,body>.board-floating-action {display:none}
/* // 전역 플로팅 버튼 보정 */



/* ==========================================================================================================================================
	2. 리스트 페이지 공통
========================================================================================================================================== */
/* 리스트 기본 레이아웃 */
.board-ui.board-list-page .board-wrap {width:100%;max-width:1200px;margin:0 auto;padding:0 0 74px}
.board-ui.board-list-page .board-list {width:100%;margin:0;padding:0;border-top:1px solid #555;list-style:none}
.board-ui.board-list-page .board-list>.board-item {display:flex;flex-wrap:wrap;min-height:60px;margin:0;border-bottom:1px solid #e5e5e5;color:#777;font-size:14px;line-height:1.4}
/* // 리스트 기본 레이아웃 */

/* 등록된 내용이 없을 경우 */
.board-ui.board-list-page .board-empty {display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;width:100%;height:562px;min-height:300px;border-bottom:1px solid #e5e5e5;background:#fff;color:#333;font-size:16px;text-align:center}
.board-ui.board-list-page .board-empty .empty-icon,.board-ui.board-list-page .board-empty-icon-image {display:block;width:40px;height:35px}
.board-ui.board-list-page .board-empty p {margin:0;color:#333;font-size:16px;font-weight:400;line-height:1.1;letter-spacing:-.4px}
/* // 등록된 내용이 없을 경우 */

/* 더보기 버튼 */
.board-ui.board-list-page .board-footer {display:flex;justify-content:center;width:100%;margin-top:24px}
.board-ui.board-list-page .board-more {display:flex;align-items:center;justify-content:center;gap:5px;width:160px;height:40px;padding:0;border:1px solid #777;border-radius:4px;background:#fff;color:#222;font-size:14px;font-weight:500;cursor:pointer}
.board-ui.board-list-page .board-more-icon {display:block;width:12px;height:7px;flex:none}
/* // 더보기 버튼 */

/* // 부모님 편지 상단 안내 */

/* 부모님 편지 목록: AJAX의 기존 기능 클래스를 공통 셀 클래스와 함께 사용할 때 보정 */
.board-ui.board-type-letter {--board-column-number:88px;--board-column-writer:79px;--board-column-date:120px;--board-column-state:116px;--board-column-writer-tablet:79px;--board-column-date-tablet:120px;--board-column-state-tablet:100px}
.board-ui.board-type-letter .board-list {padding-bottom:0;margin-bottom:0}
.board-ui.board-type-letter .board-list>.board-item>.board-title-cell {max-width:none}
.board-ui.board-type-letter .board-list .board-title-cell a {margin-left:0}
.board-ui.board-type-letter .board-list .board-title-cell a.noright {cursor:default}
.board-ui.board-type-letter .board-list .board-title-cell a.noright:hover span,.board-ui.board-type-letter .board-list .board-title-cell a.noright:hover p {font-weight:400}
.board-ui.board-type-letter .board-list .board-private-icon {display:inline-flex;vertical-align:middle}
.board-ui.board-type-letter .board-list .board-badge.is-received {background:#e4efff;color:#2c5bf6}
.board-ui.board-type-letter .board-letter-notice-content,.board-ui.board-type-letter .board-list>.notice-view {display:flex;align-items:center;width:100%;min-height:60px;padding:24px;border-bottom:1px solid #e5e5e5;color:#333;font-size:14px}
.board-ui.board-type-letter .board-letter-notice-content>div,.board-ui.board-type-letter .board-list>.notice-view>div {display:flex;align-items:center;width:100%}
@media (min-width:768px) and (max-width:1199px) {
	.board-ui.board-type-letter.board-list-page .board-list>.board-item>.board-number-cell {display:flex;width:var(--board-column-number-tablet);height:74px;flex:none}
}
.board-ui.board-type-letter .board-btm {display:none;text-align:right}

@media (max-width:767px) {
	.board-ui.board-type-letter .board-list>.board-item>.board-title-cell {padding-right:64px}
	.board-ui.board-type-letter .board-list>.board-item.is-notice>.board-number-cell {display:flex;align-items:flex-start;justify-content:flex-start;order:0;width:100%;height:18px;flex:0 0 100%}
	.board-ui.board-type-letter .board-letter-notice-content,.board-ui.board-type-letter .board-list>.notice-view {min-height:0;padding:12px}
	.board-ui.board-type-letter .board-btm {display:block;margin:0 0 24px;text-align:right}
	.board-ui.board-type-letter .board-btm .btn-write {display:inline-flex;align-items:center;justify-content:center;min-width:84px;height:32px;margin-top:12px;border-radius:4px;background:#333;color:#fff;font-size:14px;font-weight:500;line-height:1.1}
}
/* // 부모님 편지 목록 */
/* 부모님 편지 작성 폼: 공통 필드와 편지 전용 레이아웃 병행 보정 */
.board-ui.board-type-letter .write-form .content-inner.board-write-fields {margin-top:0}
.board-ui.board-type-letter .write-form .board-write-field>label.tit {height:auto;margin-bottom:0}
/* // 부모님 편지 작성 폼 */
/* 부모님 편지 작성 페이지 전용 레이아웃 */
.board-ui.board-type-letter.board-write-page {margin-bottom:clamp(32px,calc(32px + (50 - 32) * ((100vw - 360px) / 840)),50px)}
.board-ui.board-type-letter .board-letter-write-wrap {width:100%;max-width:1200px;margin:0 auto}
.board-ui.board-type-letter .board-letter-write-form {padding:40px;border-radius:20px;background:#ecf5fd;color:#333}
.board-ui.board-type-letter .board-letter-parties {display:flex}
.board-ui.board-type-letter .board-letter-parties>.col {width:50%}
.board-ui.board-type-letter .board-letter-parties>.col:first-child {padding-right:32px;border-right:1px solid #c6d6fb}
.board-ui.board-type-letter .board-letter-parties>.col:last-child {padding-left:32px}
.board-ui.board-type-letter .board-letter-parties>.col>.tit {display:flex;align-items:center;gap:3px;margin-bottom:12px;font-weight:600;line-height:1.1;letter-spacing:-.025em}
.board-ui.board-type-letter .board-letter-parties>.col>.tit i {display:block}
.board-ui.board-type-letter .board-letter-party-fields {display:flex;gap:12px}
.board-ui.board-type-letter .board-letter-party-fields>div[class*="-wrap"] {max-width:none;flex:1}
.board-ui.board-type-letter .board-custom-select .select-btn {width:100%}
.board-ui.board-type-letter .board-letter-write-form>.content {padding-top:40px}
.board-ui.board-type-letter .content-inner.board-write-fields {gap:24px;margin-top:0;padding:32px;border-radius:10px;background:#fafdff}
.board-ui.board-type-letter .board-write-field>label.tit,.board-ui.board-type-letter .board-write-field>.tit {position:relative;height:auto;margin-bottom:0;padding-bottom:12px;color:#333;font-size:15px;font-weight:600;line-height:1.4;letter-spacing:-.02em}
.board-ui.board-type-letter .board-file-hint {margin:4px 0 0 12px;color:#999;font-size:12px;font-weight:400;line-height:1.4;letter-spacing:-.02em}
.board-ui.board-type-letter .board-letter-file-button {display:inline-flex;align-items:center;justify-content:center;gap:4px;width:120px;height:40px;border:1px solid #777;border-radius:4px;background:#fff;color:#222;font-size:14px;font-weight:500;line-height:1.4;letter-spacing:-.02em;cursor:pointer}
.board-ui.board-type-letter .board-file-selected {margin-top:8px}
.board-ui.board-type-letter .board-file-selected .file-item {display:flex;align-items:center;gap:8px;width:100%;min-width:0}
.board-ui.board-type-letter .board-file-selected .file-name {display:block;min-width:0;max-width:100%;overflow:hidden;flex:0 1 auto;color:#777;font-size:14px;letter-spacing:-.14px;text-overflow:ellipsis;white-space:nowrap}
.board-ui.board-type-letter .board-file-selected .file-name:hover {color:#333;font-weight:500}
.board-ui.board-type-letter .board-file-selected .file-delete {display:flex;align-items:center;justify-content:center;width:16px;height:16px;flex:none;padding:0;border:0;background:transparent;cursor:pointer}
.board-ui.board-type-letter .board-file-selected .file-delete svg {display:block;width:16px;height:16px}
.board-ui.board-type-letter .title-field>.tit:before {content:"";position:absolute;right:13px;bottom:0;width:250px;height:96px;background:url("https://russeldata.megastudy.net/campus/images/russel/campus_common/2026/board/bg_ltTitle.png") no-repeat 0 0/contain}
.board-ui.board-type-letter .board-letter-write-form .input-wrap {max-width:none}
.board-ui.board-type-letter textarea.board-textarea {height:auto}
.board-ui.board-type-letter .file-area>.tit {padding-bottom:7px}
.board-ui.board-type-letter .text-count {margin-top:12px;color:#777;font-size:13px;font-weight:600;line-height:1;letter-spacing:-.025em}
.board-ui.board-type-letter .text-count b {color:#333;font-weight:700}
.board-ui.board-type-letter .board-letter-privacy {position:relative;overflow:hidden;border:1px solid #dbdee5;border-radius:6px;background:#fff;color:#7e7e7e;font-size:13px;line-height:1.4;letter-spacing:-.025em}
.board-ui.board-type-letter .board-letter-privacy .privacy {position:relative;height:132px;overflow-y:auto;padding:12px 16px}
.board-ui.board-type-letter .board-letter-privacy:before {content:"";position:absolute;right:12px;top:0;bottom:0;width:1px;background:#e8e8e8}
.board-ui.board-type-letter .board-letter-privacy .privacy::-webkit-scrollbar {width:12px;border-radius:99px;background:#fcfcfc}
.board-ui.board-type-letter .board-letter-privacy .privacy::-webkit-scrollbar-thumb {height:32px;border:3px solid #fcfcfc;border-radius:99px;background:#7a7a7a}
@media (max-width:1199px) {
	.board-ui.board-type-letter .board-letter-write-wrap {padding:0 24px}
	.board-ui.board-type-letter .board-letter-parties {flex-direction:column;gap:32px}
	.board-ui.board-type-letter .board-letter-parties>.col,.board-ui.board-type-letter .board-letter-parties>.col:first-child,.board-ui.board-type-letter .board-letter-parties>.col:last-child {width:100%;padding:0;border-right:0}
}
@media (max-width:767px) {
	.board-ui.board-type-letter .board-letter-write-wrap {padding:0 16px}
	.board-ui.board-type-letter .board-letter-write-form {margin-top:24px;padding:24px 16px 1px;border-radius:12px}
	.board-ui.board-type-letter .board-letter-parties>.col>.tit i svg {width:20px}
	.board-ui.board-type-letter .board-letter-parties>.col>.tit strong {font-size:14px}
	.board-ui.board-type-letter .board-letter-party-fields {flex-direction:column;gap:8px}
	.board-ui.board-type-letter .board-letter-write-form .board-write-field input:not(.board-file-input) {height:38px;padding:0 12px;border-radius:4px}
	.board-ui.board-type-letter .board-letter-write-form .board-custom-select .select-btn {height:38px;padding:0 12px;border-radius:4px}
	.board-ui.board-type-letter .board-letter-write-form textarea.board-textarea {padding:12px;border-radius:4px}
	.board-ui.board-type-letter .board-letter-write-form>.content {margin:0 -15px;padding-top:24px}
	.board-ui.board-type-letter .content-inner.board-write-fields {gap:16px;padding:24px 16px 20px}
	.board-ui.board-type-letter .board-write-field>label.tit,.board-ui.board-type-letter .board-write-field>.tit {font-size:14px}
	.board-ui.board-type-letter .title-field>.tit:before {right:9px;width:172px;height:66px}
	.board-ui.board-type-letter .board-file-hint {display:block;margin-left:0}
	.board-ui.board-type-letter .board-letter-file-button {width:84px;height:32px}
	.board-ui.board-type-letter .board-file-selected .file-name {font-size:13px}
	.board-ui.board-type-letter .board-letter-privacy .privacy {font-size:12px}
	.board-ui.board-type-letter .board-write-actions {margin-top:20px}
	.board-ui.board-type-letter .board-write-actions .board-write-action {min-width:91px;height:32px}
}
/* // 부모님 편지 작성 페이지 전용 레이아웃 */
/* ==================================================
	2-1. 리스트 게시판 공통: 상단 도구 : 목록 상단에 탭, 검색 영역, 글쓰기·신청 버튼이 필요할 때 사용 / 탭이 없는 게시판은 .board-tabs를 생략하고 필요한 도구만 배치
================================================== */
/* 상단 도구 정렬 */
.board-ui.board-list-page .board-toolbar {display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:12px}
.board-ui.board-list-page .board-toolbar-start,.board-ui.board-list-page .board-toolbar-end {display:flex;align-items:center;gap:10px}
.board-ui.board-list-page .board-toolbar-end {margin-left:auto}
/* // 상단 도구 정렬 */

/* 탭(ex. 전체 ㅇㅇ내역, 내 ㅇㅇ내역) */
.board-ui.board-list-page .board-tabs {display:flex;gap:10px;height:40px}
.board-ui.board-list-page .board-tab,.board-ui .board-write-button {display:flex;align-items:center;justify-content:center;width:120px;height:40px;padding:0;border-radius:4px;font-size:14px;font-weight:500;line-height:1.5;text-align:center;cursor:pointer}
.board-ui.board-list-page .board-tab {border:1px solid #777;background:#fff;color:#222}
.board-ui.board-list-page .board-tab.is-active,.board-ui.board-list-page .board-tab.on {border-color:#2c5bf6;color:#2c5bf6}
/* // 탭(ex. 전체 ㅇㅇ내역, 내 ㅇㅇ내역) */

/* 신청, 작성 버튼 */
.board-ui .board-write-button {border:0;background:#9aa3b2;color:#fff}
.board-ui .board-write-button-icon {display:block;width:8px;height:12px;flex:none}
/* // 신청, 작성 버튼 */
/* 검은 액션 버튼: 링크·버튼 공용 */
.board-ui .board-dark-button {display:flex;align-items:center;justify-content:center;width:120px;height:40px;padding:0;border:1px solid #222;border-radius:4px;background:#222;color:#fff;font-size:14px;font-weight:500;line-height:1.4;text-align:center;cursor:pointer}
/* // 검은 액션 버튼 */

/* 필터 */
.board-ui.board-list-page .board-filter {position:relative;width:138px;min-width:118px}
.board-ui.board-list-page .board-filter .select-btn {width:100%}
.board-ui.board-list-page .custom-dropdown .select-btn {height:40px}
/* // 필터 */

/* 검색창 */
.board-ui.board-list-page .board-search {position:relative;display:inline-flex;overflow:hidden;width:226px;max-width:100%;height:42px;border:1px solid #dbdee5;border-radius:6px;background:#fff}
.board-ui.board-list-page .board-search-input {width:100%;height:100%;padding:0 40px 0 18px;border:0;background:#fff;font-size:14px}
.board-ui.board-list-page .board-search-input:focus {outline:0}
.board-ui.board-list-page .board-search-button {position:absolute;right:12px;top:50%;width:28px;height:28px;padding:0;transform:translateY(-50%);border:0;background-color:transparent;background-repeat:no-repeat;background-position:center;background-size:contain;background-image:url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.25 12.5C19.25 8.77208 16.2279 5.75 12.5 5.75C8.77208 5.75 5.75 8.77208 5.75 12.5C5.75 16.2279 8.77208 19.25 12.5 19.25C16.2279 19.25 19.25 16.2279 19.25 12.5ZM20.75 12.5C20.75 17.0563 17.0563 20.75 12.5 20.75C7.94365 20.75 4.25 17.0563 4.25 12.5C4.25 7.94365 7.94365 4.25 12.5 4.25C17.0563 4.25 20.75 7.94365 20.75 12.5Z' fill='%23111111'/%3E%3Cpath d='M17.4697 17.4697C17.7626 17.1768 18.2373 17.1768 18.5302 17.4697L24.5302 23.4697C24.8231 23.7626 24.8231 24.2373 24.5302 24.5302C24.2373 24.8231 23.7626 24.8231 23.4697 24.5302L17.4697 18.5302C17.1768 18.2373 17.1768 17.7626 17.4697 17.4697Z' fill='%23111111'/%3E%3C/svg%3E")}
/* // 검색창 */

/* ==================================================
	2-2. 리스트 게시판 공통: 리스트 내 도구 : 목록에 뱃지, 제목, 날짜 등 필요할 때 사용
================================================== */
/* 중요도 뱃지 */
.board-ui .board-notice-badge {padding:3px 9px;border-radius:99px;background:#2c5bf6;color:#fff;font-size:13px;font-weight:600;line-height:1.4;letter-spacing:-.025em}
.board-ui .board-list>.board-item.is-notice .board-title-cell a {font-weight:600}
/* // 중요도 뱃지 */

/* 신규 게시글 표시 */
.board-ui .board-new-badge {display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;flex:none;border:1px solid #ebebeb;border-radius:50%;color:#ff3b30;font-size:9px;font-style:normal;font-weight:700}
/* // 신규 게시글 표시 */

/* 목록 열 기본 너비
 * 제목 열은 flex:1로 남은 영역을 채우므로 별도 변수를 사용하지 않습니다.
 * 모바일은 열 배치가 달라지므로 모바일 반응형 구획에서 직접 제어합니다.
 * 게시판 유형별 열 너비는 6. 게시판 유형별 예외에서 필요한 변수를 명시적으로 재정의합니다.
 */

/* 공통 기본값은 새 게시판의 초기값입니다.
 * 유형 구획에 같은 변수가 있으면 유형 구획의 값을 최종 규격으로 사용합니다.
 */
.board-ui.board-list-page {
	--board-column-number:104px;
	--board-column-category:110px;
	--board-column-campus:120px;
	--board-column-writer:79px;
	--board-column-date:120px;
	--board-column-count:80px;
	--board-column-state:116px;

	--board-column-number-tablet:88px;
	--board-column-writer-tablet:79px;
	--board-column-date-tablet:120px;
	--board-column-state-tablet:100px;
}

/* // 목록 열 기본 너비 */

/* 리스트 항목 기본 구조 */
.board-ui.board-list-page .board-list>.board-item {position:relative}
.board-ui.board-list-page .board-list>.board-item>.board-cell {display:flex;align-items:center;justify-content:center;height:60px}

.board-ui.board-list-page .board-list .board-number-cell {width:var(--board-column-number);flex:none}
.board-ui.board-list-page .board-list .board-category-cell {width:var(--board-column-category);flex:none}
.board-ui.board-list-page .board-list .board-campus-cell {width:var(--board-column-campus);flex:none}
.board-ui.board-list-page .board-list>.board-item>.board-title-cell {display:flex;align-items:center;justify-content:flex-start;flex:1;min-width:0;overflow:hidden;padding:0 32px 0 32px;text-align:left}

.board-ui.board-list-page .board-list .board-title-cell a {display:flex;align-items:center;gap:6px;min-width:0;color:#333;font-size:16px;line-height:1.4;text-align:left}
.board-ui.board-list-page .board-list .board-title-cell a:hover span,
.board-ui.board-list-page .board-list .board-title-cell a:hover p {font-weight:600}
.board-ui.board-list-page .board-list .board-title-cell span,.board-ui.board-list-page .board-list .board-title-cell p {overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.board-ui.board-list-page .board-list .board-writer-cell {width:var(--board-column-writer);flex:none;text-align:center}
.board-ui.board-list-page .board-list .board-date-cell {width:var(--board-column-date);flex:none;letter-spacing:-.14px;text-align:center}
.board-ui.board-list-page .board-list .board-count-cell {width:var(--board-column-count);flex:none;text-align:center}
.board-ui.board-list-page .board-list .board-state-cell {width:var(--board-column-state);flex:none}
.board-ui .board-private-icon {width:17px;height:17px;flex:none;color:#b1b1b1}
.board-ui .board-private-icon svg {display: block;}
/* // 리스트 항목 기본 구조 */

/* 처리 상태 뱃지 */
.board-ui .board-badge {display:inline-flex;align-items:center;justify-content:center;min-width:62px;height:25px;padding:2px 10px;border:0;border-radius:999px;background:#f0f0f0;color:#777;font-size:14px;font-weight:500;line-height:1.4;letter-spacing:-.14px;white-space:nowrap}
.board-ui .board-badge.is-waiting {background:#e4efff;color:#2c5bf6}
.board-ui .board-badge.is-complete {background:#f0f0f0;color:#777}
/* // 처리 상태 뱃지 */



/* ==================================================
	2-5. 게시판 공통: 안내 패널·탭 변형·목록 보조 컴포넌트
================================================== */
.board-ui .board-info-panel {display:flex;flex-direction:column;align-items:flex-start;gap:24px;width:100%;padding:24px 32px;border-radius:8px;background:#f8f8f8;margin-bottom: 40px;}
.board-ui .board-info-intro {display:flex;align-items:flex-start;gap:8px;width:100%;color:#555;font-size:16px;font-weight:400;line-height:1.6;letter-spacing:-.4px}
.board-ui .board-info-intro p {margin:0}
.board-ui .board-info-intro strong {color:#555;font-weight:700}
.board-ui .board-info-icon {display:block;width:24px;height:24px;flex:none;background:no-repeat center/24px 24px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M18 8C19.657 8 21 9.343 21 11S19.657 14 18 14M10 8V19C10 19.552 9.552 20 9 20H8C7.448 20 7 19.552 7 19V14M12 8L16.524 4.23C17.11 3.742 18 4.159 18 4.922V17.078C18 17.841 17.11 18.258 16.524 17.77L12 14H4C3.448 14 3 13.552 3 13V9C3 8.448 3.448 8 4 8H12Z' stroke='%23777777' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.board-ui .board-info-divider {width:100%;height:1px;background:#e5e5e5}

/* 강조 안내 박스 : 작성·확인 레이어 상단 안내. 아이콘 span 은 선택 사용 */
.board-ui .board-callout {width:100%;padding:14px 16px;border-radius:8px;background:#f1f6ff;box-sizing:border-box;margin-bottom:20px;}
.board-ui .board-callout-txt {display:flex;align-items:flex-start;gap:16px;margin:0;color:#333;font-size:15px;font-weight:600;line-height:1.4;letter-spacing:-.3px}
.board-ui .board-callout-ico {display:block;width:26px;height:24px;flex:none;background:no-repeat center/26px 24px url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAYCAYAAADkgu3FAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAV+SURBVHgBpVRbbBRlFP7+mdltd7fdpS3dAi0ttg0VFGLVKhiqXHwh+FISUCSYgIqkYkVjxIQHHyT6gBrUB2IUMIYYrQSRBKKC0AARhVIpGGro9ga9brfbvc7u7OzM75mZrWygVtCT/JnbP+f7v+985zD8j1i6dKl0uGb+FU8oVEOPLOHKCx293NawprX1LD2ns/cy/Md4995HirZXTPcLqirwGsLp7weLx6E7HOlETu6uvEPNO2gbvxMgFu5s9AUS0e4LP3RtqV9c9n6+O/dRxrnmh9pS8WZinajGRaTS0M6cBHw+iFsazdT8icf5pt0fFn4RCoVuBRJo6dko+kATZ1EnkBihr3ZAdNBVAty14AkFbPNX1kZVhXb6lAX0UqOVMqXALycPlvx+fg2yAPDdx8vvibSu8E08G7tZLE4gfkAiECmX3nBLieQQeKcvm/jEHzfvBRHOfNei7IObiRuaTvZqJXXHAi2LPjeeX149rzwdTXFIIjEhIEEwfzaAeHIQmjR0Uwu7Ddi6FWzjC9ZBjCUJCETDf+D245ghZuTj6eubuBiiT6LTko0Jma2UlHOochi2Fy8BHpJTUahGJF1wHOLadWYiLonp50+31OxXlO6/k4+3Ptvd9Ex5ValNDf7UFurfuMJb2bCkqgliHoNgSCZlFp3DNpsYlJB8cSgzZNg6VMoggqdSwL79EMIRE2ewu+fQc4HRvchynTjW6z9SV6rkl93vmvtp8/AvR/bWv+dxeB82QcQcArBZIIbKUh6QXwuBU0K3Bnl2DLZjQxC7fBBCYfDRCCKl/de8v3Yvwy3mus3eA6dWtM+aNnchbO4MkJjZxax/HZXktCA5yw8tGoQaDkGRY9DiMiQikONgPF3gHObFebk8lpDPtAxvXLX9t59Nq3Q0L3uw6rHSFnvZgfyhE0vaZ3iqFyJnOgEZrKRMjYwG0WA2vAGuy7RUekUrqYCrCbPKguS0BEgn6UDUwMmIdvbSYK3Q177hqVnFfC+BuI1zB/yxH40N0JJmIujEQqfkXLdAQGB6wrCMSdIon+AUIE4rprJ6wex0OI2+paKAPE7TIijWV6Q/yDK/Vbg3Gkq8u16ZO4y8Sgabx7K3aLPszTQLwAShey1hoGRS2K2+U8boStLGxsDDQfB4DJEUPzDZCGLqmQVRic92wVlqARkNa1yNpuXEEorFUnQBxauosAfNRoZMUyTmR7C1D/KwClcRbZWgrT2AImESIN6wLeDV5H4dasxKaMjHJySMWtxFYquTbj17gMhVYKQD8oWL+KbRh542GkuGSUmIaBG+PtGNqDgJEK4NxdKbn/bkuBmrhz2f5MmxisHH6UpN6poPxPuIQRcQvgE+4kPr/utEVENROTPJl8yktvMI4eLXuTGK9Kmmt6CfW6gyXi0g10sMqCltBRab5DCBDBLuEIZaujB6Q0XlfRJySwvIcQzKjSAXp/Exx6vaDMs9N4foZKFfb5eXQBnnYAQiFZh2RayHWHSDB3w4v/tPJOJpzKlzwjmvjAZHGQRHrp6e4zpOIN4JELPwmDoE3rZag0imUEm2ZACcis1CfTj90RjK6xiK5hBIaSFZO8+QmCPke5uti+1E1vgxQpoKZWV1tU3XvLqQHBC4Ylg2AD3Qh+93RlG7EiicaUdegQOMzMKTMZ5Odkbt69PvTJZLnAroeHPdvgIt8gCXR0kuYjI2gON7oqhaQB/J5flumrspRU8iFrnUEdpR8ZrecCuTO2Jkl8mcTCa5ImCREEb6InjoSYYcuwCHx861Qim6/hOp/NuL42H8S0xZo/UrC91fbnCG9PEYSwbDEAVO7mHgbiF67rK4ePlnqav/xOCugDIhRHYK20QO15Vh1vnW0dmHW3p7k7jL+Au4VmnLSvt80AAAAABJRU5ErkJggg==")}

/* 요약 카드 : 신청·예약 레이어 상단의 대상 정보 카드. -top(배지 행)은 선택 사용 */
.board-ui .board-summary-card {display:flex;flex-direction:column;gap:6px;width:calc(100% - 48px);min-height:134px;margin:24px 24px 0;padding:16px;border:1px solid #2c5bf6;border-radius:6px;background:#fff;box-sizing:border-box}
.board-ui .board-summary-card-top {display:flex;align-items:center;justify-content:space-between;width:100%;min-height:26px}
.board-ui .board-summary-card-title {display:block;color:#333;font-size:16px;font-weight:400;line-height:1.4;letter-spacing:-.16px;word-break:keep-all}
.board-ui .board-summary-card-info {display:flex;flex-direction:column;gap:2px;margin:0;padding:0;color:#777;font-size:14px;font-weight:400;line-height:1.4;letter-spacing:-.14px}
.board-ui .board-summary-card-info div {display:flex;align-items:center;gap:12px;min-height:20px}
.board-ui .board-summary-card-info dt {flex:0 0 auto;color:#555;font-weight:400}
.board-ui .board-summary-card-info dt:before {content:"\00b7  "}
.board-ui .board-summary-card-info dd {margin:0;white-space: normal;}

/* 섹션 : 레이어 안의 소제목 + 설명 */
.board-ui .board-section {width:100%}
.board-ui .board-section.is-inset {padding:20px 24px 0}
/* 섹션 간 구분 띠 : 레이어 안에서 영역을 크게 나눌 때 */
.board-ui .board-section-divider {width:100%;height:8px;border:0;margin:0;background:#e5e7eb;opacity:.3}
/* 보조 안내 문구 : 레이어 안의 · 불릿 안내. 문단마다 · 이 자동으로 붙습니다 */
.board-ui .board-note {width:100%;margin:10px 0 24px;padding:0 24px;box-sizing:border-box}
.board-ui .board-note p {position:relative;margin:0;padding-left:10px;color:#777;font-size:13px;font-weight:400;line-height:1.4;letter-spacing:-.26px}
.board-ui .board-note p:before {content:"\00b7";position:absolute;left:0;top:0}
.board-ui .board-section-title {display:block;color:#333;font-size:15px;font-weight:600;line-height:1.4;letter-spacing:-.3px}
.board-ui .board-section-desc {margin:2px 0 0;color:#333;font-size:14px;font-weight:400;line-height:1.4;letter-spacing:-.28px}

/* 빈 상태 박스 : 레이어 안 결과 없음 안내 (목록 페이지용 .board-empty 와 별개) */
.board-ui .board-empty-box {width:100%;margin-top:6px}
.board-ui .board-empty-box p {display:flex;align-items:center;justify-content:center;height:160px;margin:0;background:#f5f5f5;color:rgba(126,126,126,.3);font-size:15px;font-weight:600;line-height:1.4;letter-spacing:-.3px}

/* 결과 카드 : 조회 결과 목록. -info(1차 정보) / -table(2차 정보) 2단 구성 */
.board-ui .board-result-list {display:flex;flex-direction:column;gap:12px;width:100%;margin-top:12px}
.board-ui .board-result-card {width:100%;padding:16px;border:1px solid #dbdee5;border-radius:6px;background:#fff;box-sizing:border-box}
.board-ui .board-result-card-title {display:block;margin:0 0 12px;color:#333;font-size:15px;font-weight:600;line-height:1.4;letter-spacing:-.3px}
.board-ui .board-result-info {display:flex;flex-direction:column;gap:6px;margin:0;padding:0;color:#444;font-size:15px;line-height:1.6}
.board-ui .board-result-info div {display:flex;gap:10px}
.board-ui .board-result-info dt {flex:0 0 60px;font-weight:600}
.board-ui .board-result-info dt:before {content:"\00b7  "}
.board-ui .board-result-info dd {flex:1;min-width:0;margin:0;font-weight:500}
.board-ui .board-result-divider {height:1px;margin:16px 0 0;background:#7e7e7e}
.board-ui .board-result-table {display:flex;flex-direction:column;margin:16px 0 0;padding:0;border-top:1px solid #7e7e7e;color:#444;font-size:14px}
.board-ui .board-result-table div {display:flex;gap:10px;padding:10px 0;border-bottom:1px solid #dbdee5}
.board-ui .board-result-table dt {flex:0 0 90px;font-weight:600}
.board-ui .board-result-table dd {flex:1;min-width:0;margin:0;font-weight:500;text-align:right}
.board-ui .board-result-card-cta {display:flex;justify-content:center;padding:16px 0 0}
.board-ui .board-result-cancel {min-width:206px;max-width:100%;height:42px;padding:0;border:0;border-radius:6px;background:#9aa3b2;color:#fff;font-size:14px;font-weight:600;cursor:pointer}
.board-ui .board-info-guide {display:flex;align-items:center;gap:50px;width:100%;padding-left:32px}
.board-ui .board-info-title {flex:none;color:#333;font-size:16px;font-weight:700;line-height:1.6;letter-spacing:-.4px;white-space:nowrap}
.board-ui .board-info-content {display:flex;flex-direction:column;gap:6px;min-width:0;color:#555;font-size:16px;font-weight:400;line-height:1.6;letter-spacing:-.4px}
.board-ui .board-info-content ul {display:flex;align-items:center;gap:36px;margin:0;padding-left:24px;list-style:none}
.board-ui .board-info-content li {position:relative}
.board-ui .board-info-content li:before {content:"";position:absolute;left:-14px;top:.78em;width:3px;height:3px;border-radius:50%;background:#555}
.board-ui .board-info-content strong {font-weight:700}
.board-ui .board-info-content p {margin:0;padding:0 9px;color:#b1b1b1;font-size:13px;line-height:1.5;letter-spacing:-.13px}

/* 게시판 카테고리 탭: 단과·모의고사, 바자관처럼 게시판 유형을 밑줄 형태로 전환 */
.board-ui .board-category-tabs {display:flex;width:100%;height:auto;gap:0;margin-bottom: 40px}
.board-ui .board-category-tab {display:flex;align-items:center;justify-content:center;flex:1 1 0;width:auto;height:52px;padding:14px 20px;border:0;border-bottom:1px solid #dbdee5;border-radius:0;background:#fff;color:#555;font-size:16px;font-weight:500;line-height:1.5;text-align:center;cursor:pointer}
.board-ui .board-category-tab.is-on,.board-ui .board-category-tab.is-active,.board-ui .board-category-tab.on {border-bottom:3px solid #2c5bf6;color:#2c5bf6;font-weight:700}
/* // 게시판 카테고리 탭 */

.board-ui .board-teacher-cell {display:flex;align-items:center;justify-content:center}
.board-ui .board-teacher-badge {display:inline-flex;align-items:center;justify-content:center;height:22px;padding:4px 5px;border:1px solid #777;border-radius:4px;background:#fff;color:#555;font-size:13px;font-weight:400;line-height:1;letter-spacing:-.325px;white-space:nowrap}
.board-ui .board-meta-list {display:flex;flex-direction:column;gap:4px;margin:0;padding:0;color:#777;font-size:14px;line-height:1.4;letter-spacing:-.14px}
.board-ui .board-meta-list>div {display:flex;align-items:center;gap:10px}
.board-ui .board-meta-list dt {flex:0 0 60px;color:#555;font-weight:400}
.board-ui .board-meta-list dt:before {content:"\00b7  "}
.board-ui .board-meta-list dd {margin:0;white-space:nowrap}
.board-ui .board-badge.is-available {background:#e4efff;color:#2c5bf6}
.board-ui .board-badge.is-applied {border:1px solid #555;background:#fff;color:#555}
.board-ui .board-badge.is-closed {background:#f0f0f0;color:#777}
/* // 2-5. 게시판 공통: 안내 패널·탭 변형·목록 보조 컴포넌트 */
/* ==========================================================================================================================================
	3. 상세 페이지 공통
========================================================================================================================================== */
/* 상세 페이지 기본 레이아웃 */
.board-ui.board-detail-page .board-detail-wrap {width:100%;max-width:1200px;margin:0 auto;padding:0 0 50px}
.board-ui.board-detail-page .board-detail-head>.board-badge {position:absolute;right:20px;top:20px;margin:0}
.board-ui.board-detail-page .board-detail {width:100%;border-top:1px solid #555;background:#fff}
.board-ui.board-detail-page.is-sent .board-edit-actions {display:none}
/* // 상세 페이지 기본 레이아웃 */

/* 상세 상단 제목 및 작성 정보 */
.board-ui.board-detail-page .board-detail-head {position:relative;display:flex;align-items:center;width:100%;height:90px;padding:20px;border-bottom:1px solid #e5e5e5}
.board-ui.board-detail-page .board-detail-head>strong {color:#333;font-size:18px;font-weight:600;line-height:26px;letter-spacing:-.36px}
.board-ui.board-detail-page .board-detail-meta {position:absolute;right:20px;bottom:20px;display:flex;align-items:center;gap:10px;color:#777;font-size:14px;line-height:20px;letter-spacing:-.14px;white-space:nowrap}
.board-ui.board-detail-page .board-detail-meta span+span {position:relative;padding-left:10px}
.board-ui.board-detail-page .board-detail-meta span+span:before {content:'';position:absolute;left:0;top:4px;width:1px;height:12px;background:#dbdbdb}
/* // 상세 상단 제목 및 작성 정보 */

/* 상세 본문 및 신청 정보 */
.board-ui.board-detail-page .board-detail-body {display:flex;flex-direction:column;gap:32px;width:100%;padding:32px 20px;border-bottom:1px solid #e5e5e5}
.board-ui.board-detail-page .board-info-grid {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:48px;width:100%}
.board-ui.board-detail-page .board-info-section {display:flex;flex-direction:column;gap:12px;min-width:0}
.board-ui.board-detail-page .board-section-title {display:flex;align-items:center;gap:8px;height:24px;margin:0;color:#333;font-size:16px;font-weight:600;line-height:24px;letter-spacing:-.16px}
.board-ui.board-detail-page .board-section-title svg {display:block;width:3px;height:3px;flex:none}
.board-ui.board-detail-page .board-info-card {display:flex;flex-direction:column;gap:12px;width:100%;min-height:172px;margin:0;padding:24px 32px;border:1px solid #e5e5e5;border-radius:6px;background:#fff}
.board-ui.board-detail-page .board-info-row {display:flex;align-items:flex-start;gap:48px;width:100%;min-height:22px;color:#333;font-size:15px;line-height:22px;letter-spacing:-.15px}
.board-ui.board-detail-page .board-info-row dt {width:78px;flex:none;margin:0;color:#333;font-weight:600;white-space:nowrap}
.board-ui.board-detail-page .board-info-row dd {flex:1;min-width:0;margin:0;color:#555;word-break:keep-all}
.board-ui.board-detail-page .board-info-section-compact-label .board-info-row dt {width:55px}
.board-ui.board-detail-page .board-address-line {display:block}
.board-ui.board-detail-page .board-content-card {width:100%;min-height:70px;padding:24px 32px;border:1px solid #e5e5e5;border-radius:6px;background:#fff;color:#555;font-size:15px;line-height:22px;letter-spacing:-.15px;word-break:keep-all;overflow-wrap:anywhere}
/* // 상세 본문 및 신청 정보 */

/* 답변 영역 */
.board-ui.board-detail-page .board-answer {display:flex;flex-direction:column;gap:14px;width:100%;margin:0;padding:20px 32px;border-radius:6px;background:#f8f8f8;color:#333}
.board-ui.board-detail-page .board-answer-head {display:flex;align-items:center;gap:8px;width:100%;padding-bottom:14px;border-bottom:1px solid #dbdbdb}
.board-ui.board-detail-page .board-answer-head strong {font-size:16px;font-weight:600;line-height:1.6;letter-spacing:-.16px}
.board-ui.board-detail-page .board-answer-head span {color:#777;font-size:14px;line-height:20px;letter-spacing:-.14px}
.board-ui.board-detail-page .board-answer-content {color:#333;font-size:14px;line-height:1.6;letter-spacing:-.14px;word-break:keep-all;overflow-wrap:anywhere}
.board-ui.board-detail-page .board-answer-content p {margin:0}
.board-ui.board-detail-page .board-answer-file {display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;margin:0;padding-top:14px;border-top:1px solid #e5e5e5;font-size:14px;line-height:1.6;letter-spacing:-.14px}
.board-ui.board-detail-page .board-answer-file strong {color:#333;font-weight:600}
.board-ui.board-detail-page .board-answer-file a {display:block;max-width:100%;overflow:hidden;color:#777;white-space:nowrap;text-overflow:ellipsis}
/* // 답변 영역 */

/* 상세 수정 및 목록 버튼 */
.board-ui.board-detail-page .board-detail-actions {display:flex;justify-content:flex-end;gap:10px;width:100%;margin-top:12px}
.board-ui.board-detail-page .board-detail-actions:empty {display:none}
.board-ui.board-detail-page .board-action-button {display:flex;align-items:center;justify-content:center;width:120px;height:40px;padding:0;border:0;border-radius:4px;background:#9aa3b2;color:#fff;font-size:14px;font-weight:500;line-height:20px;letter-spacing:-.28px;text-align:center;cursor:pointer}
.board-ui.board-detail-page .board-detail-footer {display:flex;justify-content:center;width:100%;margin-top:24px}
.board-ui.board-detail-page .board-list-button {display:flex;align-items:center;justify-content:center;width:160px;height:40px;padding:0;border:1px solid #777;border-radius:4px;background:#fff;color:#222;font-size:15px;font-weight:500;cursor:pointer}
/* // 상세 수정 및 목록 버튼 */

/* 일반 게시글 상세 */
.board-ui.board-detail-page .board-article {border-top:1px solid #555;border-bottom:1px solid #555;background:#fff}
.board-ui.board-detail-page .board-article-head {display:flex;flex-direction:column;gap:6px;padding:clamp(12px,calc(12px + (22 - 12) * ((100vw - 360px) / 840)),22px) clamp(12px,calc(12px + (20 - 12) * ((100vw - 360px) / 840)),20px);border-bottom:1px solid #e5e5e5}
.board-ui.board-detail-page .board-article-title {display:flex;align-items:flex-start}
.board-ui.board-detail-page .board-article-title-text {margin:0}
.board-ui.board-detail-page .board-article-meta {display:flex;color:#777;font-size:14px;letter-spacing:-.01em}
.board-ui.board-detail-page .board-article-category {display:none}
.board-ui.board-detail-page .board-article-body {padding:clamp(12px,calc(12px + (24 - 12) * ((100vw - 360px) / 840)),24px)}
.board-ui.board-detail-page .board-article-content {padding-bottom:clamp(12px,calc(12px + (24 - 12) * ((100vw - 360px) / 840)),24px);font-size:14px;line-height:1.6;letter-spacing:-.01em}
.board-ui.board-detail-page .board-article-content b,.board-ui.board-detail-page .board-article-content strong {font-weight:700}
.board-ui.board-detail-page .board-article-content img {max-width:75%!important;margin-top:1.7em;height: auto !important;}

.board-ui.board-detail-page .board-article-files {display:flex;gap:8px;padding:24px 0 0;border-top:1px solid #ededed;font-size:14px;line-height:1.6;letter-spacing:-.01em;margin-top:24px}
.board-ui.board-detail-page .board-article-files > strong {flex:0 0 112px;color:#333;font-weight:600}
.board-ui.board-detail-page .board-article-files > a {display:flex;flex:1;min-width:0;max-width:100%;overflow:hidden;color:#777;white-space:nowrap}
.board-ui.board-detail-page .board-article-files ul {display:flex;flex:1;min-width:0;width:100%;max-width:100%;flex-direction:column;gap:2px;color:#777}
.board-ui.board-detail-page .board-article-files li {min-width:0;max-width:100%}
.board-ui.board-detail-page .board-article-files li a {display:flex;min-width:0;max-width:100%;overflow:hidden;color:#777;white-space:nowrap}
.board-ui.board-detail-page .board-article-files .file-name-base {display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.board-ui.board-detail-page .board-article-files .file-name-ext {flex:none;white-space:nowrap}
.board-ui.board-detail-page .board-article-files li:hover a {font-weight:600}

/* // 일반 게시글 상세 */

/* 일반 게시글 상세 변형: 제목·메타·본문형 (.board-detail-article) */
.board-ui.board-detail-page.board-detail-article .board-article-top,.board-ui.board-detail-page.board-detail-article .board-article-title {display:flex;align-items:flex-start;justify-content:space-between;width:100%}
.board-ui.board-detail-page.board-detail-article .board-article-top {min-height:25px}
.board-ui.board-detail-page.board-detail-article .board-detail {border-bottom:1px solid #555}
.board-ui.board-detail-page.board-detail-article .board-article-category {display:block;color:#777;font-size:14px}
.board-ui.board-detail-page.board-detail-article .board-article-title-text {color:#333;font-size:16px;font-weight:600;line-height:1.4}
.board-ui.board-detail-page.board-detail-article .board-article-meta {gap:10px}
.board-ui.board-detail-page.board-detail-article .board-article-meta span+span {position:relative;padding-left:10px}
.board-ui.board-detail-page.board-detail-article .board-article-meta span+span:before {content:'';position:absolute;left:0;top:4px;width:1px;height:12px;background:#dbdbdb}
.board-ui.board-detail-page.board-detail-article .board-article-body {display:flex;flex-direction:column}
.board-ui.board-detail-page.board-detail-article .board-article-content {padding-bottom:0}
.board-ui.board-detail-page.board-detail-article .board-article-body>.board-article-files {margin-right:0;margin-left:0}
.board-ui.board-detail-page.board-detail-article .board-answer {margin-top:24px}
/* // 일반 게시글 상세 변형: 제목·메타·본문형 (.board-detail-article) */






/* ==========================================================================================================================================
	4. 작성 폼 공통
========================================================================================================================================== */

/* ==================================================
	4-1. 작성 폼 공통 : 작성·수정 폼(.board-write-page)에서 사용 / 폼은 .board-form 계열을 조합
================================================== */
/* 레이어 팝업(.board-layer / .board-write-layer) 규칙은 2026-08-18 삭제했습니다.
   전 페이지가 /rwd/css/popup_common.css 의 pop-* 로 전환되어 사용처가 없었고,
   board.js 의 레이어 모듈도 함께 삭제했습니다. 이력은 가이드 pattern.asp 참고. */

/* 기본 폼 테이블 */
.board-ui .board-form {width:100%;margin:0}
.board-ui .board-form-table {width:100%;border-top:1px solid #555}
.board-ui .board-form-table th,.board-ui .board-form-table td {padding:14px;border-bottom:1px solid #e5e5e5}
/* // 기본 폼 테이블 */

/* ==================================================
	4-2. 작성 폼 공통: 작성 필드 : 자료 신청·상담 신청처럼 여러 입력 항목을 순서대로 작성할 때 사용 / 기본 필드는 .board-write-field, 주소는 .board-address-field 를 사용. 개인정보 동의 영역은 popup_common.css 의 .pop-privacy 로 이관
================================================== */
/* 작성 폼 및 상단 제목 */
.board-ui .board-write-shell {display:flex;flex-direction:column;width:100%;max-width:648px;min-height:100vh;margin:0 auto;background:#fff}
.board-ui .board-write-head {position:sticky;z-index:20;top:0;display:flex;align-items:center;justify-content:space-between;width:100%;height:65px;padding:20px 24px;border-bottom:1px solid #ededed;background:#fff}
.board-ui .board-write-head h1 {margin:0;color:#222;font-size:18px;font-weight:600;line-height:25px;letter-spacing:-.36px}
.board-ui .board-write-close {display:flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:0;background:transparent;color:#333;cursor:pointer}
.board-ui .board-write-close svg {display:block;width:22px;height:22px}
.board-ui .board-write-content {width:100%;background:#fff}
/* // 작성 화면 및 상단 제목 */

/* 작성 안내 */
.board-ui .board-write-guide {width:calc(100% - 48px);margin:24px 24px 0;padding:16px 24px;border-radius:8px;background:#f8f8f8}
.board-ui .board-write-guide>p {margin:8px 0 0;color:#777;font-size:13px;line-height:18px;letter-spacing:0}
.board-ui .board-write-guide>p span {display:block;padding-left:12px;text-indent:-12px}
.board-ui .board-guide-title {display:flex;align-items:center;gap:8px;height:24px;color:#333}
.board-ui .board-guide-title svg {width:20px;height:20px;flex:none;color:#777}
.board-ui .board-guide-title strong {font-size:16px;font-weight:600;line-height:24px;letter-spacing:-.16px}
/* // 작성 안내 */

/* 작성 필드 공통 */
.board-ui .board-write-form {display:flex;flex:1;min-height:0;flex-direction:column;width:100%;margin:0}
.board-ui .board-write-fields {display:flex;flex-direction:column;gap:24px;width:100%;margin-top:24px;padding:0 24px}
.board-ui .board-write-fields.is-flush {gap:0;padding:0 24px 20px}
.board-ui .board-write-field {display:flex;flex-direction:column;width:100%}
.board-ui .board-write-field.is-sub-field {margin-top:12px}
.board-ui .board-write-field>label {height:22px;color:#333;font-size:15px;font-weight:600;line-height:22px;letter-spacing:-.15px;margin-bottom: 8px;}
.board-ui .board-write-field>label em {color:#ed2024;font-style:normal;font-weight:400}
.board-ui .board-write-field input,.board-ui .board-write-field select,.board-ui .board-write-field textarea {display:block;width:100%;margin:0;border:1px solid #dbdee5;border-radius:6px;background:#fff;color:#333;font-size:14px;line-height:20px;letter-spacing:-.14px;outline:none;box-shadow:none}
.board-ui .board-write-field input,.board-ui .board-write-field select {height:42px;padding:0 18px}
.board-ui .board-write-field select {appearance:none;-webkit-appearance:none;padding-right:48px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='16' viewBox='0 0 20 16' fill='none'%3E%3Cpath d='M16 5L10 11L4 5' stroke='%23333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 18px center}
.board-ui .board-write-field textarea {height:124px;padding:12px 18px;resize:none;word-break:keep-all}
.board-ui .board-write-field input:focus,.board-ui .board-write-field select:focus,.board-ui .board-write-field textarea:focus {border-color:#2c5bf6}
.board-ui .board-write-field input::placeholder,.board-ui .board-write-field textarea::placeholder {color:#777;opacity:1}
/* // 작성 필드 공통 */

/* 이메일 입력: 아이디와 도메인을 한 줄로 조합할 때 사용 */
.board-ui .board-email-row {display:flex;align-items:center;gap:8px;width:100%;margin-bottom: 8px;}
.board-ui .board-email-row input {flex:1;min-width:0}
.board-ui .board-email-at {flex:none;color:#333;font-size:16px;line-height:42px}
/* // 이메일 입력 */

/* 첨부파일: 파일명 표시 입력창, 선택 버튼, 선택된 파일명을 조합할 때 사용 */
.board-ui .board-file-row {display:flex;align-items:flex-start;gap:8px;width:100%}
.board-ui .board-file-display {flex:1;min-width:0}
.board-ui .board-file-button {width:120px;height:42px;flex:none;padding:0;border:0;border-radius:4px;background:#9aa3b2;color:#fff;font-size:14px;font-weight:500;line-height:20px;cursor:pointer}
.board-ui .board-file-name {display:flex;align-items:center;gap:4px;width:100%;margin-top:8px;padding:0;border:0;background:transparent;color:#777;font-size:13px;line-height:18px;text-align:left;cursor:pointer}
.board-ui .board-file-name:empty {display:none}
.board-ui .board-file-input[hidden] {display:none!important}
/* // 첨부파일 */

/* 주소 검색 */
.board-ui .board-address-field {position:relative;gap:8px}
.board-ui .board-address-field input[readonly] {background:#f5f5f5}
.board-ui .board-address-field .board-address-value.is-filled {background:#fff}
.board-ui .board-address-search {display:grid;grid-template-columns:1fr 90px;gap:8px;width:100%}
.board-ui .board-address-search button {height:42px;padding:0;border:0;border-radius:4px;background:#9aa3b2;color:#fff;font-size:14px;font-weight:500;line-height:20px;cursor:pointer}
.board-ui .board-content-field {position:relative}
.board-ui .board-content-count {height:17px;margin:0;color:#777;font-size:12px;line-height:17px;text-align:right}
.board-ui .board-postcode {display:none;position:absolute;right:0;top:78px;z-index:40;width:100%;height:350px;border:1px solid #dbdee5;background:#fff;box-shadow:0 4px 16px rgba(0,0,0,.12)}
.board-ui .board-postcode-wrap {width:100%;height:100%;overflow:hidden}
/* // 주소 검색 */

/* 작성 완료 버튼 */
.board-ui .board-form-submit {position:relative;z-index:10;display:flex;justify-content:center;width:100%;margin:0;padding:16px 24px 32px;background:#fff}
.board-ui .board-form-submit button {display:flex;align-items:center;justify-content:center;width:206px;height:40px;padding:0;border:0;border-radius:4px;background:#333;color:#fff;font-size:15px;font-weight:500;line-height:21px;cursor:pointer}
.board-ui .board-form-submit.is-narrow button {width:162px}
.board-ui .board-form-submit.is-split {gap:12px}
.board-ui .board-form-submit .board-form-cancel {border:1px solid #777;background:#FFF;color:#222}
.board-ui .board-form-submit .board-form-confirm {background:#333}
.board-ui .board-form-submit button:disabled {background:#c9ccd1;cursor:default}
/* // 작성 완료 버튼 */
/* 작성 페이지 보조 버튼 그룹: 우측 정렬되는 임시저장·다시쓰기·전송 버튼 */
.board-ui .board-write-actions {display:flex;justify-content:flex-end;gap:10px;width:100%;margin-top:24px}
.board-ui .board-write-action {display:flex;align-items:center;justify-content:center;min-width:120px;height:40px;padding:0;border:0;border-radius:4px;background:#9aa3b2;color:#fff;font-size:14px;font-weight:500;line-height:1.4;letter-spacing:-.02em;cursor:pointer}
.board-ui .board-return-actions {display:flex;justify-content:center;gap:12px;padding:24px 0 clamp(32px,calc(32px + (50 - 32) * ((100vw - 360px) / 840)),50px)}
.board-ui .board-return-button {display:flex;align-items:center;justify-content:center;min-width:160px;height:40px;margin:0 auto;border:1px solid #777;border-radius:4px;background:#fff;color:#222;font-size:14px;font-weight:500;line-height:1.5}
/* // 작성 페이지 보조 버튼 그룹 */

/* 작성 폼 커스텀 셀렉트 */
.board-ui .board-custom-select {display:block;width:100%}
.board-ui .board-custom-select .select-btn {width:100%;height:42px;margin:0;padding:0 18px;border-radius:6px;color:#333;font-size:14px;line-height:20px;letter-spacing:-.14px}
.board-ui .board-custom-select .select-list {top:calc(100% - 1px);z-index:30;box-sizing:border-box}
.board-ui .board-custom-select .option {box-sizing:border-box;white-space:normal}
/* // 작성 폼 커스텀 셀렉트 */

/* 작성 필드 라벨과 읽기 전용 상태 */
.board-ui .board-write-label {display:block;height:22px;color:#333;font-size:15px;font-weight:600;line-height:22px;letter-spacing:-.15px;margin-bottom: 8px;}
.board-ui .board-write-label em {color:#ed2024;font-style:normal;font-weight:400}
.board-ui .board-write-field input[readonly] {background:#f5f5f5;color:#7e7e7e}
.board-ui .board-write-field input.is-active {border-color:#2c5bf6;color:#333}
/* // 작성 필드 라벨과 읽기 전용 상태 */

/* 라디오 버튼 */
.board-ui .board-radio-group {display:flex;align-items:center;gap:32px;padding:4px 0}
.board-ui .board-radio {display:flex;align-items:center;gap:6px;cursor:pointer;user-select:none}
.board-ui .board-radio input {position:absolute;opacity:0;pointer-events:none}
.board-ui .board-radio-ui {position:relative;display:inline-block;width:20px;height:20px;flex:none;border-radius:50%;background:#cfd5dc}
.board-ui .board-radio-ui:after {content:"";position:absolute;left:50%;top:50%;width:10px;height:10px;transform:translate(-50%,-50%);border-radius:50%;background:#fff}
.board-ui .board-radio input:checked+.board-radio-ui {background:#2c5bf6}
.board-ui .board-radio input:focus-visible+.board-radio-ui {box-shadow:0 0 0 3px rgba(44,91,246,.18)}
.board-ui .board-radio-text {color:#111;font-size:14px;font-weight:500;line-height:1.5}
/* // 라디오 버튼 */

/* 입력 필드 검색과 결과 목록 */
.board-ui .board-field-action {display:flex;gap:8px;width:100%}
/* .is-fixed-col : 우측 열 고정. 버튼이 숨겨지고 상태 텍스트만 남아도 입력 폭이 유지됩니다 */
.board-ui .board-field-action.is-fixed-col {display:grid;grid-template-columns:1fr 120px;gap:8px;align-items:center;width:100%}
.board-ui .board-field-action.is-fixed-col .board-field-status {margin-left:8px}
.board-ui .board-field-action input {min-width:0;flex:1}
.board-ui .board-field-button {width:120px;height:42px;flex:none;padding:0;border:0;border-radius:6px;background:#9aa3b2;color:#fff;font-size:15px;font-weight:normal;line-height:1.4;letter-spacing:-.3px;cursor:pointer}
.board-ui .board-field-button.is-active {background:#2c5bf6}
.board-ui .board-field-button-mobile {display:none}
.board-ui .board-field-status {flex:none;color:#7e7e7e;font-size:14px;font-weight:600;line-height:1.4;letter-spacing:-.28px;white-space:nowrap;cursor:default}
.board-ui .board-field-status.is-done {color:#333}
.board-ui .board-field-status.is-link {text-decoration:underline;color:#2c5bf6;cursor:pointer}
.board-ui .board-field-message {margin:0;color:#2c5bf6;font-size:13px;font-weight:400;line-height:1.5;letter-spacing:-.13px;margin-top: 8px;}
.board-ui .board-field-message.is-guide {color:#7e7e7e;}

/* 보이는 문단이 없는 문구 컨테이너는 여백 제거 */
.board-ui .board-field-message:has(p):not(:has(p:not([style*="none"]))) {margin-top:0}

.board-ui .board-field.is-error .board-field-message {color:#ed2024}
.board-ui .board-field.is-result input {border-color:#2c5bf6;color:#333}
.board-ui .board-field.is-result .board-field-message {display:none}
.board-ui .board-field.is-result .board-field-action {margin-bottom:-7px}
.board-ui .board-field-result {display:flex;align-items:stretch;width:100%;overflow:hidden;border:1px solid #2c5bf6;border-radius:4px;background:#fff}
.board-ui .board-field-result ul {min-width:0;max-height:216px;overflow-y:auto;flex:1;margin:0;padding:0;list-style:none}
.board-ui .board-field-result li {margin:0;padding:0}
.board-ui .board-field-result button {display:block;width:100%;height:36px;padding:6px 12px;border:0;background:#fff;color:#222;font-size:14px;font-weight:400;line-height:1.4;letter-spacing:-.28px;text-align:left;cursor:pointer}
.board-ui .board-field-result li:first-child button,.board-ui .board-field-result button:hover {background:#f1f3f8}
.board-ui .board-field-result button span {color:#777;font-weight:400}
.board-ui .board-field-result ul::-webkit-scrollbar {width:12px;background:#fcfcfc}
.board-ui .board-field-result ul::-webkit-scrollbar-thumb {border:3px solid #fcfcfc;border-radius:100px;background:#7a7a7a}
/* // 입력 필드 검색과 결과 목록 */

/* =======================================================================================================================================
	5. 반응형 작업(미디어 쿼리)
========================================================================================================================================== */
@media (max-width:1199px) {
	/* ==================================================
		5-1. 태블릿 이하 공통
	================================================== */
	/* 태블릿 이하 공통 여백 */
	.board-ui.board-list-page .board-wrap,.board-ui.board-detail-page .board-detail-wrap {max-width:none;padding:0 24px 50px}
	/* // 태블릿 이하 공통 여백 */

	/* 태블릿 이하 리스트 및 상세 정보 */
	.board-ui.board-list-page .board-list .board-number-cell {width:var(--board-column-number-tablet)}
	.board-ui.board-detail-page .board-info-grid {column-gap:24px}
	.board-ui.board-detail-page .board-info-row {gap:24px}
	/* // 태블릿 이하 리스트 및 상세 정보 */
}



@media (min-width:768px) and (max-width:1199px) {
	/* ==================================================
		5-2. 태블릿: 리스트 페이지
	================================================== */
	/* 태블릿 리스트 */
	.board-ui.board-list-page .board-list>.board-item {position:relative;display:flex;flex-wrap:wrap;align-items:center;min-height:60px;padding:0;row-gap:0}
	.board-ui.board-list-page .board-list>.board-item:after {display:none}
	.board-ui.board-list-page .board-list>.board-item>.board-number-cell {display:none}
	.board-ui.board-list-page .board-list>.board-item>.board-title-cell {order:0;display:flex;justify-content:flex-start;flex:1 1 auto;width:auto;min-width:0;height:74px;padding:0 24px;overflow:hidden;text-align:left}
	.board-ui.board-list-page .board-list>.board-item>.board-writer-cell {order:0;display:flex;align-items:center;justify-content:center;width:var(--board-column-writer-tablet);height:74px;flex:none;text-align:center}
	.board-ui.board-list-page .board-list>.board-item>.board-date-cell {order:0;display:flex;align-items:center;justify-content:center;width:var(--board-column-date-tablet);height:74px;padding:0;flex:none;text-align:center}
	.board-ui.board-list-page .board-list>.board-item>.board-state-cell {position:static;order:0;display:flex;align-items:center;justify-content:center;width:var(--board-column-state-tablet);height:74px;padding:0;flex:none;text-align:center}
	.board-ui.board-list-page .board-list>.board-item>.board-title-cell a {margin:0;font-size:16px;line-height:1.4}
	/* // 태블릿 리스트 */
}


@media (max-width:767px) {
	/* ==================================================
		5-3. 모바일: 리스트 페이지 공통
	================================================== */
	.board-ui.board-list-page .board-wrap {padding:24px 16px 86px}

	/* 전역 플로팅 버튼 모바일 보정
	 * 기본 선언은 1. 모든 게시판 공통의 전역 플로팅 버튼 보정에서 관리합니다.
	 */
	.board-floating-action,body>.board-floating-action {position:fixed;z-index:10;left:0;right:0;bottom:0;display:block;margin:0 auto;background:#fff}
	.board-floating-action .board-write-button,body>.board-floating-action .board-write-button {display:flex;align-items:center;justify-content:center;gap:8px;width:calc(100vw - 32px);max-width:371px;height:38px;margin:16px auto 22px;padding:0;border:0;border-radius:8px;background:#2c5bf6;color:#fff;font-size:16px;font-weight:600;line-height:1.4;text-align:center}
	.board-floating-action .board-dark-button,body>.board-floating-action .board-dark-button {display:flex;align-items:center;justify-content:center;width:calc(100vw - 32px);max-width:371px;height:38px;margin:16px auto 22px;padding:0;border:1px solid #222;border-radius:8px;background:#222;color:#fff;font-size:16px;font-weight:600;line-height:1.4;text-align:center}
	/* // 전역 플로팅 버튼 모바일 보정 */

	/* 모바일 빈 목록 */
	.board-ui.board-list-page .board-empty {height:auto;min-height:370px;font-size:14px}
	.board-ui.board-list-page .board-empty p {font-size:14px}
	/* // 모바일 빈 목록 */

	/* 모바일 더보기 버튼 */
	.board-ui.board-list-page .board-footer {margin-top:16px}
	.board-ui.board-list-page .board-more {width:158px;height:38px}
	/* // 모바일 더보기 버튼 */

	/* 요약 카드 */
	.board-ui .board-summary-card {width:calc(100% - 32px);min-height:123px;margin:16px 16px 0}
	.board-ui .board-summary-card-title {font-size:14px;letter-spacing:-.14px}
	/* // 요약 카드 */

	/* 안내 패널 */
	.board-ui .board-info-panel{gap:16px;padding:16px 24px;margin-bottom: 16px;}
	.board-ui .board-info-intro{font-size:14px;letter-spacing:-0.35px}
	.board-ui .board-info-icon{width:20px;height:20px;background-size:20px 20px}
	.board-ui .board-info-guide{flex-direction:column;align-items:flex-start;gap:4px;padding:0 0 0 0}
	.board-ui .board-info-title{font-size:14px;letter-spacing:-0.35px}
	.board-ui .board-info-content{gap:4px;width:100%;font-size:14px;letter-spacing:-0.35px}
	.board-ui .board-info-panel .board-info-content ul{display:flex;flex-direction:column;align-items:flex-start;gap:0;padding-left:24px}
	.board-ui .board-info-panel.is-extra .board-info-content ul,
	.board-ui .board-info-panel.is-detail .board-info-content ul{display:flex;flex-direction:column;align-items:flex-start;gap:0;padding-left:24px}
	.board-ui .board-info-panel .board-info-content li{width:auto;max-width:100%}
	/* // 안내 패널 */

	/* 게시판 카테고리 탭 */
	.board-ui.board-type-waiting.board-list-page .board-category-tabs {margin-bottom: 16px;gap: 0;height: 41px}
	.board-ui.board-type-waiting.board-list-page .board-category-tab{height:auto;padding:10px 20px;font-size:14px;line-height:1.5;letter-spacing:-0.28px;}
	/* // 게시판 카테고리 탭 */

	/* ==================================================
		5-4. 모바일: 리스트 상단 도구
	================================================== */
	.board-ui.board-list-page .board-toolbar {height:32px;margin-bottom:12px}
	.board-ui.board-list-page .board-toolbar-start,.board-ui.board-list-page .board-toolbar-end {gap:8px}
	.board-ui.board-list-page .board-toolbar>.board-write-button,.board-ui.board-list-page .board-toolbar-end .board-write-button {display:none}
	.board-ui.board-list-page .board-toolbar .board-dark-button {display:none}

	/* 모바일 탭, 필터, 검색 */
	.board-ui.board-list-page .board-tabs {gap:8px;width:auto;height:32px}
	.board-ui.board-list-page .board-tab {flex:none;width:91px;height:32px;font-size:14px}
	.board-ui.board-list-page .board-filter .select-btn,.board-ui.board-list-page .board-search {height:38px;border-radius:4px}
	.board-ui.board-list-page .board-search-input {padding-left:12px;font-size:13px;letter-spacing:-.26px}
	/* // 모바일 탭, 필터, 검색 */


	/* ==================================================
		5-5. 모바일: 공통 레이아웃 및 리스트 항목
	================================================== */
	/* 사이트 전역 레이아웃 보정: 모바일 푸터 하단 여백 */
	#footer {padding-bottom:80px}
	/* // 사이트 전역 레이아웃 보정: 모바일 푸터 하단 여백 */

	/* 모바일 리스트 항목 */
	.board-ui.board-list-page .board-list>.board-item {display:flex;flex-wrap:wrap;align-content:center;min-height:60px;padding:10px 0;row-gap:6px;font-size:14px}
	.board-ui.board-list-page .board-list>.board-item>.board-cell {height:auto}
	.board-ui.board-list-page .board-list>.board-item>.board-number-cell {display:none}
	.board-ui.board-list-page .board-list>.board-item>.board-title-cell {order:1;width:100%;flex:none;padding:0 64px 0 0}
	.board-ui.board-list-page .board-list .board-title-cell a {font-size:14px}
	.board-ui.board-list-page .board-list .board-writer-cell {order:2;width:auto;font-size:12px;text-align:left}
	.board-ui.board-list-page .board-list .board-writer-cell:after {content:'';width:1px;height:10px;margin:0 8px;background:#d9d9d9}
	.board-ui.board-list-page .board-list .board-date-cell {order:3;justify-content:flex-start;width:auto;font-size:12px;text-align:left}
	.board-ui.board-list-page .board-list .board-state-cell {position:absolute;right:0;top:13px;width:auto}
	.board-ui.board-list-page .board-list .board-state-cell .board-badge {position:static}
	.board-ui.board-list-page .board-notice-badge {width:auto;height:18px;padding:3px 6px;font-size:11px;line-height:1;letter-spacing:-.275px;display: block;}
	.board-ui .board-badge {min-width:62px;height:23px;padding:2px 8px;font-size:12px}
	/* // 모바일 리스트 항목 */

	/* ==================================================
		5-6. 모바일: 상세 페이지
	================================================== */
	/* 사이트 전역 레이아웃 보정: 모바일 공통 플로팅 버튼 위치 */
	body .scroll-fab-wrap.is-bottom-nav-visible:not(.has-bottom-banner) {bottom:125px}
	/* // 사이트 전역 레이아웃 보정: 모바일 공통 플로팅 버튼 위치 */

	/* 모바일 상세 페이지 */
	.board-ui.board-detail-page .board-detail-wrap {padding:16px 16px 32px}
	.board-ui.board-detail-page .board-detail-head {height:71px;padding:12px 0}
	.board-ui.board-detail-page .board-detail-head>strong {align-self:flex-start;font-size:16px;line-height:24px}
	.board-ui.board-detail-page .board-detail-head>.board-badge {right:0;top:12px}
	.board-ui.board-detail-page .board-detail-meta {left:0;right:auto;bottom:12px;gap:8px;font-size:12px;line-height:17px}
	.board-ui.board-detail-page .board-detail-meta span+span {padding-left:8px}
	.board-ui.board-detail-page .board-detail-meta span+span:before {top:3px;height:10px}
	.board-ui.board-detail-page .board-detail-body {gap:16px;padding:16px 0}
	.board-ui.board-detail-page .board-info-section {gap:5px}
	.board-ui.board-detail-page .board-info-grid {grid-template-columns:minmax(0,1fr);row-gap:12px}
	.board-ui.board-detail-page .board-section-title {height:20px;font-size:14px;line-height:20px}
	.board-ui.board-detail-page .board-info-card {gap:8px;min-height:0;padding:16px}
	.board-ui.board-detail-page .board-info-row {gap:12px;min-height:20px;font-size:14px;line-height:20px}
	.board-ui.board-detail-page .board-info-row dt,.board-ui.board-detail-page .board-info-section-compact-label .board-info-row dt {width:84px}
	.board-ui.board-detail-page .board-content-card {min-height:72px;padding:16px;font-size:14px;line-height:20px}
	.board-ui.board-detail-page .board-answer {gap:8px;padding:12px 14px}
	.board-ui.board-detail-page .board-answer-head {padding-bottom:6px}
	.board-ui.board-detail-page .board-answer-head strong {font-size:14px;line-height:20px}
	.board-ui.board-detail-page .board-answer-head span {font-size:12px;line-height:17px}
	.board-ui.board-detail-page .board-answer-content {font-size:14px;line-height:20px}
	.board-ui.board-detail-page .board-detail-actions {margin-top:10px}
	.board-ui.board-detail-page .board-action-button {width:84px;height:32px;font-size:13px;line-height:18px}
	.board-ui.board-detail-page .board-detail-footer {margin-top:16px}
	.board-ui.board-detail-page .board-list-button {height:38px;font-size:14px}
	.board-ui.board-detail-page .board-notice-badge {width:auto;height:18px;padding:3px 6px;font-size:11px;line-height:1;letter-spacing:-.275px}
	/* // 모바일 상세 페이지 */

	/* ==================================================
		5-7. 모바일: 작성 폼 보정
	================================================== */
	/* 모바일 작성 폼 보정 */
	.board-ui .board-note {padding:0 16px}
	.board-ui .board-field-action.is-fixed-col {grid-template-columns:1fr auto}
	.board-ui .board-field-action.is-fixed-col .board-field-button {width:92px}
	.board-ui .board-field-action.is-fixed-col .board-field-button.is-compact {width:85px}
	/* // 모바일 작성 폼 보정 */


	/* ==================================================
		5-8. 모바일: 일반 게시글 상세
	================================================== */
	/* 모바일 일반 게시글 상세 */
	/* .board-ui.board-detail-page .board-article-head {gap:4px;margin-top:24px} */
	.board-ui.board-detail-page .board-article-title {flex-direction:column;gap:2px}
	.board-ui.board-detail-page .board-article-title .board-notice-badge {padding-top:2px;padding-bottom:2px;font-size:12px}
	.board-ui.board-detail-page .board-article-title b {font-size:14px;line-height:1.4}
	.board-ui.board-detail-page .board-article-meta {font-size:12px}
	.board-ui.board-detail-page .board-article-category {display:flex;align-items:center}
	.board-ui.board-detail-page .board-article-category:after {content:'';width:1px;height:10px;margin:0 8px;background:#d9d9d9}
	.board-ui.board-detail-page .board-article-content {line-height:1.4}
	.board-ui.board-detail-page .board-article-content img {max-width:100%!important;margin-top:.9em}
	.board-ui.board-detail-page .board-article-content.ck.ck-content figure.image img {max-width:100%!important}
	.board-ui.board-detail-page .board-article-files {flex-direction:column;gap:4px;padding-left:0;font-size:13px;padding:12px 0 0}
	.board-ui.board-detail-page .board-article-files > strong {flex-basis:auto}
	.board-ui.board-detail-page.board-detail-article .board-article-title {align-items:flex-start;gap:4px}
	.board-ui.board-detail-page.board-detail-article .board-article-category {font-size:12px}
	.board-ui.board-detail-page.board-detail-article .board-article-title-text {font-size:14px}
	.board-ui.board-detail-page.board-detail-article .board-article-body {gap:12px}
	.board-ui.board-detail-page.board-detail-article .board-article-files {margin:0 16px}
	.board-ui.board-detail-page.board-detail-article .board-answer {margin-top:0}
	/* // 모바일 일반 게시글 상세 */
}


/* =======================================================================================================================================
	6. 게시판 유형별 예외
========================================================================================================================================== */

/* ==================================================
	6-1. 입학 자료 신청 게시판 (.board-type-application)
================================================== */
/* 목록 열과 제목 상태 */
.board-ui.board-type-application {
	--board-column-number:104px;
	--board-column-writer:79px;
	--board-column-date:120px;
	--board-column-state:116px;

	--board-column-number-tablet:88px;
	--board-column-writer-tablet:79px;
	--board-column-date-tablet:120px;
	--board-column-state-tablet:100px;
}
/* // 목록 열과 제목 상태 */

.board-ui.board-type-application .board-write-fields {margin-top:40px}

/* ==================================================
	6-2. 온라인 상담 게시판 (.board-type-counsel)
================================================== */
/* 목록 열과 제목 상태 */
.board-ui.board-type-counsel {
	--board-column-number:88px;
	--board-column-category:220px;
}

/* 답변 상태 배지 */
.board-ui.board-type-counsel .board-badge.is-waiting {background:#f0f0f0;color:#777}
.board-ui.board-type-counsel .board-badge.is-complete {background:#e4efff;color:#2c5bf6}
/* // 답변 상태 배지 */

/* 태블릿 2행 목록에서 분류를 제목 위 보조 정보로 한 번 더 표시 */
.board-ui.board-type-counsel.board-list-page .board-list>.board-item>.board-tablet-category-cell {display:none}
.board-ui.board-type-counsel .board-list>.board-item>.board-cell.board-category-cell {justify-content:flex-start}
.board-ui.board-type-counsel .board-list>.board-item>.board-cell.board-number-cell {margin-right:24px}
/* // 목록 열과 제목 상태 */

/* 상담 내용 템플릿 */
.board-ui.board-type-counsel .board-content-editor {padding:10px;border:1px solid #ddd;border-radius:4px}
.board-ui.board-type-counsel .qna-hint {margin-bottom:8px;color:#999;font-size:13px;white-space:pre-wrap}
.board-ui.board-type-counsel .board-content-textarea {width:100%;padding:0;border:0;outline:0;resize:none;color: #777;}
.board-ui.board-type-counsel .qna-separator {padding:2px 0;color:#999;font-size:13px;user-select:none}
/* // 상담 내용 템플릿 */

@media (min-width:768px) and (max-width:1199px) {
	.board-ui.board-type-counsel.board-list-page .board-list>.board-item {display:flex;flex-wrap:wrap;min-height:70px;padding:14px 0;row-gap:2px}
	.board-ui.board-type-counsel.board-list-page .board-list>.board-item:after {content:'';order:1;display:block;flex:0 0 100%;height:0}
	.board-ui.board-type-counsel.board-list-page .board-list>.board-item>.board-number-cell,.board-ui.board-type-counsel.board-list-page .board-list>.board-item>.board-writer-cell {display:none}
	.board-ui.board-type-counsel.board-list-page .board-list>.board-item>.board-category-cell {order:1;display:flex;width:auto;max-width:50%;height:auto;padding:0 0 0 24px;flex:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
	.board-ui.board-type-counsel.board-list-page .board-list>.board-item>.board-tablet-category-cell {order:1;display:flex;align-items:center;width:auto;max-width:50%;min-width:0;height:auto;padding:0 24px 0 10px;flex:none;overflow:hidden;color:#777;font-size:14px;line-height:1.4;letter-spacing:-.14px;text-overflow:ellipsis;white-space:nowrap}
	.board-ui.board-type-counsel.board-list-page .board-list>.board-item>.board-tablet-category-cell:before {content:'';width:1px;height:12px;margin-right:10px;flex:none;background:#dbdbdb}
	.board-ui.board-type-counsel.board-list-page .board-list>.board-item>.board-title-cell {order:2;width:auto;height:auto;padding:0 24px;flex:1 1 calc(100% - 245px)}
	.board-ui.board-type-counsel.board-list-page .board-list>.board-item>.board-date-cell {order:3;width:134px;height:auto;padding:0 12px;flex:none}
	.board-ui.board-type-counsel.board-list-page .board-list>.board-item>.board-state-cell {order:4;height:auto;padding:0 24px 0 0;flex:none}
}

@media (max-width:767px) {
	.board-ui.board-type-counsel.board-list-page .board-list>.board-item {min-height:74px}
	.board-ui.board-type-counsel.board-list-page .board-list>.board-item>.board-category-cell {order:1;display:flex;justify-content:flex-start;width:100%;height:auto;padding:0 64px 0 0;flex:none;font-size:12px}
	.board-ui.board-type-counsel.board-list-page .board-list>.board-item>.board-category-cell:after {content:none}
	.board-ui.board-type-counsel.board-list-page .board-list>.board-item>.board-title-cell {order:2;width:100%;padding:0 64px 0 0;flex:none}
	.board-ui.board-type-counsel.board-list-page .board-list>.board-item>.board-writer-cell {order:3;display:flex;width:auto;height:auto;font-size:12px}
	.board-ui.board-type-counsel.board-list-page .board-list>.board-item>.board-date-cell {order:3;width:auto;height:auto;padding:0;font-size:12px}
	.board-ui.board-type-counsel.board-list-page .board-list>.board-item>.board-state-cell {top:13px;right:0;width:auto;height:auto;padding:0}
	.board-ui.board-type-counsel.board-detail-page .board-article-files > strong {flex-basis:auto}
}

/* ==================================================
	6-3. 대기신청 서비스 (.board-type-waiting)
================================================== */
.board-ui.board-type-waiting {
	--board-column-teacher:150px;
	--board-column-schedule:300px;
	--board-column-state:120px;

	--board-column-teacher-tablet:70px;
	--board-column-schedule-tablet:270px;
	--board-column-state-tablet:100px;
}

/* List */
.board-ui.board-type-waiting.board-list-page .board-list{display:flex;flex-direction:column;width:100%;border-top:1px solid #555}
.board-ui.board-type-waiting.board-list-page .board-list>.board-item{display:flex;align-items:center;width:100%;min-height:92px;border-bottom:1px solid #e5e5e5;background:#fff}
.board-ui.board-type-waiting.board-list-page .board-list>.board-item>.board-teacher-cell{width:var(--board-column-teacher);flex:none}
.board-ui.board-type-waiting.board-list-page .board-list>.board-item>.board-title-cell{min-width:0;flex:1}
.board-ui.board-type-waiting.board-list-page .board-list>.board-item>.board-schedule-cell{width:var(--board-column-schedule);flex:none}
.board-ui.board-type-waiting.board-list-page .board-list>.board-item>.board-state-cell{width:var(--board-column-state);flex:none}

.board-ui.board-type-waiting.board-list-page .board-list>.board-item:hover,
.board-ui.board-type-waiting.board-list-page .board-list>.board-item.is-hover,
.board-ui.board-type-waiting.board-list-page .board-list>.board-item:active,
.board-ui.board-type-waiting.board-list-page .board-list>.board-item:focus-visible{background:#f6f7fb}

.board-ui.board-type-waiting.board-list-page .board-list>.board-item:hover .board-title-cell,
.board-ui.board-type-waiting.board-list-page .board-list>.board-item.is-hover .board-title-cell,
.board-ui.board-type-waiting.board-list-page .board-list>.board-item:active .board-title-cell,
.board-ui.board-type-waiting.board-list-page .board-list>.board-item:focus-visible .board-title-cell{color:#2c5bf6}


/* 빈 목록: 노출 상태만 제어하고 디자인은 리스트 페이지 공통 규칙 사용 */
.board-ui.board-type-waiting.board-list-page .board-empty {display:none}
.board-ui.board-type-waiting.board-list-page.is-empty .board-list, .board-ui.board-type-waiting.board-list-page.is-empty .board-footer{display:none}
.board-ui.board-type-waiting.board-list-page.is-empty .board-empty, .board-ui.board-type-waiting.board-list-page.is-preview .board-empty{display:flex}
.board-ui.board-type-waiting.board-list-page.is-empty .board-empty {border-top:1px solid}

/* Apply summary card */
.board-ui.board-type-waiting .board-summary-card-info div:first-child dt{flex:0 0 50px}
.board-ui.board-type-waiting .board-summary-card-info div:first-child dd{padding-left:9px}

.board-ui.board-type-waiting .board-custom-select .select-btn {color: #858585;}

/* 대기신청 고유 목록 배치 */
.board-ui.board-type-waiting .board-title-cell{color:#333;font-size:16px;font-weight:400;line-height:1.4;letter-spacing:-0.16px;word-break:keep-all}
.board-ui.board-type-waiting.board-list-page .board-list>.board-item>.board-schedule-cell{display:flex;align-items:stretch;justify-content:center}

/* Tablet */
@media (min-width:768px) and (max-width:1199px){
	.board-ui.board-type-waiting.board-list-page .board-list>.board-item>.board-teacher-cell{width:var(--board-column-teacher-tablet)}
	.board-ui.board-type-waiting.board-list-page .board-list>.board-item>.board-schedule-cell{width:var(--board-column-schedule-tablet)}
	.board-ui.board-type-waiting.board-list-page .board-list>.board-item>.board-state-cell{width:var(--board-column-state-tablet)}
}

/* Mobile */
@media (max-width:767px){
	.board-ui.board-type-waiting.board-list-page .board-wrap {padding: 16px 16px 86px;}
	.board-ui.board-type-waiting.board-list-page .board-toolbar{height:38px;gap: 8px;}
	.board-ui.board-type-waiting.board-list-page .board-toolbar-start{min-width:0;flex:3 1 0}
	.board-ui.board-type-waiting.board-list-page .board-toolbar-end{min-width:0;flex:7 1 0}
	.board-ui.board-type-waiting.board-list-page .board-filter,.board-ui.board-type-waiting.board-list-page .board-search{width:100%;min-width:0}
	.board-ui.board-type-waiting.board-list-page .board-list>.board-item{display:flex;position:relative;flex-direction:column;align-items:flex-start;justify-content:center;gap:6px;min-height:0;padding:12px 0;border-bottom-color:#e5e5e5}

	.board-ui.board-type-waiting.board-list-page .board-list>.board-item:hover,
	.board-ui.board-type-waiting.board-list-page .board-list>.board-item.is-hover{background:#fff}
	.board-ui.board-type-waiting.board-list-page .board-list>.board-item:hover .board-title-cell{color:#333}
	.board-ui.board-type-waiting.board-list-page .board-list>.board-item:active,
	.board-ui.board-type-waiting.board-list-page .board-list>.board-item:focus-visible{background:#f6f7fb}
	.board-ui.board-type-waiting.board-list-page .board-list>.board-item:active .board-title-cell,
	.board-ui.board-type-waiting.board-list-page .board-list>.board-item:focus-visible .board-title-cell{color:#2c5bf6}
	
	.board-ui.board-type-waiting .board-teacher-badge{height:21px;font-size:12px;letter-spacing:-0.3px}
	.board-ui.board-type-waiting .board-state-cell{position:absolute;right:0;top:12px}
	.board-ui.board-type-waiting .board-state-cell .board-badge{min-height:23px;padding:3px 10px;font-size:12px;letter-spacing:-0.12px}
	.board-ui.board-type-waiting .board-title-cell{width:100%;padding:0;font-size:14px;line-height:1.4;letter-spacing:-0.14px}
	.board-ui.board-type-waiting .board-schedule-cell{gap:2px;width:100%;font-size:12px;letter-spacing:-0.12px}
	.board-ui.board-type-waiting .board-schedule-cell div{gap:12px}
	.board-ui.board-type-waiting .board-schedule-cell dt{flex:0 0 50px}

	.board-ui.board-type-waiting.board-list-page .board-category-tab{height:auto;padding:10px 20px}
	.board-ui.board-type-waiting.board-list-page .board-list>.board-item{display:flex;position:relative;flex-direction:column;align-items:flex-start;justify-content:center;gap:6px;min-height:0;padding:12px 0}
	.board-ui.board-type-waiting.board-list-page .board-list>.board-item>.board-cell{width:100%;height:auto}
	.board-ui.board-type-waiting.board-list-page .board-list>.board-item>.board-teacher-cell{justify-self:auto;width:auto}
	.board-ui.board-type-waiting.board-list-page .board-list>.board-item>.board-title-cell{order:0;width:100%;padding:0}
	.board-ui.board-type-waiting.board-list-page .board-list>.board-item>.board-schedule-cell{order:0;display:flex;align-items:stretch;justify-content:flex-start;width:100%}
	.board-ui.board-type-waiting.board-list-page .board-list>.board-item>.board-state-cell{position:absolute;right:0;top:12px;width:auto;padding:3px 10px}
}

/* 터치 기기에서 hover 상태가 고정되어 터치(탭) 효과가 제대로 보이지 않는 현상을 막기 위한 코드 */
@media (hover:none){
	.board-ui.board-type-waiting.board-list-page .board-list>.board-item:hover{background:#fff}
	.board-ui.board-type-waiting.board-list-page .board-list>.board-item:hover .board-title-cell{color:#333}
	.board-ui.board-type-waiting.board-list-page .board-list>.board-item:active,
	.board-ui.board-type-waiting.board-list-page .board-list>.board-item:focus-visible{background:#f6f7fb}
	.board-ui.board-type-waiting.board-list-page .board-list>.board-item:active .board-title-cell,
	.board-ui.board-type-waiting.board-list-page .board-list>.board-item:focus-visible .board-title-cell{color:#2c5bf6}
}

/* ==================================================
	6-4. 입시설명회·공개특강 (.board-type-fair)
================================================== */

/* 요약 카드 수치 보정 */
.board-ui.board-type-fair .board-summary-card {gap:14px;min-height:0;padding:20px}
.board-ui.board-type-fair .board-summary-card-title {font-size:18px;font-weight:600;letter-spacing:-.36px}
.board-ui.board-type-fair .board-summary-card-info {gap:10px;font-size:15px}
.board-ui.board-type-fair .board-summary-card-info dt {flex:0 0 60px;color:#333;font-weight:600}
.board-ui.board-type-fair .board-summary-card-info dd {color:#333;font-weight:500;}

/* 예약하기 레이어 : dev JS 가 class 로 토글하는 상태 + fair 전용 byte 카운터 */
.board-ui.board-type-fair .board-form-submit button.is-disabled {background:#9aa3b2;cursor:default}
.board-ui.board-type-fair .reserve-field__count {margin-top:6px;color:#7e7e7e;font-size:13px;text-align:right}

/* fair check layer typography */
.board-ui.board-type-fair.check-layer .board-write-head h1 {font-size:18px;text-align:left}
.board-ui.board-type-fair.check-layer .board-callout-txt {font-size:15px;text-align:left}
.board-ui.board-type-fair.check-layer .board-write-field > label {font-size:15px;text-align:left}
.board-ui.board-type-fair.check-layer .board-write-field input {font-size:14px;text-align:left}
.board-ui.board-type-fair.check-layer .board-field-button {font-size:14px;text-align:center}
.board-ui.board-type-fair.check-layer .board-field-status {font-size:14px;text-align:left}
.board-ui.board-type-fair.check-layer .board-field-message {font-size:13px;text-align:left}
.board-ui.board-type-fair.check-layer .board-section-title {font-size:15px;text-align:left}
.board-ui.board-type-fair.check-layer .board-section-desc {font-size:14px;text-align:left}
.board-ui.board-type-fair.check-layer .board-result-card-title {font-size:15px;text-align:left}
.board-ui.board-type-fair.check-layer .board-result-info {font-size:15px;text-align:left}
.board-ui.board-type-fair.check-layer .board-result-info dt {font-size:14px;text-align:left}
.board-ui.board-type-fair.check-layer .board-result-info dd {font-size:15px;text-align:left}
.board-ui.board-type-fair.check-layer .board-result-table dt,
.board-ui.board-type-fair.check-layer .board-result-table dd {font-size:14px;text-align:left}
.board-ui.board-type-fair.check-layer .board-result-cancel {display:block;margin:0 auto;font-size:15px;text-align:center}
.board-ui.board-type-fair.check-layer .board-form-submit button {font-size:15px;text-align:center}
.board-ui.board-type-fair.check-layer .board-empty-box p {font-size:15px;text-align:center}

@media screen and (min-width:768px) {
    .board-ui.board-type-fair.check-layer[data-check-state="result"] .board-write-content {padding-bottom:28px}
}

@media screen and (max-width:767px) {
    .board-ui.board-type-fair.check-layer .board-write-head h1 {font-size:16px;text-align:left}
    .board-ui.board-type-fair.check-layer .board-callout-txt {font-size:14px;text-align:left}
    .board-ui.board-type-fair.check-layer .board-write-field > label {font-size:14px;text-align:left}
    .board-ui.board-type-fair.check-layer .board-write-field input {font-size:14px;text-align:left}
    .board-ui.board-type-fair.check-layer .board-field-button {font-size:14px;text-align:center}
    .board-ui.board-type-fair.check-layer .board-field-status {font-size:14px;text-align:left}
    .board-ui.board-type-fair.check-layer .board-section-title {font-size:14px;text-align:left}
    .board-ui.board-type-fair.check-layer .board-section-desc {font-size:14px;text-align:left}
    .board-ui.board-type-fair.check-layer .board-result-card-title {font-size:16px;text-align:left}
    .board-ui.board-type-fair.check-layer .board-result-cancel {font-size:14px;text-align:center}
    .board-ui.board-type-fair.check-layer .board-form-submit button {font-size:14px;text-align:center}
    .board-ui.board-type-fair.check-layer .board-empty-box p {font-size:14px;text-align:center}
    /* fair summary card : MO */
    .board-ui.board-type-fair .board-summary-card {gap:16px;min-height:146px;padding:16px;border-radius:8px}
    .board-ui.board-type-fair .board-summary-card-title {font-size:16px;font-weight:600;letter-spacing:-.32px}
    .board-ui.board-type-fair .board-summary-card-info {gap:8px;color:#333;font-size:14px;font-weight:400;letter-spacing:-.28px}
    .board-ui.board-type-fair .board-summary-card-info div {align-items:flex-start;gap:0}
    .board-ui.board-type-fair .board-summary-card-info dt {flex:0 0 60px;color:#333;font-weight:600}
    .board-ui.board-type-fair .board-summary-card-info dd {color:#333;font-weight:400}

}


/* =======================================================================================================================================
	6-5. 선생님 학습 커뮤니티 공통 (.board-type-teacher-*)
========================================================================================================================================== */
.board-ui[class*="board-type-teacher-"] .board-category-tabs>li {display:flex;min-width:0;flex:1}
.board-ui[class*="board-type-teacher-"] .board-toolbar {display:flex;align-items:center;gap:10px;width:100%;margin-bottom:12px}

/* teacher normalized cells */
.board-ui[class*="board-type-teacher-"] .board-attachment-icon {display:inline-flex;width:17px;height:17px;flex:none}
.board-ui.board-type-teacher-data .board-list>.board-item {display:flex;flex-wrap:wrap}
.board-ui.board-type-teacher-data .board-meta-row,.board-ui.board-type-teacher-data .board-main-row {display:contents}
.board-ui.board-type-teacher-data .board-meta-cell {display:flex;align-items:center;justify-content:center;height:60px}
.board-ui.board-type-teacher-data .board-period-cell {width:127px;flex:none;flex-direction:column}
.board-ui.board-type-teacher-qna .board-content-cell {width:313px;flex:none;justify-content:flex-start;overflow:hidden;color:#777}
.board-ui[class*="board-type-teacher-"] .board-footer[style*="display: block"],.board-ui[class*="board-type-teacher-"] .board-footer[style*="display:block"] {display:flex!important}
.board-ui[class*="board-type-teacher-"] .board-list {display:flex;flex-direction:column;width:100%;border-top:1px solid #555}
.board-ui[class*="board-type-teacher-"] .board-list>.board-item {display:flex;align-items:center;width:100%;min-height:60px;border-bottom:1px solid #e5e5e5;background:#fff}
.board-ui[class*="board-type-teacher-"] .board-list>.board-item>.board-number-cell {width:88px;flex:none}
.board-ui[class*="board-type-teacher-"] .board-list>.board-item>.board-category-cell {width:110px;flex:none}
.board-ui[class*="board-type-teacher-"] .board-list>.board-item>.board-title-cell {min-width:0;flex:1}
.board-ui[class*="board-type-teacher-"] .board-list>.board-item>.board-date-cell {width:120px;flex:none}
.board-ui.board-type-teacher-notice.board-detail-page .board-article-body,.board-ui.board-type-teacher-data.board-detail-page .board-article-body {padding:24px}
.board-ui.board-type-teacher-notice.board-detail-page .board-article-content,.board-ui.board-type-teacher-data.board-detail-page .board-article-content {min-height:120px;padding:0;color:#333}
.board-ui.board-type-teacher-notice.board-detail-page .board-article-files,.board-ui.board-type-teacher-data.board-detail-page .board-article-files {margin-top:24px}

@media (max-width:1199px) {
	.board-ui[class*="board-type-teacher-"] .board-category-tabs {width:calc(100% + 48px);margin-right:-24px;margin-left:-24px}
	.board-ui[class*="board-type-teacher-"] .board-list>.board-item>.board-number-cell {width:72px}
	.board-ui[class*="board-type-teacher-"] .board-list>.board-item>.board-category-cell {width:90px}
	.board-ui[class*="board-type-teacher-"] .board-list>.board-item>.board-date-cell {width:100px}
}

@media (max-width:767px) {
	.board-ui[class*="board-type-teacher-"] .board-category-tab {height:41px;padding:10px 18px;font-size:14px;letter-spacing:-.28px}
	.board-ui.board-type-teacher-notice.board-detail-page .board-article-body,.board-ui.board-type-teacher-data.board-detail-page .board-article-body {padding:12px 0}
	.board-ui.board-type-teacher-notice.board-detail-page .board-article-content,.board-ui.board-type-teacher-data.board-detail-page .board-article-content {min-height:80px}
	.board-ui.board-type-teacher-notice.board-detail-page .board-article-files,.board-ui.board-type-teacher-data.board-detail-page .board-article-files {margin:12px 0 0}
	.board-ui.board-type-teacher-notice.board-detail-page .board-list-button,.board-ui.board-type-teacher-data.board-detail-page .board-list-button {width:158px}
	.board-ui.board-type-teacher-notice.board-detail-page .board-article-content img,.board-ui.board-type-teacher-data.board-detail-page .board-article-content img {height:auto!important}
	.board-ui[class*="board-type-teacher-"] .board-toolbar {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));height:auto;gap:8px}
	.board-ui[class*="board-type-teacher-"] .board-toolbar .board-filter {width:100%;min-width:0}
	.board-ui[class*="board-type-teacher-"] .board-toolbar .board-search {grid-column:1/-1;width:100%;margin-left:0}
	.board-ui.board-type-teacher-qna.board-list-page .board-toolbar>.board-write-button {display:flex}
	.board-ui[class*="board-type-teacher-"] .board-list>.board-item {position:relative;display:flex;flex-wrap:wrap;align-content:center;min-height:68px;padding:10px 0;row-gap:6px}
	.board-ui[class*="board-type-teacher-"] .board-list>.board-item>.board-number-cell {display:none}
	.board-ui[class*="board-type-teacher-"] .board-list>.board-item>.board-category-cell {order:1;justify-content:flex-start;width:auto;height:auto;margin-right:8px;font-size:12px}
	.board-ui[class*="board-type-teacher-"] .board-list>.board-item>.board-title-cell {order:2;width:100%;height:auto;flex:none;padding:0}
	.board-ui[class*="board-type-teacher-"] .board-list>.board-item>.board-date-cell {order:3;justify-content:flex-start;width:auto;height:auto;font-size:12px}
}

/* ==================================================
	6-5-1. 선생님 학습 커뮤니티 - 공지사항 탭 (.board-type-teacher-notice)
================================================== */
.board-ui.board-type-teacher-notice.board-list-page .board-filter .select-btn {height:42px;padding:0 18px;border-radius:6px;font-size:14px;letter-spacing:-.28px}
.board-ui.board-type-teacher-notice.board-list-page .board-list>.board-item>.board-number-cell {width:104px;padding:0 32px;color:#777;font-size:14px}
.board-ui.board-type-teacher-notice.board-list-page .board-list>.board-item>.board-category-cell {width:124px;padding:0 32px;color:#777;font-size:14px;letter-spacing:-.14px}
.board-ui.board-type-teacher-notice.board-list-page .board-list>.board-item>.board-title-cell {padding:0 32px}
.board-ui.board-type-teacher-notice.board-list-page .board-list>.board-item>.board-date-cell {width:120px;padding:0 32px;color:#777;font-size:14px;letter-spacing:-.14px;white-space:nowrap}
.board-ui.board-type-teacher-notice .board-new-badge {display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;flex:none;border:1px solid #ebebeb;border-radius:50%;background:#fff}
/* .board-ui.board-type-teacher-notice.board-list-page .board-list>.board-item.is-notice .board-title-cell a {font-weight:600} */

@media (max-width:1199px) {
	.board-ui.board-type-teacher-notice.board-list-page .board-list>.board-item>.board-number-cell {display:flex;width:88px;height:60px;padding:0 24px}
	.board-ui.board-type-teacher-notice.board-list-page .board-list>.board-item>.board-category-cell {width:108px;height:60px;padding:0 24px}
	.board-ui.board-type-teacher-notice.board-list-page .board-list>.board-item>.board-title-cell {height:60px;padding:0 24px}
	.board-ui.board-type-teacher-notice.board-list-page .board-list>.board-item>.board-date-cell {width:120px;height:60px;padding:0 24px}
}

@media (max-width:767px) {
	.board-ui.board-type-teacher-notice.board-list-page .board-wrap {padding:0 16px 32px}
	.board-ui.board-type-teacher-notice.board-list-page .board-category-tabs {width:calc(100% + 32px);height:41px;margin:0 -16px 16px}
	.board-ui.board-type-teacher-notice.board-list-page .board-toolbar {grid-template-columns:repeat(2,minmax(0,1fr));height:auto;margin-bottom:12px;gap:8px}
	.board-ui.board-type-teacher-notice.board-list-page .board-toolbar-end {display:contents}
	.board-ui.board-type-teacher-notice.board-list-page .board-filter {width:100%;min-width:0}
	.board-ui.board-type-teacher-notice.board-list-page .board-filter .select-btn {height:38px;padding:0 12px;border-radius:4px;font-size:13px;letter-spacing:-.26px}
	.board-ui.board-type-teacher-notice.board-list-page .board-search {grid-column:1/-1;width:100%;height:38px;border-radius:4px}
	.board-ui.board-type-teacher-notice.board-list-page .board-list>.board-item {display:grid;grid-template-columns:auto 1fr;align-items:start;align-content:start;min-height:0;padding:12px 0;gap:4px 0}
	.board-ui.board-type-teacher-notice.board-list-page .board-list>.board-item>.board-number-cell {display:none}
	.board-ui.board-type-teacher-notice.board-list-page .board-list>.board-item.is-notice>.board-number-cell {grid-column:1;grid-row:1;display:flex;align-items:flex-start;justify-content:flex-start;width:auto;height:20px;margin-right:6px;padding:2px 0 0}
	.board-ui.board-type-teacher-notice.board-list-page .board-list>.board-item>.board-title-cell {grid-column:1/-1;grid-row:1;width:100%;height:auto;min-height:20px;padding:0}
	.board-ui.board-type-teacher-notice.board-list-page .board-list>.board-item.is-notice>.board-title-cell {grid-column:2;grid-row:1;width:100%}
	.board-ui.board-type-teacher-notice.board-list-page .board-list .board-title-cell a {width:100%;font-size:14px;line-height:1.4;letter-spacing:-.14px}
	.board-ui.board-type-teacher-notice.board-list-page .board-list .board-title-cell span,.board-ui.board-type-teacher-notice.board-list-page .board-list .board-title-cell p {white-space:normal}
	.board-ui.board-type-teacher-notice.board-list-page .board-list>.board-item>.board-category-cell {grid-column:1;grid-row:2;display:flex;justify-content:flex-start;width:auto;height:17px;margin:0;padding:0;color:#777;font-size:12px;letter-spacing:-.12px}
	.board-ui.board-type-teacher-notice.board-list-page .board-list>.board-item>.board-category-cell:after {content:'';width:1px;height:10px;margin:3px 8px 0;background:#d9d9d9}
	.board-ui.board-type-teacher-notice.board-list-page .board-list>.board-item>.board-date-cell {grid-column:2;grid-row:2;display:flex;justify-content:flex-start;width:auto;height:17px;padding:0;color:#777;font-size:12px;letter-spacing:-.12px}
	/* .board-ui.board-type-teacher-notice.board-list-page .board-notice-badge {width:auto;height:18px;padding:3px 6px;font-size:11px;line-height:1;letter-spacing:-.275px} */

}

/* ==================================================
	6-5-1-1. 선생님 학습 커뮤니티 - 공지사항 탭 > 상세페이지 (.board-type-teacher-notice)
================================================== */
.board-ui.board-type-teacher-notice.board-detail-page .board-article-head {flex-direction:column;align-items:flex-start;justify-content:center;gap:6px;padding:22px 20px}
.board-ui.board-type-teacher-notice.board-detail-page .board-article-title {justify-content:flex-start;gap:8px;min-width:0}
.board-ui.board-type-teacher-notice.board-detail-page .board-article-title-text {min-width:0;word-break:keep-all;overflow-wrap:anywhere}
.board-ui.board-type-teacher-notice.board-detail-page .board-article-meta {flex:none;align-self:flex-start}

@media (max-width:767px) {
	.board-ui.board-type-teacher-notice.board-detail-page .board-detail-wrap {padding:0 16px 32px}
	.board-ui.board-type-teacher-notice.board-detail-page .board-category-tabs {width:calc(100% + 32px);height:41px;margin:0 -16px 16px}
	.board-ui.board-type-teacher-notice.board-detail-page .board-article-head {flex-direction:column;align-items:flex-start;gap:6px;padding:12px 0}
	.board-ui.board-type-teacher-notice.board-detail-page .board-article-title {align-items:flex-start;gap:4px}
	.board-ui.board-type-teacher-notice.board-detail-page .board-article-title-text {line-height:1.4}
	.board-ui.board-type-teacher-notice.board-detail-page .board-article-meta {gap:8px;line-height:17px}
	.board-ui.board-type-teacher-notice.board-detail-page .board-article-meta span+span {padding-left:8px}
	.board-ui.board-type-teacher-notice.board-detail-page .board-article-meta span+span:before {top:3px;height:10px}
	.board-ui.board-type-teacher-notice.board-detail-page .board-article-files > strong {flex: unset;}
	/* .board-ui.board-type-teacher-notice.board-detail-page .board-notice-badge {width:auto;height:18px;padding:3px 6px;font-size:11px;line-height:1;letter-spacing:-.275px} */
}


/* ==================================================
	6-5-2. 선생님 학습 커뮤니티 - 수업자료실 탭 (.board-type-teacher-data)
================================================== */
.board-ui.board-type-teacher-data.board-list-page .board-filter .select-btn {height:42px;padding:0 18px;border-radius:6px;font-size:14px;letter-spacing:-.28px}
.board-ui.board-type-teacher-data.board-list-page .board-list>.board-item {display:flex;flex-wrap:nowrap;align-items:center;height:60px;min-height:60px}
.board-ui.board-type-teacher-data.board-list-page .board-meta-row,.board-ui.board-type-teacher-data.board-list-page .board-main-row {display:contents}
.board-ui.board-type-teacher-data.board-list-page .board-meta-cell {height:60px;padding:0 24px;color:#777;font-size:14px;line-height:1.4;letter-spacing:-.14px;white-space:nowrap}
.board-ui.board-type-teacher-data.board-list-page .board-meta-cell:nth-child(1) {order:1;width:88px}
.board-ui.board-type-teacher-data.board-list-page .board-meta-cell:nth-child(2) {order:1;width:132px}
.board-ui.board-type-teacher-data.board-list-page .board-meta-cell:nth-child(3) {order:1;width:93px}
.board-ui.board-type-teacher-data.board-list-page .board-meta-cell:nth-child(4) {order:1;width:73px}
.board-ui.board-type-teacher-data.board-list-page .board-meta-cell:nth-child(5) {order:3;width:190px}
.board-ui.board-type-teacher-data.board-list-page .board-title-cell {order:2;display:flex;align-items:center;min-width:0;height:60px;padding-left:24px;flex:1;overflow:hidden}
.board-ui.board-type-teacher-data.board-list-page .board-title-cell a {width:100%;font-size:16px;letter-spacing:-.16px}
.board-ui.board-type-teacher-data.board-list-page .board-date-cell {order:5;display:flex;align-items:center;justify-content:center;width:120px;height:60px;padding:0 24px;flex:none;color:#777;font-size:14px;white-space:nowrap}
.board-ui.board-type-teacher-data.board-list-page .board-period-cell {order:4;display:flex;align-items:center;justify-content:center;width:127px;height:60px;padding:0 24px;flex:none;color:#777;font-size:14px;line-height:1.4;white-space:nowrap}

@media (max-width:1199px) {
	.board-ui.board-type-teacher-data.board-list-page .board-list>.board-item {display:flex;flex-direction:column;align-items:flex-start;justify-content:center;height:auto;min-height:0;padding:14px 0;gap:2px}
	.board-ui.board-type-teacher-data.board-list-page .board-meta-row {order:1;display:flex;align-items:center;gap:10px;width:100%;height:20px;padding:0 24px}
	.board-ui.board-type-teacher-data.board-list-page .board-meta-cell {display:flex;width:auto!important;height:20px;padding:0;font-size:14px}
	.board-ui.board-type-teacher-data.board-list-page .board-meta-cell:nth-child(1) {display:none}
	.board-ui.board-type-teacher-data.board-list-page .board-meta-cell:nth-child(n+2):nth-child(-n+4):after {content:'';width:1px;height:10px;margin-left:10px;background:#d9d9d9}
	.board-ui.board-type-teacher-data.board-list-page .board-meta-cell:nth-child(5) {min-width:0;flex:1;justify-content:flex-start}
	.board-ui.board-type-teacher-data.board-list-page .board-main-row {order:2;display:flex;align-items:center;width:100%;height:22px}
	.board-ui.board-type-teacher-data.board-list-page .board-title-cell {order:1;width:auto;height:22px;padding:0 0 0 24px;flex:1}
	.board-ui.board-type-teacher-data.board-list-page .board-date-cell {order:2;width:120px;height:22px;padding:0 24px;justify-content:flex-start}
	.board-ui.board-type-teacher-data.board-list-page .board-period-cell {order:3;width:206px;height:22px;padding:0 24px;justify-content:flex-end;flex-direction:row;gap:4px}
}

@media (max-width:767px) {
	.board-ui.board-type-teacher-data.board-list-page .board-wrap {padding:0 16px 32px}
	.board-ui.board-type-teacher-data.board-list-page .board-category-tabs {width:calc(100% + 32px);height:41px;margin:0 -16px 16px}
	.board-ui.board-type-teacher-data.board-list-page .board-toolbar {display:block;height:auto;margin-bottom:12px}
	.board-ui.board-type-teacher-data.board-list-page .board-toolbar-end {display:flex;align-items:center;flex-wrap:wrap;gap:10px;width:100%;margin:0}
	.board-ui.board-type-teacher-data.board-list-page .board-filter {width:calc((100% - 10px)/2);min-width:0}
	.board-ui.board-type-teacher-data.board-list-page .board-filter:nth-child(3) {width:114px}
	.board-ui.board-type-teacher-data.board-list-page .board-filter .select-btn {height:38px;padding:0 12px;border-radius:4px;font-size:13px;letter-spacing:-.26px}
	.board-ui.board-type-teacher-data.board-list-page .board-search {width:calc(100% - 124px);height:38px;border-radius:4px}
	.board-ui.board-type-teacher-data.board-list-page .board-list>.board-item {padding:12px 0;gap:6px;}
	.board-ui.board-type-teacher-data.board-list-page .board-meta-row {gap:0;height:17px;padding:0}
	.board-ui.board-type-teacher-data.board-list-page .board-meta-cell {height:17px;font-size:12px;letter-spacing:-.12px}
	.board-ui.board-type-teacher-data.board-list-page .board-meta-cell:nth-child(n+2):nth-child(-n+4):after {margin-left:8px}
	.board-ui.board-type-teacher-data.board-list-page .board-meta-cell:nth-child(n+3) {padding-left:8px}
	.board-ui.board-type-teacher-data.board-list-page .board-main-row {align-content:flex-start;flex-wrap:wrap;height:auto;gap:2px 0}
	.board-ui.board-type-teacher-data.board-list-page .board-title-cell {order:1;width:100%;height:20px;padding:0;flex:none}
	.board-ui.board-type-teacher-data.board-list-page .board-title-cell a {font-size:14px;letter-spacing:-.14px}
	.board-ui.board-type-teacher-data.board-list-page .board-date-cell {order:2;width:auto;height:17px;padding:0;flex:1;justify-content:flex-start;font-size:12px;letter-spacing:-.12px}
	.board-ui.board-type-teacher-data.board-list-page .board-period-cell {order:3;width:135px;height:17px;padding:0;justify-content:flex-end;flex-direction:row;gap:4px;font-size:12px;letter-spacing:-.12px}
}


/* ==================================================
	6-5-2-1. 선생님 학습 커뮤니티 - 수업자료실 탭 > 상세페이지 (.board-type-teacher-data)
================================================== */
.board-ui.board-type-teacher-data.board-detail-page .board-article-head {gap:6px;padding:22px 20px}
.board-ui.board-type-teacher-data.board-detail-page .board-article-title {justify-content:flex-start;width:100%}
.board-ui.board-type-teacher-data.board-detail-page .board-article-title-text {min-width:0;word-break:keep-all;overflow-wrap:anywhere}
.board-ui.board-type-teacher-data.board-detail-page .board-data-meta {display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;color:#777;font-size:14px;line-height:1.4;letter-spacing:-.14px}
.board-ui.board-type-teacher-data.board-detail-page .board-data-meta-primary,.board-ui.board-type-teacher-data.board-detail-page .board-data-meta-secondary {display:flex;align-items:center;gap:10px;min-width:0}
.board-ui.board-type-teacher-data.board-detail-page .board-data-meta span {white-space:nowrap}
.board-ui.board-type-teacher-data.board-detail-page .board-data-meta span+span {position:relative;padding-left:10px}
.board-ui.board-type-teacher-data.board-detail-page .board-data-meta span+span:before {content:'';position:absolute;left:0;top:4px;width:1px;height:12px;background:#dbdbdb}
.board-ui.board-type-teacher-data.board-detail-page .board-article-files .download-period {color:#b1b1b1;font-size:12px;line-height:1.6;letter-spacing:-.12px}

@media (max-width:767px) {
	.board-ui.board-type-teacher-data.board-detail-page .board-detail-wrap {padding:0 16px 32px}
	.board-ui.board-type-teacher-data.board-detail-page .board-category-tabs {width:calc(100% + 32px);height:41px;margin:0 -16px 16px}
	.board-ui.board-type-teacher-data.board-detail-page .board-article-head {gap:6px;padding:12px 0}
	.board-ui.board-type-teacher-data.board-detail-page .board-data-meta {flex-direction:column;align-items:flex-start;gap:2px;font-size:12px;line-height:17px;letter-spacing:-.12px}
	.board-ui.board-type-teacher-data.board-detail-page .board-data-meta-primary {flex-wrap:wrap;gap:0 8px}
	.board-ui.board-type-teacher-data.board-detail-page .board-data-meta-secondary {gap:8px}
	.board-ui.board-type-teacher-data.board-detail-page .board-data-meta span+span {padding-left:8px}
	.board-ui.board-type-teacher-data.board-detail-page .board-data-meta span+span:before {top:3px;height:10px}
	.board-ui.board-type-teacher-data.board-detail-page .board-article-files>strong {flex-basis:auto}
}


/* ==================================================
	6-5-3. 선생님 학습 커뮤니티 - 학습Q&A 탭 (.board-type-teacher-qna)
================================================== */
.board-ui.board-type-teacher-qna.board-list-page .board-list>.board-item {display:flex;align-items:center;flex-wrap:nowrap;height:60px;min-height:60px;padding:0}
.board-ui.board-type-teacher-qna.board-list-page .board-list>.board-item>.board-cell {display:flex;align-items:center;justify-content:center;height:60px;padding:0 24px;flex:none;color:#777;font-size:14px;line-height:1.4;letter-spacing:-.14px;white-space:nowrap}
.board-ui.board-type-teacher-qna.board-list-page .board-list>.board-item>.board-content-cell {justify-content:flex-start;width:313px;overflow:hidden}
.board-ui.board-type-teacher-qna.board-list-page .board-list>.board-item>.board-content-cell span {display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.board-ui.board-type-teacher-qna.board-list-page .board-list>.board-item>.board-title-cell {justify-content:flex-start;gap:6px;min-width:0;padding:0 24px;flex:1;overflow:hidden}
.board-ui.board-type-teacher-qna.board-list-page .board-list>.board-item>.board-title-cell a {width:auto;min-width:0;max-width:100%;flex:0 1 auto;font-size:16px;letter-spacing:-.16px}


@media (max-width:1199px) {
	.board-ui.board-type-teacher-qna.board-list-page .board-list>.board-item {display:grid;grid-template-columns:auto minmax(0,1fr) 79px 120px 116px;grid-template-rows:20px 22px;align-items:center;align-content:center;height:auto;min-height:72px;padding:14px 24px;gap:2px 10px}
	.board-ui.board-type-teacher-qna.board-list-page .board-list>.board-item>.board-cell {width:auto;height:auto;padding:0}
	.board-ui.board-type-teacher-qna.board-list-page .board-list>.board-item>.board-number-cell {display:none}
	.board-ui.board-type-teacher-qna.board-list-page .board-list>.board-item>.board-category-cell {grid-column:1;grid-row:1;justify-content:flex-start}
	.board-ui.board-type-teacher-qna.board-list-page .board-list>.board-item>.board-category-cell:after {content:'';width:1px;height:10px;margin-left:10px;background:#d9d9d9}
	.board-ui.board-type-teacher-qna.board-list-page .board-list>.board-item>.board-content-cell {grid-column:2/-1;grid-row:1;justify-content:flex-start;min-width:0}
	.board-ui.board-type-teacher-qna.board-list-page .board-list>.board-item>.board-title-cell {grid-column:1/3;grid-row:2;justify-content:flex-start;min-width:0}
	.board-ui.board-type-teacher-qna.board-list-page .board-list>.board-item>.board-writer-cell {grid-column:3;grid-row:2}
	.board-ui.board-type-teacher-qna.board-list-page .board-list>.board-item>.board-date-cell {grid-column:4;grid-row:2}
	.board-ui.board-type-teacher-qna.board-list-page .board-list>.board-item>.board-state-cell {grid-column:5;grid-row:2}
}

@media (max-width:767px) {
	.board-ui.board-type-teacher-qna.board-list-page .board-wrap {padding:0 16px 86px}
	.board-ui.board-type-teacher-qna.board-list-page .board-category-tabs {width:calc(100% + 32px);height:41px;margin:0 -16px 16px}
	.board-ui.board-type-teacher-qna.board-list-page .board-toolbar {display:flex;align-items:center;height:32px;margin-bottom:12px;gap:10px}
	.board-ui.board-type-teacher-qna.board-list-page .board-toolbar-end {margin-left:auto}
	.board-ui.board-type-teacher-qna.board-list-page .board-tabs {gap:10px}
	.board-ui.board-type-teacher-qna.board-list-page .board-tab {width:84px;height:32px;font-size:13px;letter-spacing:-.26px}
	.board-ui.board-type-teacher-qna.board-list-page .board-toolbar-end .board-write-button {display:none}
	.board-ui.board-type-teacher-qna.board-list-page .board-list>.board-item {grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:17px 20px 23px;align-content:start;min-height:0;padding:12px 0;gap:6px 0}
	.board-ui.board-type-teacher-qna.board-list-page .board-list>.board-item>.board-cell {font-size:12px;line-height:1.4;letter-spacing:-.12px}
	.board-ui.board-type-teacher-qna.board-list-page .board-list>.board-item>.board-category-cell {grid-column:1;grid-row:1;height:17px}
	.board-ui.board-type-teacher-qna.board-list-page .board-list>.board-item>.board-category-cell:after {margin-left:8px}
	.board-ui.board-type-teacher-qna.board-list-page .board-list>.board-item>.board-content-cell {grid-column:2/4;grid-row:1;height:17px;}
	.board-ui.board-type-teacher-qna.board-list-page .board-list>.board-item>.board-title-cell {grid-column:1/4;grid-row:2;width:100%;height:20px}
	.board-ui.board-type-teacher-qna.board-list-page .board-list>.board-item>.board-title-cell a {font-size:14px;letter-spacing:-.14px}
	.board-ui.board-type-teacher-qna.board-list-page .board-list>.board-item>.board-writer-cell {grid-column:1;grid-row:3;justify-content:flex-start;height:23px}
	.board-ui.board-type-teacher-qna.board-list-page .board-list>.board-item>.board-writer-cell:after {content:'';width:1px;height:10px;margin-left:8px;background:#d9d9d9}
	.board-ui.board-type-teacher-qna.board-list-page .board-list>.board-item>.board-date-cell {grid-column:2;grid-row:3;justify-content:flex-start;height:23px;}
	.board-ui.board-type-teacher-qna.board-list-page .board-list>.board-item>.board-state-cell {position:static;grid-column:3;grid-row:3;justify-content:flex-end;height:23px}
	.board-ui.board-type-teacher-qna.board-list-page .board-badge {height:23px;padding:3px 10px;font-size:12px;letter-spacing:-.12px}
}





/* ==================================================
	6-5-3-1. 선생님 학습 커뮤니티 - 학습Q&A 탭 > 작성 페이지 (.board-type-teacher-qna)
================================================== */
.board-ui.board-type-teacher-qna.board-write-page .board-write-wrap {width:100%;max-width:1200px;margin:0 auto;padding:0 0 50px}
.board-ui.board-type-teacher-qna.board-write-page .board-write-form {align-items:center;gap:24px}
.board-ui.board-type-teacher-qna.board-write-page .board-write-fields {gap:24px;margin:0;padding:0}
.board-ui.board-type-teacher-qna.board-write-page .board-write-summary {display:flex;align-items:center;justify-content:space-between;width:100%}
.board-ui.board-type-teacher-qna.board-write-page .board-write-name {display:flex;align-items:center;gap:8px;min-width:0;padding-left:16px}
.board-ui.board-type-teacher-qna.board-write-page .board-write-secret {display:flex;align-items:center;height:22px;gap:20px}
.board-ui.board-type-teacher-qna.board-write-page .board-write-secret .board-write-label {width:auto;flex:0 0 auto}
.board-ui.board-type-teacher-qna.board-write-page .board-write-label {display:inline-flex;align-items:center;width:104px;flex:0 0 104px;margin:0;color:#333;font-size:15px;font-weight:600;line-height:1.4;letter-spacing:-.3px;white-space:nowrap}
.board-ui.board-type-teacher-qna.board-write-page .board-write-label em {margin-left:2px;color:#ed2024;font-style:normal;font-weight:400}
.board-ui.board-type-teacher-qna.board-write-page .board-write-value {color:#333;font-size:14px;font-weight:400;line-height:1.4;letter-spacing:-.28px}
.board-ui.board-type-teacher-qna.board-write-page .board-secret-check {position:relative;display:inline-flex;align-items:center;height:22px;line-height:1.4;cursor:pointer}
.board-ui.board-type-teacher-qna.board-write-page .board-secret-check input {position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}
.board-ui.board-type-teacher-qna.board-write-page .board-check-box {position:relative;display:inline-flex;width:18px;height:18px;flex:0 0 18px;margin-right:12px;overflow:hidden;border:1px solid #dbdee5;border-radius:3px;background:#f1f1f5}
.board-ui.board-type-teacher-qna.board-write-page .board-check-box svg {position:absolute;left:3px;top:4px;width:10px;height:8px;opacity:0}
.board-ui.board-type-teacher-qna.board-write-page .board-secret-check input:checked+.board-check-box svg {opacity:1}
.board-ui.board-type-teacher-qna.board-write-page .board-secret-text {margin-right:4px;color:#333;font-size:14px;font-weight:400;line-height:1.4;letter-spacing:-.28px}
.board-ui.board-type-teacher-qna.board-write-page .board-lock-icon {display:flex;align-items:center;justify-content:center;width:17px;height:17px;flex:none}
.board-ui.board-type-teacher-qna.board-write-page .board-lock-icon svg {display:block;width:12px;height:16px;flex:none}
.board-ui.board-type-teacher-qna.board-write-page .board-write-field {flex-direction:row;align-items:center;gap:8px;padding-left:16px}
.board-ui.board-type-teacher-qna.board-write-page .board-write-field>label {height:auto;margin:0}
.board-ui.board-type-teacher-qna.board-write-page .board-write-content-field {align-items:flex-start}
.board-ui.board-type-teacher-qna.board-write-page .board-write-content-field>label {height:42px}
.board-ui.board-type-teacher-qna.board-write-page .board-write-control {width:auto;min-width:0;flex:1 1 auto}
.board-ui.board-type-teacher-qna.board-write-page .board-write-control-select {display:flex;gap:12px}
.board-ui.board-type-teacher-qna.board-write-page .board-custom-select {width:250px;min-width:250px;flex:0 0 250px}
.board-ui.board-type-teacher-qna.board-write-page .board-write-select-course {width:auto;min-width:0;flex:1 1 auto}
.board-ui.board-type-teacher-qna.board-write-page .board-custom-select .select-btn {width:100%;height:42px}
.board-ui.board-type-teacher-qna.board-write-page .board-custom-select .select-text {overflow:hidden;color:#333;font-size:14px;font-weight:400;line-height:1.4;letter-spacing:-.28px;text-overflow:ellipsis;white-space:nowrap}
.board-ui.board-type-teacher-qna.board-write-page .board-write-field input,.board-ui.board-type-teacher-qna.board-write-page .board-write-field textarea {border-radius:6px;font-size:14px;line-height:1.4;letter-spacing:-.28px}
.board-ui.board-type-teacher-qna.board-write-page .board-write-field input {height:42px;padding:0 18px}
.board-ui.board-type-teacher-qna.board-write-page .board-write-field textarea {height:264px;padding:12px 18px}
.board-ui.board-type-teacher-qna.board-write-page .board-form-submit {gap:12px;padding:0;background:transparent}
.board-ui.board-type-teacher-qna.board-write-page .board-form-submit a,.board-ui.board-type-teacher-qna.board-write-page .board-form-submit button {display:flex;align-items:center;justify-content:center;width:160px;height:40px;padding:0;border-radius:4px;font-size:15px;font-weight:500;line-height:1.4;letter-spacing:-.3px}
.board-ui.board-type-teacher-qna.board-write-page .board-form-submit .board-form-cancel {border:1px solid #777;background:#fff;color:#222}
.board-ui.board-type-teacher-qna.board-write-page .board-form-submit .board-form-confirm {border:1px solid #333;background:#333;color:#fff}

@media (max-width:1199px) {
	.board-ui.board-type-teacher-qna.board-write-page .board-write-wrap {max-width:none;padding:0 24px 50px}
	.board-ui.board-type-teacher-qna.board-write-page .board-write-secret {gap:8px}
	.board-ui.board-type-teacher-qna.board-write-page .board-write-secret .board-write-label {width:104px;flex:0 0 104px}
}

@media (max-width:767px) {
	.board-ui.board-type-teacher-qna.board-write-page .board-write-wrap {padding:0 16px 28px}
	.board-ui.board-type-teacher-qna.board-write-page .board-category-tabs {width:calc(100% + 32px);height:41px;margin:0 -16px 14px}
	.board-ui.board-type-teacher-qna.board-write-page .board-write-form {gap:16px}
	.board-ui.board-type-teacher-qna.board-write-page .board-write-fields {gap:12px}
	.board-ui.board-type-teacher-qna.board-write-page .board-write-summary {align-items:flex-start;gap:8px}
	.board-ui.board-type-teacher-qna.board-write-page .board-write-name {flex:1 1 auto;gap:8px;padding-left:0}
	.board-ui.board-type-teacher-qna.board-write-page .board-write-name .board-write-label,.board-ui.board-type-teacher-qna.board-write-page .board-write-name .board-write-value,.board-ui.board-type-teacher-qna.board-write-page .board-write-secret .board-write-label {width:auto;min-width:0;flex:0 0 auto;font-size:14px;line-height:1.1;letter-spacing:-.35px}
	.board-ui.board-type-teacher-qna.board-write-page .board-write-secret {flex:0 0 auto;gap:8px}
	.board-ui.board-type-teacher-qna.board-write-page .board-write-field {flex-direction:column;align-items:flex-start;justify-content:center;gap:6px;padding-left:0}
	.board-ui.board-type-teacher-qna.board-write-page .board-write-field>label {width:auto;height:auto;flex:0 0 auto;font-size:14px;letter-spacing:-.28px}
	.board-ui.board-type-teacher-qna.board-write-page .board-write-control {width:100%;flex:none}
	.board-ui.board-type-teacher-qna.board-write-page .board-write-control-select {flex-direction:column;gap:6px}
	.board-ui.board-type-teacher-qna.board-write-page .board-custom-select,.board-ui.board-type-teacher-qna.board-write-page .board-write-select-course {width:100%;min-width:0;flex:0 0 auto}
	.board-ui.board-type-teacher-qna.board-write-page .board-custom-select .select-btn {height:38px}
	.board-ui.board-type-teacher-qna.board-write-page .board-write-field input {height:38px;padding:0 12px;border-radius:4px}
	.board-ui.board-type-teacher-qna.board-write-page .board-write-field textarea {height:264px;padding:12px;border-radius:4px}
	.board-ui.board-type-teacher-qna.board-write-page .board-form-submit {width:100%}
	.board-ui.board-type-teacher-qna.board-write-page .board-form-submit a,.board-ui.board-type-teacher-qna.board-write-page .board-form-submit button {width:auto;height:38px;min-width:0;flex:1 1 0;font-size:14px}
}
/* // Teacher Q&A write */

/* ==================================================
	6-5-3-2. 선생님 학습 커뮤니티 - 학습Q&A 탭 > 상세 페이지 (.board-type-teacher-qna)
================================================== */
/* .board-ui.board-type-teacher-qna.board-detail-page .board-article {width:100%;border-top:1px solid #555;border-bottom:1px solid #555;background:#fff} */
.board-ui.board-type-teacher-qna.board-detail-page .board-qna-head {display:flex;flex-direction:column;gap:8px;width:100%;padding:22px 20px;border-bottom:1px solid #e5e5e5}
.board-ui.board-type-teacher-qna.board-detail-page .board-qna-meta-row,.board-ui.board-type-teacher-qna.board-detail-page .board-qna-title-row {display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%}
.board-ui.board-type-teacher-qna.board-detail-page .board-qna-meta-primary,.board-ui.board-type-teacher-qna.board-detail-page .board-qna-meta-secondary {display:flex;align-items:center;gap:10px;min-width:0;color:#777;font-size:14px;line-height:1.4;letter-spacing:-.14px}
.board-ui.board-type-teacher-qna.board-detail-page .board-qna-meta-primary span,.board-ui.board-type-teacher-qna.board-detail-page .board-qna-meta-secondary span {min-width:0}
.board-ui.board-type-teacher-qna.board-detail-page .board-qna-meta-primary span+span,.board-ui.board-type-teacher-qna.board-detail-page .board-qna-meta-secondary span+span {position:relative;padding-left:10px}
.board-ui.board-type-teacher-qna.board-detail-page .board-qna-meta-primary span+span:before,.board-ui.board-type-teacher-qna.board-detail-page .board-qna-meta-secondary span+span:before {content:"";position:absolute;left:0;top:4px;width:1px;height:12px;background:#dbdbdb}
.board-ui.board-type-teacher-qna.board-detail-page .board-qna-title {min-width:0;margin:0;color:#333;font-size:16px;font-weight:600;line-height:1.1;letter-spacing:-.16px;word-break:keep-all;overflow-wrap:anywhere}
.board-ui.board-type-teacher-qna.board-detail-page .board-badge {height:26px;padding:3px 10px;border-radius:999px;font-size:14px;font-weight:500;line-height:1.4;letter-spacing:-.14px;white-space:nowrap}
.board-ui.board-type-teacher-qna.board-detail-page .board-badge.is-waiting {background:#f0f0f0;color:#777}
.board-ui.board-type-teacher-qna.board-detail-page .board-badge.is-complete {background:#e4efff;color:#2c5bf6}
.board-ui.board-type-teacher-qna.board-detail-page .board-article-body {padding:24px}
.board-ui.board-type-teacher-qna.board-detail-page .board-article-content {display:flex;flex-direction:column;gap:24px;padding:0;color:#333;font-size:14px;line-height:1.6;letter-spacing:-.14px;word-break:keep-all;overflow-wrap:anywhere}
.board-ui.board-type-teacher-qna.board-detail-page .board-article-content p {margin:0}
.board-ui.board-type-teacher-qna.board-detail-page .board-answer {margin-top:0}

@media (max-width:767px) {
	.board-ui.board-type-teacher-qna.board-detail-page .board-detail-wrap {padding:0 14px 28px}
	.board-ui.board-type-teacher-qna.board-detail-page .board-category-tabs {width:calc(100% + 28px);height:41px;margin:0 -14px 24px}
	.board-ui.board-type-teacher-qna.board-detail-page .board-qna-head {position:relative;gap:6px;padding:12px 0}
	.board-ui.board-type-teacher-qna.board-detail-page .board-qna-meta-row {align-items:flex-start}
	.board-ui.board-type-teacher-qna.board-detail-page .board-qna-title-row {flex-direction:column;align-items:flex-start;gap:6px}
	.board-ui.board-type-teacher-qna.board-detail-page .board-qna-meta-primary {gap:8px;font-size:12px;line-height:17px;letter-spacing:-.12px}
	.board-ui.board-type-teacher-qna.board-detail-page .board-qna-meta-primary span+span {padding-left:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
	.board-ui.board-type-teacher-qna.board-detail-page .board-qna-meta-primary span+span:before {top:3px;height:10px}
	.board-ui.board-type-teacher-qna.board-detail-page .board-qna-meta-secondary {gap:8px;font-size:12px;line-height:17px;letter-spacing:-.12px}
	.board-ui.board-type-teacher-qna.board-detail-page .board-qna-meta-secondary span+span {padding-left:8px}
	.board-ui.board-type-teacher-qna.board-detail-page .board-qna-meta-secondary span+span:before {top:3px;height:10px}
	.board-ui.board-type-teacher-qna.board-detail-page .board-qna-title {font-size:14px;line-height:1.4;letter-spacing:-.14px}
	.board-ui.board-type-teacher-qna.board-detail-page .board-badge {position:absolute;right:0;bottom:12px;height:23px;padding:3px 10px;font-size:12px;letter-spacing:-.12px}
	.board-ui.board-type-teacher-qna.board-detail-page .board-article-body {padding:12px}
	.board-ui.board-type-teacher-qna.board-detail-page .board-article-content {gap:16px;font-size:14px;line-height:1.4;letter-spacing:-.14px}
	.board-ui.board-type-teacher-qna.board-detail-page .board-answer-content {font-size:14px;line-height:1.4;letter-spacing:-.14px}
	.board-ui.board-type-teacher-qna.board-detail-page .board-detail-actions {gap:8px;margin-top:10px}
	.board-ui.board-type-teacher-qna.board-detail-page .board-action-button {width:70px;height:32px;font-size:13px}
	.board-ui.board-type-teacher-qna.board-detail-page .board-list-button {width:132px;height:38px;font-size:14px}
}
/* // Teacher Q&A detail */

/* ==================================================
	6-6. 공지사항 목록 (.board-type-notice)
================================================== */
.board-ui.board-type-notice.board-detail-page.board-detail-article .board-article-title {justify-content: flex-start;gap: 8px;}

@media (min-width:768px) and (max-width:1199px) {
	.board-ui.board-type-notice .board-list > .board-item > .board-number-cell {display:flex}
    .board-ui.board-type-notice .board-list > .board-item > .board-title-cell {flex:1 1 0;width:0;}
}

@media (max-width:767px) {
	.board-ui.board-type-notice .board-toolbar {height:38px}
	.board-ui.board-type-notice .board-toolbar-end {width:100%}
	.board-ui.board-type-notice .board-filter {width:114px;min-width:114px;flex:none}
	.board-ui.board-type-notice .board-search {width:auto;flex:1;min-width:0}
	.board-ui.board-type-notice .board-list>.board-item {min-height:60px;padding:12px 0;row-gap:4px}
	.board-ui.board-type-notice .board-list>.board-item:after {content:'';order:1;display:block;width:100%;height:0;flex:0 0 100%}
	.board-ui.board-type-notice .board-list>.board-item>.board-number-cell {display:none}
	.board-ui.board-type-notice .board-list>.board-item.is-notice>.board-number-cell {order:1;display:flex;align-items:flex-start;justify-content:center;width:auto;padding:2px 6px 0 0;flex:none}
	.board-ui.board-type-notice .board-list>.board-item>.board-title-cell {order:1;width:100%;padding:0;flex:1 1 0}
	.board-ui.board-type-notice .board-list>.board-item:not(.is-notice)>.board-title-cell {flex:0 0 100%}
	.board-ui.board-type-notice .board-list>.board-item>.board-category-cell {order:2;display:flex;align-items:center;justify-content:flex-start;width:auto;height:auto;flex:none;color:#777;font-size:12px;line-height:1.4;letter-spacing:-.12px;text-align:left}
	.board-ui.board-type-notice .board-list>.board-item>.board-category-cell:after {content:'';width:1px;height:10px;margin-left:8px;background:#d9d9d9}
	.board-ui.board-type-notice .board-list>.board-item>.board-date-cell {order:3;display:flex;align-items:center;justify-content:flex-start;width:auto;height:auto;padding-left:8px;flex:none;color:#777;font-size:12px;line-height:1.4;letter-spacing:-.12px;text-align:left}
	.board-ui.board-type-notice .board-list .board-title-cell a {width:100%;font-size:14px;letter-spacing:-.14px}
	.board-ui.board-type-notice.board-detail-page .board-article-category:after {margin: 0}
}

/* ==================================================
	캠퍼스 생활 (.board-type-campus-life)
================================================== */
.board-ui.board-type-campus-life .board-info-panel {margin-bottom:24px}
.board-ui.board-type-campus-life .board-title-cell a:hover p,.board-ui.board-type-campus-life .board-title-cell a:hover b,.board-ui.board-type-campus-life .board-item.is-emphasis .board-title-cell a {font-weight:600}
.board-ui.board-type-campus-life .board-article-content figure.image {max-width:100%}
.board-ui.board-type-campus-life .board-article-content img {max-width:100% !important;height:auto !important}
.board-ui.board-type-campus-life .board-article-content .flex {display:block !important}
.board-ui.board-type-campus-life.board-detail-article .board-article-title {justify-content:flex-start;gap:8px}
.board-ui.board-type-campus-life .comment-area {width:100%}
.board-ui.board-type-campus-life .comment-write {margin-top:24px;padding:20px 32px;border-radius:8px;background:#f8f8f8}
.board-ui.board-type-campus-life .comment-write>strong {display:block;margin-bottom:14px;color:#333;font-size:15px;font-weight:600;line-height:1.1;letter-spacing:-.38px}
.board-ui.board-type-campus-life .comment-write textarea,.board-ui.board-type-campus-life .comment-reply-write textarea {display:block;width:100%;height:90px;padding:12px 18px;border:1px solid #dbdee5;border-radius:6px;background:#fff;color:#333;font-family:inherit;font-size:14px;font-weight:400;line-height:1.6;letter-spacing:-.14px;resize:none}
.board-ui.board-type-campus-life .comment-write textarea::placeholder,.board-ui.board-type-campus-life .comment-reply-write textarea::placeholder {color:#7e7e7e}
.board-ui.board-type-campus-life .comment-bottom {display:flex;align-items:flex-start;justify-content:space-between;gap:4px;margin-top:14px}
.board-ui.board-type-campus-life .comment-bottom p {margin:0;color:#777;font-size:13px;font-weight:400;line-height:1.1;letter-spacing:-.33px}
.board-ui.board-type-campus-life .comment-bottom p span {color:#333;font-weight:700}
.board-ui.board-type-campus-life .comment-bottom button,.board-ui.board-type-campus-life .comment-reply-button {display:flex;align-items:center;justify-content:center;width:120px;height:40px;border:0;border-radius:4px;background:#333;color:#fff;font-size:14px;font-weight:500;line-height:1.4;letter-spacing:-.28px;cursor:pointer}
.board-ui.board-type-campus-life .comment-area>.comment-list {display:flex;flex-direction:column;margin-top:24px}
.board-ui.board-type-campus-life .comment-area>.comment-list .comment-list {display:contents}
.board-ui.board-type-campus-life .comment-list.is-empty {display:block;margin-top:24px}
.board-ui.board-type-campus-life .comment-empty {display:flex;align-items:center;justify-content:center;height:102px;margin:0;color:#333;font-size:14px;font-weight:400;line-height:1.6;text-align:center;letter-spacing:-.14px}
.board-ui.board-type-campus-life .comment-item {display:flex;flex-direction:column;align-items:flex-end;gap:14px;margin-top:24px;padding:24px 32px;border:1px solid #ededed;border-radius:8px;background:#fff;color:#333}
.board-ui.board-type-campus-life .comment-content {width:100%}
.board-ui.board-type-campus-life .comment-head {display:flex;align-items:flex-start;width:100%;gap:8px;margin-bottom:8px}
.board-ui.board-type-campus-life .comment-meta {display:flex;align-items:center;flex:1;min-width:0;gap:8px;white-space:nowrap}
.board-ui.board-type-campus-life .comment-meta strong {color:#333;font-size:16px;font-weight:600;line-height:1.1;letter-spacing:-.4px}
.board-ui.board-type-campus-life .comment-meta span {color:#777;font-size:14px;font-weight:400;line-height:1;letter-spacing:-.35px}
.board-ui.board-type-campus-life .comment-item p {width:100%;margin:0;color:#333;font-size:14px;font-weight:400;line-height:1.6;letter-spacing:-.14px;word-break:break-word}
.board-ui.board-type-campus-life .comment-close {display:flex;align-items:center;justify-content:center;flex:0 0 20px;width:20px;height:20px;padding:0;border:0;background:transparent;line-height:0;cursor:pointer}
.board-ui.board-type-campus-life .comment-close svg {display:block;width:20px;height:20px}
.board-ui.board-type-campus-life .comment-answer,.board-ui.board-type-campus-life .comment-reply-write {width:100%;padding:20px 32px;border-radius:6px;background:#f8f8f8}
.board-ui.board-type-campus-life .comment-answer-head {display:flex;align-items:center;width:100%;gap:8px;margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid #dbdbdb}
.board-ui.board-type-campus-life .comment-reply-write {margin-top:0}
.board-ui.board-type-campus-life .comment-reply-write .comment-meta {width:100%;margin-bottom:14px;flex:none}
.board-ui.board-type-campus-life .comment-reply-write textarea {height:122px}
.board-ui.board-type-campus-life .pagination {display:flex;align-items:center;justify-content:center;margin-top:24px}
.board-ui.board-type-campus-life .pagination a,.board-ui.board-type-campus-life .pagination button {display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:0;background:transparent;color:#777;font-size:13px;font-weight:400;line-height:1;letter-spacing:-.33px;cursor:pointer}
.board-ui.board-type-campus-life .pagination a.is-on {color:#2c5bf6;font-weight:700}
.board-ui.board-type-campus-life .pagination svg {display:block;width:6.25px;height:10px}

@media (min-width:768px) and (max-width:1199px) {
	.board-ui.board-type-campus-life .board-list>.board-item>.board-number-cell {display:flex}
	.board-ui.board-type-campus-life .board-list>.board-item>.board-title-cell {flex:1 1 0;width:0}
}

@media (max-width:1199px) {
	.board-ui.board-type-campus-life .board-article-content figure.image {width:100% !important;max-width:100%}
	.board-ui.board-type-campus-life .board-article-content img {width:100% !important;max-width:100% !important;height:auto !important}
}

@media (max-width:767px) {
	.board-ui.board-type-campus-life .board-info-panel {margin-bottom:24px}
	.board-ui.board-type-campus-life .board-list>.board-item {min-height:60px;padding:12px 0;row-gap:4px}
	.board-ui.board-type-campus-life .board-list>.board-item:after {content:'';order:1;display:block;width:100%;height:0;flex:0 0 100%}
	.board-ui.board-type-campus-life .board-list>.board-item>.board-number-cell {display:none}
	.board-ui.board-type-campus-life .board-list>.board-item.is-notice>.board-number-cell {order:1;display:flex;align-items:flex-start;justify-content:center;width:auto;padding:2px 6px 0 0;flex:none}
	.board-ui.board-type-campus-life .board-list>.board-item>.board-title-cell {order:1;width:100%;padding:0;flex:1 1 0}
	.board-ui.board-type-campus-life .board-list>.board-item:not(.is-notice)>.board-title-cell {flex:0 0 100%}
	.board-ui.board-type-campus-life .board-list>.board-item>.board-date-cell {order:3;display:flex;align-items:center;justify-content:flex-start;width:auto;height:auto;padding:0;flex:none;color:#777;font-size:12px;line-height:1.4;letter-spacing:-.12px;text-align:left}
	.board-ui.board-type-campus-life .board-list .board-title-cell a {width:100%;font-size:14px;letter-spacing:-.14px}
	.board-ui.board-type-campus-life .board-list .board-title-cell span,.board-ui.board-type-campus-life .board-list .board-title-cell p {white-space:normal}
	.board-ui.board-type-campus-life .comment-write {margin-top:12px;padding:12px 14px;border-radius:6px}
	.board-ui.board-type-campus-life .comment-write>strong {margin-bottom:8px;font-size:15px}
	.board-ui.board-type-campus-life .comment-write textarea,.board-ui.board-type-campus-life .comment-reply-write textarea {height:124px;padding:12px;border-radius:4px;font-size:14px;line-height:1.4}
	.board-ui.board-type-campus-life .comment-bottom {margin-top:8px}
	.board-ui.board-type-campus-life .comment-bottom p {font-size:12px}
	.board-ui.board-type-campus-life .comment-bottom button {flex:0 0 84px;width:84px;height:32px;font-size:14px}
	.board-ui.board-type-campus-life .comment-reply-button {flex:none;width:84px;height:32px;font-size:14px}
	.board-ui.board-type-campus-life .comment-area>.comment-list {margin-top:12px}
	.board-ui.board-type-campus-life .comment-list.is-empty {margin-top:12px}
	.board-ui.board-type-campus-life .comment-empty {height:101px}
	.board-ui.board-type-campus-life .comment-item {gap:16px;padding:16px 12px 12px;margin-top:12px;border-radius:6px}
	.board-ui.board-type-campus-life .comment-head {align-items:center}
	.board-ui.board-type-campus-life .comment-meta strong {font-size:14px;line-height:1.4;letter-spacing:-.28px}
	.board-ui.board-type-campus-life .comment-meta span {font-size:12px;letter-spacing:-.3px}
	.board-ui.board-type-campus-life .comment-item p {font-size:14px;line-height:1.4}
	.board-ui.board-type-campus-life .comment-close {flex-basis:16px;width:16px;height:16px}
	.board-ui.board-type-campus-life .comment-close svg {width:16px;height:16px}
	.board-ui.board-type-campus-life .comment-answer,.board-ui.board-type-campus-life .comment-reply-write {padding:12px 14px}
	.board-ui.board-type-campus-life .comment-answer-head {margin-bottom:8px;padding-bottom:6px}
	.board-ui.board-type-campus-life .comment-reply-write .comment-meta {margin-bottom:8px}
	.board-ui.board-type-campus-life .pagination {margin-top:12px}
	.board-ui.board-type-campus-life .pagination a,.board-ui.board-type-campus-life .pagination button {width:32px;height:32px}
}
/* ==================================================
	학원생활 엿보기 (.board-type-tap-study)
================================================== */

.board-ui.board-type-tap-study.board-detail-article .board-article-title {
    justify-content: flex-start;
    gap: 8px;
}
.board-ui.board-type-tap-study.board-detail-article .board-article-meta {gap:0}
.board-ui.board-type-tap-study.board-detail-article .board-article-meta span+span {position:relative;padding-left:0}
.board-ui.board-type-tap-study.board-detail-article .board-article-meta span+span:before {
	display: none;
}

.board-ui.board-type-tap-study .board-title-cell a:hover p,.board-ui.board-type-tap-study .board-title-cell a:hover b {font-weight:600}

.board-ui.board-type-tap-study.board-detail-page .board-article-category {display:none}
.board-ui.board-type-tap-study .board-info-panel {margin-bottom:24px}

@media (min-width:768px) and (max-width:1199px) {
	.board-ui.board-type-tap-study.board-list-page .board-list>.board-item>.board-number-cell {display:flex}
	.board-ui.board-type-tap-study.board-list-page .board-list>.board-item>.board-title-cell {flex:1 1 0;width:0}
}

@media (max-width:767px) {
	.board-ui.board-type-tap-study.board-list-page .board-list>.board-item {min-height:60px;padding:12px 0;row-gap:4px}
	.board-ui.board-type-tap-study.board-list-page .board-list>.board-item:after {content:'';order:1;display:block;width:100%;height:0;flex:0 0 100%}
	.board-ui.board-type-tap-study.board-list-page .board-list>.board-item>.board-number-cell {display:none}
	.board-ui.board-type-tap-study.board-list-page .board-list>.board-item.is-notice>.board-number-cell {order:1;display:flex;align-items:flex-start;justify-content:center;width:auto;padding:2px 6px 0 0;flex:none}
	.board-ui.board-type-tap-study.board-list-page .board-list>.board-item>.board-title-cell {order:1;width:100%;padding:0;flex:1 1 0}
	.board-ui.board-type-tap-study.board-list-page .board-list>.board-item:not(.is-notice)>.board-title-cell {flex:0 0 100%}
	.board-ui.board-type-tap-study.board-list-page .board-list>.board-item>.board-date-cell {order:3;display:flex;align-items:center;justify-content:flex-start;width:auto;height:auto;padding:0;flex:none;color:#777;font-size:12px;line-height:1.4;letter-spacing:-.12px;text-align:left}
	.board-ui.board-type-tap-study.board-list-page .board-list .board-title-cell a {width:100%;font-size:14px;letter-spacing:-.14px}
	.board-ui.board-type-tap-study.board-list-page .board-list .board-title-cell span,.board-ui.board-type-tap-study.board-list-page .board-list .board-title-cell p {white-space:normal}
}


