@charset "utf-8";

/* 테이블 및 게시물옵션  ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
table .point::after {content:"*"; color:#d21010; padding-left:4px;} /* 필수값입력 */
table .space {display:inline-block; margin:2px 0;} /* 세부간격 */
table .space ~ .space {margin-left:2px;}

/* 테이블라인 */
.line_top {border-top:1px solid #ddd !important;}
.line_btm {border-bottom:1px solid #ddd !important;}
.line_left {border-left:1px solid #ddd !important;}
.line_right {border-right:1px solid #ddd !important;}

/* 테이블라인-진한선 */
.line_dark_top {border-top:1px solid #222 !important;}
.line_dark_btm {border-bottom:1px solid #222 !important;}
.line_dark_left {border-left:1px solid #222 !important;}
.line_dark_right {border-right:1px solid #222 !important;}

/* 테이블라인-점선 */
.line_dash_top {border-top:1px dashed #ccc !important;}
.line_dash_btm {border-bottom:1px dashed #ccc !important;}
.line_dash_left {border-left:1px dashed #ccc !important;}
.line_dash_right {border-right:1px dashed #ccc !important;}

/* 테이블배경색 */
.bg_gray {background:#f8fafd !important;}
.bg_blue {background:#f4f7ff !important;}
.bg_yellow {background:#fffbf1 !important;}
.bg_red {background:#fff7f7 !important;}
.bg_green {background:#f5faf8 !important;}


/* 페이징 */
.listPaging {width:100%; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:5px; text-align:center; margin:40px auto 0;}
.listPaging a {display:flex; justify-content:center; align-items:center; width:35px; height:35px; font-size:13px; color:#333; border-radius:3px;}
.listPaging a:hover {font-weight:bold; text-decoration:underline;}
.listPaging a:has(i):hover {text-decoration:none;}
.listPaging a.on {text-decoration:none; color:#fff; border:1px solid #222; background:#222;}
.listPaging a i {font-size:12px; opacity:0.5;}
.listPaging a:nth-child(1), .listPaging a:nth-child(2),
.listPaging a:nth-last-child(1), .listPaging a:nth-last-child(2) {border:1px solid #ccc; background:#fff;}


/* table list-fixed */
.fixed_head_scroll {position:relative; max-height:400px; border:1px solid #ddd; border-top:1px solid #222; overflow:auto;}
.fixed_head_scroll table {width:100%; table-layout:fixed; background:#fff;}
.fixed_head_scroll table thead tr {position:sticky; top:0; z-index:2; box-shadow:0 1px 5px rgba(51,39,73,0.2);}
.fixed_head_scroll table thead th {padding:12px 8px; font-weight:500; color:#333; text-align:center; border-left:1px solid #ddd; border-bottom:1px solid #ddd; background:#f7f8fc;}
.fixed_head_scroll table thead th:first-child {border-left:none;}
.fixed_head_scroll table thead th label {font-weight:500; margin:0;}
.fixed_head_scroll table thead th em {font-weight:bold; color:#de1819;}
.fixed_head_scroll table tbody th {padding:8px; text-align:left; border-bottom:1px solid #ddd; border-left:1px solid #ddd;}
.fixed_head_scroll table tbody th:first-child {border-left:none;} 
.fixed_head_scroll table tbody td {padding:8px; text-align:center; border-bottom:1px solid #ddd; border-left:1px solid #ddd;} 
.fixed_head_scroll table tbody td:first-child {border-left:none;}
.fixed_head_scroll table tbody a {color:#555; text-decoration:none;}
.fixed_head_scroll .nodata {font-size:15px; color:#333; padding:12px 8px;}
.fixed_head_scroll table input[type="checkbox"],
.fixed_head_scroll table input[type="radio"] {margin:0;}


/* 에디터에서 등록한 텍스트 노출영역 */
.editor_view * {all:revert-layer; font:revert-layer; line-height:unset;}
.editor_view img {position:relative; width:auto; max-width:945px; height:auto; margin:1rem auto; text-align:center;}

@media screen and (max-width :1024px){
	.editor_view img {max-width:685px;}
}

@media screen and (max-width: 768px){
	.editor_view img {max-width:100%; height:auto !important;}
	.editor_view table {table-layout:auto !important;}
}


/* 관리자용 테이블 /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* table list */
.tableList {border-top:1px solid #222; border-left:1px solid #ddd; overflow:hidden;}
.tableList table {width:100%; background:#fff; table-layout:fixed;}
.tableList table thead th {font-weight:500; color:#333; text-align:center; padding:12px 8px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; background:#f7f8fc;} 
.tableList table tbody td {text-align:center; padding:10px 8px; border-bottom:1px solid #ddd; border-right:1px solid #ddd;} 
.tableList table tbody th {text-align:left; padding:10px 8px; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.tableList table input[type="checkbox"] {margin:0;}
.tableList table tbody td pre {font-family:"NotoSansKR"; white-space:pre-wrap;} 

.tableList .notice_title {width:100%; display:flex; align-items:center; gap:0 8px;} /* 제목영역 */

.tableList .notice_bg th, .tableList .notice_bg td {background:#f1f8fe;} /* 공지사항 - 주요공지 */
.tableList .noticeImp {width:50px; display:inline-flex; justify-content:center; align-items:center; font-size:12px; color:#fff; padding:5px; border-radius:50px; background:#295384;}

.tableList .new {
	font-family:"Pretendard"; width:18px; height:18px; flex:0 0 18px; display:inline-flex; justify-content:center; align-items:center; 
	font-size:10px; line-height:0; font-weight:500; color:#fff; text-align:center; border-radius:3px; background:#d02258;
} /* 공지사항 - 신규공지 */

.tableList .reply {font-size:12px; color:#555; transform:rotate(-180deg);} /* 답글 */

/* table list - 스크롤 */
.tableListScrollSmall * {font-size:14px; line-height:1.4;}
.tableListScrollSmall {border-top:1px solid #222; overflow:auto;}
.tableListScrollSmall table {width:100%; table-layout:fixed; border-left:1px solid #ddd; background:#fff;}
.tableListScrollSmall table thead th {font-weight:500; color:#333; text-align:center; padding:12px 8px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; background:#f7f8fc;}
.tableListScrollSmall table tbody th {text-align:left; padding:10px 8px; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
.tableListScrollSmall table tbody th.head {font-weight:500; color:#333; text-align:center; background:#f7f8fc;}
.tableListScrollSmall table tbody td {text-align:center; padding:10px 8px; border-right:1px solid #ddd; border-bottom:1px solid #ddd;} 
.tableListScrollSmall table input[type="checkbox"] {margin:0;}
.tableListScrollSmall table tfoot th {font-size:14px; padding:10px 6px; font-weight:500; color:#333; text-align:center; border-right:1px solid #ddd; border-bottom:1px solid #ddd; background:#eef4ff;}
.tableListScrollSmall table tfoot td {font-size:14px; padding:10px 6px; font-weight:500; color:#333; text-align:center; border-right:1px solid #ddd; border-bottom:1px solid #ddd; background:#eef4ff;}

/* table view */
.tableView {border-top:1px solid #222; overflow:hidden;}
.tableView table {width:100%; background:#fff; table-layout:fixed; border-left:1px solid #ddd;}
.tableView table th {padding:10px 8px; color:#333; font-weight:500; text-align:center; border-right:1px solid #ddd; border-bottom:1px solid #ddd; background:#f7f8fc;}
.tableView table td {padding:10px 8px; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}

.tableView .tv_title {padding:10px 10px; font-weight:500; text-align:center; border-bottom:1px solid #ddd; background:#eff1f7;} /* 제목영역 */

.tableView .board_cont {height:400px; vertical-align:baseline;} /* editor 등록영역 */
.tableView .board_cont img {position:relative; left:50%; transform:translateX(-50%); width:auto; max-width:945px; height:auto; margin:0 auto; text-align:center;}
.tableView .board_cont #imgarea, .tableView .board_cont #imgarea * {display:initial;}


/* 사용자용 테이블 /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* ##### 공지사항용 테이블 ##### */
/* 이전글-다음글 */
.prev_next {margin-top:5rem; border-top:1px solid #ccc; border-bottom:1px solid #ccc; background:#fff;}
.prev_next div {display:grid; grid-template-columns:12rem 1fr; align-items:center;}
.prev_next div ~ div {border-top:1px solid #ccc;}
.prev_next div b {font-size:1.5rem; font-weight:500; color:#333; text-align:center; padding:1.5rem 2rem; border-right:1px solid #ddd; background:#f4f8fc;}
.prev_next div b i {font-size:1rem; margin-left:8px; color:#3a7ecd;}
.prev_next div p {flex:1; font-size:1.5rem; color:#999; padding:0 1.2rem; overflow:hidden;}
.prev_next div p a {display:block; font-size:1.5rem; color:#222; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.prev_next div p a:hover {text-decoration:underline;}


/* 공지사항 list table */
.bbs_board {border-top:1px solid #222; overflow:hidden;}
.bbs_board table {width:100%; table-layout:fixed; background:#fff;}
.bbs_board table thead th {vertical-align:middle; font-weight:500; text-align:center; color:#333; padding:1.5rem 0.8rem; border-bottom:1px solid #ccc; background:#f4f8fc;}
.bbs_board table tbody th {vertical-align:middle; text-align:left; font-weight:normal; padding:1.5rem 0.8rem; border-bottom:1px solid #ddd; background:#fff;}
.bbs_board table tbody td {vertical-align:middle; text-align:center; padding:1.5rem 0.8rem; border-bottom:1px solid #ddd; background:#fff;}
.bbs_board table tbody tr:hover th, .bbs_board table tbody tr:hover td {background:#f7f8fc;} /* hover 시 노출되는 배경색 */

.bbs_board .notice_bg th, .bbs_board .notice_bg td {background:#f1f8fe;} /* 주요공지 */
.bbs_board .noticeImp {width:5rem; display:inline-flex; justify-content:center; align-items:center; font-size:1.2rem; color:#fff; padding:5px; border-radius:50em; background:#295384;} /* 주요공지 포인트 */

.bbs_board .new {
	width:1.8rem; height:1.8rem; flex:0 0 1.8rem; display:inline-flex; justify-content:center; align-items:center; 
	font-size:1rem; line-height:0; font-weight:500; color:#fff; text-align:center; border-radius:3px; background:#d02258;
} /* 신규 */

.bbs_board .notice_title {width:100%; display:flex; align-items:center; gap:0 8px;} /* 제목영역 */

.bbs_board .reply {font-size:12px; color:#555; transform:rotate(-180deg);} /* 답글 */

.bbs_board .nodata {height:10rem; font-size:1.6rem; color:#222;} /* 데이터 존재하지 않는 경우 */
.bbs_board .nodata:hover {background:transparent;}

@media all and (max-width: 768px){
	.bbs_board * {font-size:14px;}
	.bbs_board table colgroup {display:none;}
	.bbs_board table thead {display:none;}
	
	.bbs_board table tbody tr {display:block; border-bottom:1px solid #ddd; padding:1.5rem;}
	.bbs_board table tbody tr th {display:flex; width:100%; padding:0; margin-bottom:1rem; border-bottom:none;}
	.bbs_board table tbody tr th a {font-size:1.8rem;}
	.bbs_board table tbody tr td {display:inline-flex; padding:0 1rem 0 0; color:#555; border-bottom:none;}
	.bbs_board table tbody tr:hover th, .bbs_board table tbody tr:hover td {background:transparent;}
	
	.bbs_board .notice_bg {background:#f1f8fe;}
	.bbs_board .noticeImp {margin-bottom:1.5rem;}
	
	.bbs_board .board_hide {display:none;} /* 불필요 영역 삭제처리-순번, 조회수 등... */
	.bbs_board .nodata {display:flex; width:100%; justify-content:center; align-items:center;}
}


/* 공지사항 view table */
.board_view {border-top:1px solid #222; border-bottom:1px solid #ccc; background:#fff; overflow:hidden;}
.board_view .board_info {display:flex; flex-direction:column; gap:2rem; padding:4rem 2rem; border-bottom:1px solid #ccc;}
.board_view .board_info h3 {font-size:2.2rem; line-height:1.4; font-weight:500; text-align:center; color:#222;}
.board_view .board_info ul {display:flex; justify-content:center; align-items:center; gap:1rem 3rem; margin-top:1rem;}
.board_view .board_info ul:last-child {margin:0;}
.board_view .board_info ul li {position:relative; display:flex; align-items:center; gap:2rem; font-size:1.5rem; color:#777;}
.board_view .board_info ul li ~ li::after {content:""; display:block; position:absolute; left:-1.5rem; top:5px; width:1px; height:12px; background:#bbb;}
.board_view .board_info ul li b {font-weight:500; color:#555;}

.board_view .board_files {display:flex; align-items:center; gap:1rem 3rem; margin:2rem auto; padding:1.5rem 2rem; border-radius:1rem; background:#f4f8fc;}
.board_view .board_files b {font-size:1.5rem; font-weight:500; color:#222;}
.board_view .board_files ul {width:100%; flex:1;}
.board_view .board_files ul li {width:100%; font-size:1.4rem; padding:10px; border-radius:5px; border:1px solid #ddd; background:#fff;}
.board_view .board_files ul li + li {margin-top:8px;}

.board_view .board_cont {min-height:300px; font-size:1.4rem; padding:4rem 2rem;}
.board_view .board_cont img {position:relative; width:auto; max-width:945px; height:auto; margin:1rem auto; text-align:center;}

@media screen and (max-width :1024px){
	.board_view .board_cont img {max-width:685px;}
}

@media screen and (max-width: 768px){
	.board_view * {font-size:14px;}
	.board_view .board_cont img {max-width:100%; height:auto !important;}
	.board_view .board_cont table {table-layout:auto !important;}
	
	.board_view .board_files {flex-direction:column; align-items:flex-start;}
}
@media screen and (max-width: 480px){
	.board_view .board_info ul {flex-direction:column; align-items:end;}
	.board_view .board_info ul li ~ li::after {display:none;}
}



/* ##### 반응형 테이블 ##### */
/* table list */
.bbsList {position:relative; border-top:1px solid #222; background:#fff; overflow:hidden; overflow-x:auto;}
.bbsList table {width:100%; table-layout:fixed;}
.bbsList table thead th {font-weight:500; color:#222; text-align:center; padding:1.5rem 8px; border-bottom:1px solid #ccc; background:#f4f8fc;}
.bbsList table thead th ~ th {border-left:1px solid #ddd;}
.bbsList table tbody th {text-align:center; padding:1.2rem 8px; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.bbsList table tbody td {text-align:center; padding:1.2rem 8px; color:#333; border-bottom:1px solid #ddd;}
.bbsList table tbody th ~ th,
.bbsList table tbody td ~ td {border-left:1px solid #ddd;}
.bbsList table tfoot th {font-size:1.6rem; color:#222; padding:1.5rem 8px; text-align:center; border-bottom:1px solid #ddd; border-right:1px solid #ddd; background:#f1f8fe;} 
.bbsList table tfoot td {font-size:1.6rem; padding:1.5rem 8px; border-bottom:1px solid #ddd; background:#f1f8fe;}
.bbsList table tfoot td span {font-weight:bold; letter-spacing:0; color:#222;}

.bbsList table input[type="checkbox"], .bbsList table input[type="radio"] {margin:0;} /* 체크박스-라디오버튼 */

@media screen and (max-width: 768px) { 
	.bbsList * {font-size:14px;}
}

/* table list box */
.bbsListSmall * {font-size:1.3rem;}
.bbsListSmall {border-top:1px solid #222; overflow:hidden; overflow-x:auto;}
.bbsListSmall table {width:100%; table-layout:fixed; border-left:1px solid #ddd; background:#fff;}
.bbsListSmall table thead th {font-size:1.3rem; padding:1.2rem 6px; font-weight:500; color:#333; text-align:center; border-right:1px solid #ddd; border-bottom:1px solid #ddd; background:#f4f8fc;}
.bbsListSmall table tbody th {font-size:1.3rem; padding:1rem 6px; font-weight:500; color:#333; text-align:center; border-right:1px solid #ddd; border-bottom:1px solid #ddd; background:#f4f8fc;}
.bbsListSmall table tbody td {font-size:1.3rem; padding:1rem 6px; text-align:center; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
.bbsListSmall table tfoot th {font-size:1.3rem; padding:1rem 6px; font-weight:500; color:#333; text-align:center; border-right:1px solid #ddd; border-bottom:1px solid #ddd; background:#eef4ff;}
.bbsListSmall table tfoot td {font-size:1.3rem; padding:1rem 6px; font-weight:500; color:#333; text-align:center; border-right:1px solid #ddd; border-bottom:1px solid #ddd; background:#eef4ff;}

.bbsListSmall.bbsHover table tbody tr:hover th, .bbsListSmall.bbsHover table tbody tr:hover td {color:#222; background:#f5faf8;}

@media screen and (max-width: 768px) { 
	.bbsListSmall {position:relative; overflow:hidden; overflow-x:scroll;}
	.bbsListSmall table colgroup col.orderNum,col.orderNum {display:none;}
	.bbsListSmall table thead th.orderNum,th.orderNum {display:none;}
	.bbsListSmall table tbody td.orderNum,td.orderNum {display:none;}
	.bbsListSmall table thead th {text-align:center;}
}

/* table view */
.bbsView {position:relative; border-top:1px solid #222; background:#fff; overflow:hidden;}
.bbsView table {width:100%; table-layout:fixed;}
.bbsView table thead th {text-align:center;}
.bbsView table thead th:last-child {border-right:none;}
.bbsView table tbody pre {font-family:"NotoSansKR"; white-space:pre-wrap;}

.bbsView th {padding:1.5rem 1rem; color:#333; font-weight:500; border-right:1px solid #ddd; border-bottom:1px solid #ddd; background:#f4f8fc; word-break:keep-all;}
.bbsView th + th, .bbsView td + td {border-left:1px solid #ddd;}
.bbsView td {padding:1.5rem 1rem; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
.bbsView td:last-child {border-right:none;}

.bbsView .tv_title {padding:1.5rem 1rem; font-size:1.6rem; font-weight:500; text-align:center; border-right:none; border-bottom:1px solid #ddd; background:#e5ecf3;} /* 제목영역 */
.bbsView .tv_cnt {min-height:5rem;} /* 콘텐트영역 */
.bbsView .tv_cnt img {position:relative; width:auto; max-width:945px; height:auto; margin:10px auto; text-align:center;}
.bbsView .mth {display:none;} /* 모바일에서 보임 */
.bbsView .dth {display:table-cell;} /* 데스크탑에서 보임 */

@media screen and (max-width: 768px) { 
	.bbsView * {font-size:14px;}
	.bbsView thead, .bbsView colgroup {display:none;}
	.bbsView td {position:relative; display:block; border-left:0; border-right:0;}
	.bbsView td + td {border-left:0;}
	.bbsView tbody tr {display:flex; flex-wrap:wrap;}
	.bbsView tbody th {display:flex; width:100px; text-align:left; align-items:center;}
	.bbsView tbody td {width:calc(100% - 100px);}
	.bbsView.wideTH tbody th {width:100px;}
	.bbsView.wideTH tbody td {width:calc(100% - 100px);}
	.bbsView .wide {width:100% !important; text-align:left; border-right:none;}
	.bbsView .wide + td {width:100% !important;}
	.bbsView .wide + th {border-left:none;}
	.bbsView .wide br {display:none;}
	
	.bbsView .tv_title {width:100% !important; justify-content:center;}
	.bbsView .tv_cnt {width:100% !important;}
	.bbsView .tv_cnt img {max-width:100%; height:auto !important;}
	
	.bbsView .mth {display:flex !important;} /* 모바일에서 보임 */
	.bbsView .dth {display:none !important;} /* 데스크탑에서 보임 */
	.bbsView .mob_al {text-align:left;}
	
	.bbsView .answer_chk_sum {flex-wrap:nowrap;}
	.bbsView .answer_chk_sum .sum_title {word-break:keep-all; border-right:1px solid #ddd;}
	.bbsView .answer_chk_sum .sum_count {width:100px !important;} /* 비교과 담당자 설문조사 */
	
	.bbsView .split_line {border-top:1px solid #555;} /* 영역-구분선 */
	
	.bbsView .univ_count ~ .univ_count {border-top:1px solid #555;}
	
	/* 반응형일경우 에디터 설정 안보이도록 처리 */
	.cheditor-tb-wrapper {display:none !important;}
	.cheditor-editarea-wrapper {border:none !important;}
}