@charset "UTF-8";

@import url(board-list.css);
@import url(board-view.css);
@import url(board-write.css);

/** 공통 **/
/* list 게시판 - colgroup 너비 지정 클래스 */
.b-col-auto{width:auto;}
.b-col-num{width:10%;}
.b-col4{width:4%;}
.b-col5{width:5%;}
.b-col6{width:6%;}
.b-col7{width:7%;}
.b-col8{width:8%;}
.b-col9{width:9%;}
.b-col10{width:10%;}
.b-col11{width:11%;}
.b-col12{width:12%;}
.b-col13{width:13%;}
.b-col14{width:14%;}
.b-col15{width:15%;}
.b-col16{width:16%;}
.b-col17{width:17%;}
.b-col18{width:18%;}
.b-col20{width:20%;}
.b-col22{width:22%;}
.b-col25{width:25%;}
.b-col30{width:30%;}
.b-col32{width:32%;}
.b-col35{width:35%;}
.b-col40{width:40%;}
.b-col42{width:42%;}
.b-col45{width:45%;}
.b-col50{width:50%;}

/* 게시판 공통 가이드 */ 
.b-h4-tit01{padding:0 0 2.4rem;font-size:3.2rem;line-height:1.4;font-weight:var(--font-weight-semibold);color:var(--color15);letter-spacing:-0.04em;}
.b-h4-tit01.color-white{color:var(--white100);}

/* 검색 영역 */
.bn-search{padding:0 0 3.2rem;}
.bn-search form{display:flex;justify-content:space-between;align-items:center;width:100%;}
.bn-search form.right{justify-content:right;}
.bn-search form.center{justify-content:center;}
.bn-search .b-search-wrap{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;flex:1;}
.bn-search .b-sel-box{display:inline-flex;padding:0 1.2rem 0 0;min-width:12.4rem;}
.bn-search .b-sel-box:last-of-type{margin:0;}
.bn-search .b-sel-box .b-select{padding:1.2rem 4rem 1.2rem 1.5rem;width:100%;border:1px solid var(--color26);border-radius:4rem;background:url(/_res/service/bcci/img/board/ico-search-arrow@2x.png) no-repeat center right 1.5rem/2.4rem;font-size:1.6rem;color:var(--color09);line-height:2.2rem;letter-spacing:-0.02em;appearance:none;webkit-appearance:none;}
.bn-search .b-search-box{display:flex;gap:8px;min-width:49.5rem;}
.bn-search .b-search-box .b-input{padding:1.2rem 1.5rem;width:100%;border:1px solid var(--color26);border-radius:4rem;outline:none;font-size:1.6rem;color:var(--color27);line-height:2.2rem;letter-spacing:-0.02em;}
.bn-search .b-search-box .b-sel-btn{flex-shrink:0;display:block;padding:1.3rem 1.6rem;border-radius:4rem;background-color:var(--color28);font-size:1.6rem;color:var(--white100);line-height:2.2rem;letter-spacing:-0.04em;}

/* 페이징 - b-paging */
.b-paging .b-paging-wrap ul{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;padding:4.8rem 0 0;}
.b-paging .b-paging-wrap ul li.prev + li{margin:0;}
.b-paging .b-paging-wrap ul li a{display:flex;justify-content:center;align-items:center;box-sizing:border-box;}
.b-paging .b-paging-wrap ul li.pager a{display:block;width:2.4rem;height:2.4rem;background-repeat:no-repeat;background-position:center;}
.b-paging .b-paging-wrap ul li:is(.first, .last) a{background-size:2.4rem;}
.b-paging .b-paging-wrap ul li:is(.prev, .next) a{background-size:2.4rem;}
.b-paging .b-paging-wrap ul li.first a{margin:0 2rem 0 0;background-image:url(../img/board/ico-pager-first@2x.png);}
.b-paging .b-paging-wrap ul li.prev a{margin:0 1.4rem 0 0;background-image:url(../img/board/ico-pager-prev@2x.png);}
.b-paging .b-paging-wrap ul li.next a{margin:0 0 0 1.4rem;background-image:url(../img/board/ico-pager-next@2x.png);}
.b-paging .b-paging-wrap ul li.last a{margin:0 0 0 2rem;background-image:url(../img/board/ico-pager-last@2x.png);}
.b-paging .b-paging-wrap ul li:not(.pager){margin:0 0 0 4px;}
.b-paging .b-paging-wrap ul li:not(.pager) a{width:3.2rem;height:3.2rem;font-size:1.6rem;color:var(--color02);line-height:2.2rem;letter-spacing:-0.04em;}
.b-paging .b-paging-wrap ul li a.active{border-radius:50%;background:var(--color14);color:var(--white100);}

/* 전체 선택/비선택 체크박스(관리자) */
.adm-chk{display:flex;align-items:center;padding:0 0 1.6rem;}
.adm-chk label{position:relative;padding:0 0 0 6px;font-size:1.6rem;line-height:2.2rem;}
.adm-chk input{display:block;margin:0;width:1.8rem;height:1.8rem;border:1px solid var(--color01);background:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;}
.adm-chk input:checked{border-color:transparent;background:var(--color04) url(/_res/service/bcci/img/board/ico-check01.png) no-repeat center center/1.6rem 1.2rem;}
.article-chk{position:absolute;top:5px;left:5px;z-index:10;line-height:1;}
.article-chk input{display:block;margin:0;width:1.8rem;height:1.8rem;border:1px solid var(--color01);background:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;}
.article-chk input:checked{border-color:transparent;background:var(--color04) url(/_res/service/bcci/img/board/ico-check01.png) no-repeat center center/1.6rem 1.2rem;}

/* 버튼 - b-btn */
.b-btn-wrap{display:flex;flex-wrap:wrap;gap:8px;padding:4rem 0 0 0;overflow:hidden;}
.co-board.view .b-btn-wrap{padding-bottom:4rem;}
.b-btn-wrap > div{display:flex;flex-wrap:wrap;gap:1.2rem;}
.b-btn-wrap.center{justify-content:center;}
.b-btn-wrap.left-right{justify-content:space-between;margin:0;}
.b-btn-wrap.right{justify-content:end;margin-left:auto;}
.b-btn{display:inline-flex;justify-content:center;align-items:center;gap:1.2rem;padding:1.5rem 2.2rem;border:1px solid transparent;border-radius:10rem;background:var(--color43);font-size:2rem;color:var(--white100);line-height:2.4rem;box-sizing:border-box;text-align:center;}
.b-btn.black{border-color:var(--color15);background-color:var(--color15);}
.b-btn.blue{border-color:var(--color26);background-color:var(--color14);}
.b-btn.white{border-color:var(--color26);background-color:var(--white100);color:var(--color15);}
.b-btn:before,
.b-btn:after{background:var(--white100);}
.b-btn.white:before,
.b-btn.white:after{background:var(--color15);}
.b-btn[class*="ico-"]::before,
.b-btn[class*="ico-"]::after{content:'';width:2.4rem;height:2.4rem;mask-repeat:no-repeat;mask-position:center center;mask-size:100%;}
.b-btn[class*="ico-"]:not(.reverse)::before{display:none;}
.b-btn[class*="ico-"]:not(.reverse)::after{display:block;}
.b-btn.reverse[class*="ico-"]::before{display:block;}
.b-btn.reverse[class*="ico-"]::after{display:none;}
.b-btn.ico-list::before,
.b-btn.ico-list::after{mask-image:url(../img/board/ico-btn-list@2x.png);}
.b-btn.ico-del::before,
.b-btn.ico-del::after{mask-image:url(../img/board/ico-btn-delete@2x.png);}
.b-btn.ico-regist::before,
.b-btn.ico-regist::after{mask-image:url(../img/board/ico-btn-edit@2x.png);}

.b-select{padding:0.9rem 4rem 0.9rem 1.5rem;width:20rem;border:1px solid var(--color26);border-radius:4rem;background:var(--white100) url(/_res/service/bcci/img/board/ico-search-arrow@2x.png) no-repeat center right 1.5rem/2.4rem;font-size:1.6rem;color:var(--color09);line-height:2.2rem;letter-spacing:-0.02em;appearance:none;-webkit-appearance:none;box-sizing:border-box;}
.b-input{padding:9px 1.5rem;width:100%;border:1px solid var(--color18);border-radius:2em;background:var(--white100);font-size:1.6rem;line-height:2.2rem;letter-spacing:-0.02em;color:var(--color09);box-sizing:border-box;}
.b-input[type="text"]{border-radius:2em;}
.b-textarea{padding:1.6rem;width:100%;height:21.2rem;resize:none;}
.b-textarea::placeholder{font-family:'Roboto', sans-serif;color:var(--color27);}
.b-input.flex-grow{flex:1;}
.b-input::placeholder{color:var(--color27);}
.b-input:disabled{background:transparent;}
.b-input:read-only{background:transparent;}
.b-input:read-only::placeholder{color:var(--color27);}
.b-input:invalid{background:transparent;}
.b-input:invalid::placeholder{color:var(--color27);}
.b-input:-webkit-autofill,
.b-input:autofill,
.b-input:-webkit-autofill:hover,
.b-input:autofill:hover,
.b-input:-webkit-autofill:focus,
.b-input:autofill:focus,
.b-input:-webkit-autofill:active,
.b-input:autofill:active{font-size:1.6rem !important;font-weight:var(--font-weight-regular) !important;-webkit-text-fill-color:var(--input-text-color);-webkit-box-shadow:0 0 0px 1000px transparent inset;transition:background-color 5000s ease-in-out 0s;}
.b-input.datepicker{padding-right:4rem;max-width:14.2rem;background:var(--white100) url(/_res/service/bcci/img/board/ico-cal01@2x.png) no-repeat center right 1.5rem/2.4rem;}
.b-input.datepicker::placeholder{color:var(--color09);}
.b-s-chk{display:flex;align-items:center;gap:7px;}
.b-radio{position:relative;margin:0;width:2.4rem;height:2.4rem;border:1px solid var(--color21);border-radius:50%;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;}
.b-radio:checked{border-color:var(--color14);}
.b-radio:checked:after{content:'';position:absolute;top:50%;left:50%;border-radius:50%;width:1.4rem;height:1.4rem;background:var(--color14);transform:translate(-50%,-50%);}
.b-radio label{font-size:1.6rem;line-height:1.4;color:var(--color01);cursor:pointer;}
.b-chk{margin:0;width:2.4rem;height:2.4rem;border:1px solid var(--color21);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;}
.b-chk:checked{border-color:var(--color14);background:var(--color14) url(/_res/service/bcci/img/board/ico-chk01@2x.png) no-repeat center center/1.3rem;;}
.b-chk label{font-size:1.6rem;line-height:1.4;color:var(--color01);cursor:pointer;}

/* 카테고리 - 교수진 - 목록 */
.co-board{position:relative;}
.bn-category-select{position:absolute;bottom:100%;z-index:10;max-width:50%;}
.bn-category-select select{padding:1.5rem 5rem 1.5rem 2.8rem;max-width:100%;border:none;background:var(--white100) url(../img/board/ico-arr-cate-select@2x.png) no-repeat center right 1.6rem / 2.4rem;font-size:1.6rem;line-height:1.4;letter-spacing:-0.04em;font-weight:var(--font-weight-semibold);color:var(--color04);outline:none;appearance:none;}

/* 게시판 뒤로가기 버튼 (탭 영역) */
.b-btn-back-wrap{position:absolute;bottom:100%;z-index:10;max-width:50%;}
.b-btn-back-wrap .b-btn-back{display:inline-flex;align-items:center;gap:1rem;padding:1.5rem 2rem 1.5rem 1rem;max-width:100%;border:none;background:var(--white100);font-size:1.6rem;line-height:1.4;letter-spacing:-0.04em;font-weight:var(--font-weight-semibold);color:var(--color04);outline:none;appearance:none;}
.b-btn-back-wrap .b-btn-back:before{content:'';display:block;width:1.6rem;height:1.6rem;background:url(../img/board/ico-b-btn-back@2x.png) no-repeat center center / 100%;}

@media screen and (max-width:1024.98px){
	/** 공통 **/
	/* colgroup 너비 지정 클래스 */
	.co-board table colgroup > [class*='b-col']{display:none;width:0;}
	.b-col-auto{width:100%;}

	/* 게시판 공통 가이드 */ 
	.b-h4-tit01{font-size:2.8rem;}	

	/* 검색 영역 */
	.bn-search .b-sel-box{padding:0 0 1.2rem;width:100%;}
	.bn-search .b-search-box{min-width:100%;}

	/* 전체 선택/비선택 체크박스(관리자) */
	.adm-chk{padding:0 0 1rem;}
	.adm-chk label{font-size:1.4rem;line-height:2rem;}
	.adm-chk input{width:1.6rem;height:1.6rem;}
	.adm-chk input:checked{background-size:1.4rem 1rem;}
	.article-chk{top:3px;left:3px;}
	.article-chk input{width:1.6rem;height:1.6rem;}
	.article-chk input:checked{background-size:1.4rem 1rem;}

	/* 페이징 - b-paging */
	.b-paging .b-paging-wrap ul{padding:3.2rem 0 0;}
	.b-paging .b-paging-wrap ul li.first a{margin:0 4px 0 0;}
	.b-paging .b-paging-wrap ul li.prev a{margin:0 1.2rem 0 0;}
	.b-paging .b-paging-wrap ul li.next a{margin:0 0 0 1.2rem;}
	.b-paging .b-paging-wrap ul li.last a{margin:0 0 0 4px;}

	/* 버튼 - b-btn */
	.b-btn-wrap{gap:1.2rem;padding:3.2rem 0 0 0;}
	.b-btn{width:100%;}

	.b-input.flex-grow{flex:unset;}
	.b-input.datepicker{max-width:100%;}
	.b-textarea{height:18rem;}
	.b-select{min-width:100%;}

	/* 카테고리 - 교수진 - 목록 */
	.co-board:has(.bn-category-select){padding:10.4rem 0 0;}
	.bn-category-select{top:0;bottom:unset;left:0;width:100%;max-width:none;min-height:4rem;border-top:1px solid var(--color21);background:var(--black100);}
	.bn-category-select select{padding:1rem 4.4rem 1rem 2rem;font-size:1.4rem;}

	/* 게시판 뒤로가기 버튼 (탭 영역) */
	.co-board:has(.b-btn-back-wrap){padding:4.1rem 0 0;}
	.b-btn-back-wrap{top:0;bottom:unset;left:0;width:100%;max-width:none;min-height:4rem;border-top:1px solid var(--color21);background:var(--black100);}
	.b-btn-back-wrap .b-btn-back{padding:1rem 2rem 1rem 1rem;font-size:1.4rem;}
}