@charset "utf-8";
@import url(sj-board-list.css);
@import url(sj-board-view.css);
@import url(sj-board-write.css);
@import url(sj-calendar.css);


/* common */
button{font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;}
select::-ms-expand{display:none;}
pre{font-family:inherit;}
button{border:none;}

.fr-view table td, 
.fr-view table th{border:none;}

/* 공통 */
.b-input{display:inline-block;flex:1;padding:1.2rem 2rem;width:100%;border:1px solid var(--color40);border-radius:5px;font-size:1.6rem;font-weight:var(--font-weight-semibold);color:var(--black03);line-height:2.2rem;box-sizing:border-box;}
.b-input[type="text"]{border-radius:5px;}
.b-input::placeholder{font-weight:var(--font-weight-semibold);color:var(--black09);}
.b-input.datepicker{padding-right:3.6rem;background:url(../img/sj-board/ico-cal01%402x.png) no-repeat right 2rem center/1.6rem;}
.b-input.datepicker:focus-visible{background-image:url(../img/sj-board/ico-cal01-active%402x.png);}
.b-textarea{height:50rem;appearance:none;-webkit-appearance:none;-moz-appearance:none;resize:none;}
.b-select{display:inline-block;flex:1;padding:1.2rem 3.5rem 1.2rem 2rem;width:100%;border:1px solid var(--color40);border-radius:5px;background:url(../img/sj-board/ico-wr-select-arrow%402x.png) no-repeat right 2rem center/1.2rem 6px;font-size:1.6rem;font-weight:var(--font-weight-semibold);color:var(--black03);line-height:2.2rem;box-sizing:border-box;appearance:none;}
.b-phrase{font-size:3.4rem;font-weight:var(--font-weight-bold);line-height:4rem;}

/* 카테고리 탭 */
.b-category .b-category-box{padding:0 0 8rem;}
.b-category .b-category-box ul{display:flex;position:relative;border-left:1px solid var(--color28);background-color:var(--color27);overflow:hidden;box-sizing:border-box;}
.b-category .b-category-box ul li{flex:1;position:relative;border-bottom:2px solid var(--color08);text-align:center;box-sizing:border-box;}
.b-category .b-category-box ul li.active{background-color:var(--white100);border:2px solid var(--color08);border-bottom:none;}
.b-category .b-category-box ul li:not(.active) a{border-top:1px solid var(--color28);border-right:1px solid var(--color28);}
.b-category .b-category-box ul li a{display:flex;align-items:center;justify-content:center;position:relative;padding:2.2rem 1rem 2.1rem;height:100%;font-size:1.8rem;font-weight:var(--font-weight-bold);line-height:2.2rem;color:var(--color04);box-sizing:border-box;}
.b-category .b-category-box ul li a:before{content:'';display:none;position:absolute;top:0;left:0;z-index:10;width:100%;height:100%;border:2px solid var(--outline-color);box-sizing:border-box;}

/* 총 게시글 수 */
.b-total-wrap{align-self:flex-end;padding:0 2rem 0 0;}
.b-total-wrap p{font-family:'ivyora-display',serif;font-size:1.4rem;font-weight:var(--font-weight-medium);color:var(--black100);line-height:2rem;}
.b-total-wrap span{padding:0 0 0 5px;font-family:'Pretendard',sans-serif;font-size:1.4rem;font-weight:var(--font-weight-semibold);color:var(--color01);line-height:2rem;}

/* 검색 영역 */
.bn-search{padding:0 0 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;margin:0 1rem 0 0;min-width:11.3rem;}
.bn-search .b-sel-box:last-of-type{margin:0;}
.bn-search .b-select{padding:1.1rem 3rem 1.2rem 1.8rem;border:none;border-radius:8px;border:1px solid var(--color17);background:url(../img/sj-board/ico-common-select-arrow%402x.png) no-repeat center right 1.5rem/1.1rem 6px;font-size:1.5rem;font-weight:var(--font-weight-semibold);color:var(--black03);line-height:2.1rem;}
.bn-search .b-search-box{display:flex;position:relative;}
.bn-search .b-input{padding:1.1rem 4.5rem 1.2rem 1.8rem;min-width:35.1rem;border-radius:8px;border:1px solid var(--color17);font-size:1.5rem;font-weight:var(--font-weight-medium);color:var(--black03);line-height:2.1rem;}
.bn-search .b-input::placeholder{font-size:1.5rem;font-weight:var(--font-weight-medium);color:var(--color59);line-height:2.1rem;}
.bn-search .b-sel-btn{position:absolute;top:50%;right:2rem;width:2.1rem;height:2.1rem;background:url(../img/sj-board/ico-search%402x.png) no-repeat left center / 100%;cursor:pointer;transform:translateY(-50%);}
/* 이미지링크유형(세종대신문) 검색영역 바로가기 버튼 */
.bn-search .b-shortcut-box .b-shortcut{display:flex;align-items:center;gap:6px;padding:1.4rem 2.4rem;border-radius:2.4rem;background-color:var(--color01);box-sizing:border-box;}
.bn-search .b-shortcut-box .b-shortcut::after{content:'';width:1rem;height:1.1rem;background:url(../img/sj-board/ico-b-shortcut-arrow%402x.png) no-repeat 0 0/100%;}
.bn-search .b-shortcut-box .b-shortcut span{font-size:1.4rem;font-weight:var(--font-weight-semibold);color:var(--white100);line-height:2rem;}

/* 검색영역 카테고리 선택 */
.bn-search .b-search-cate-list ul{display:flex;}
.bn-search .b-search-cate-list ul li{display:flex;align-items:center;}
.bn-search .b-search-cate-list ul li:after{content:'';margin:0 2.4rem;width:1px;height:2.8rem;background:var(--color56);}
.bn-search .b-search-cate-list ul li:last-of-type:after{display:none;}
.bn-search .b-search-cate-list .b-search-cate-box{position:relative;margin:0 0 0 -2.4rem;}
.bn-search .b-search-cate-list .b-search-cate-box:after{content:'';position:absolute;top:50%;right:0;width:3.7rem;height:3.7rem;border:1px solid var(--color48);border-radius:50%;background:#fff url(../img/sj-board/ico-arr-calender%402x.png) no-repeat 50% 50% / 1.2rem;pointer-events:none;transform:translateY(-50%);}
.bn-search .b-search-cate-list .b-search-cate-box .b-search-category{padding:0 7.8rem 0 2.4rem;border:none;background:none;font-family:inherit;font-size:2.4rem;line-height:3.4rem;color:var(--black100);font-weight:var(--font-weight-bold);outline:none;}
.bn-search .b-search-cate-list .b-search-cate-box .b-search-category option{font-size:1.8rem;line-height:2.8rem;}

/* 전체 선택/비선택 체크박스(관리자) */
.adm-chk{display:flex;align-items:center;padding:0 0 1.6rem;}
.adm-chk label{position:relative;top:1px;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(--color40);background:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;}
.adm-chk input:checked{border-color:transparent;background:url(../img/sj-board/ico-chk03%402x.png) no-repeat center center/2.6rem;}
.article-chk{position:absolute;top:5px;left:0;z-index:10;line-height:1;}
.article-chk input{display:block;margin:0;width:1.8rem;height:1.8rem;border:1px solid var(--color40);background:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;}
.article-chk input:checked{border-color:transparent;background:url(../img/sj-board/ico-chk03%402x.png) no-repeat center center/2.6rem;}
/* 전체 선택/비선택 체크박스(관리자) - 대표홈페이지 > 일반유형 */
.bn-list-common .article-chk{left:-12%;}

/* 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-paging */
.b-paging .b-paging-wrap ul{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;padding:2.6rem 0 0;}
.b-paging .b-paging-wrap ul li{}
.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:3.4rem;height:3.4rem;border:1px solid var(--color60);border-radius:50%;background-repeat:no-repeat;background-position:center;}
.b-paging .b-paging-wrap ul li:is(.first, .last) a{background-size:1.1rem 1.1rem;}
.b-paging .b-paging-wrap ul li:is(.prev, .next) a{background-size:6px 1.1rem;}
.b-paging .b-paging-wrap ul li.first a{margin:0 1.5rem 0 0;background-image:url(../img/sj-board/ico-btn-first-page%402x.png);}
.b-paging .b-paging-wrap ul li.prev a{margin:0 1.5rem 0 0;background-image:url(../img/sj-board/ico-btn-prev-page%402x.png);}
.b-paging .b-paging-wrap ul li.next a{margin:0 0 0 1.5rem;background-image:url(../img/sj-board/ico-btn-next-page%402x.png);}
.b-paging .b-paging-wrap ul li.last a{margin:0 0 0 1.5rem;background-image:url(../img/sj-board/ico-btn-last-page%402x.png);}
.b-paging .b-paging-wrap ul li:not(.pager){margin:0 0 0 1.5rem;}
.b-paging .b-paging-wrap ul li:not(.pager) a{width:3.8rem;height:3.8rem;font-size:1.5rem;line-height:2.1rem;font-weight:var(--font-weight-regular);color:var(--black100);}
.b-paging .b-paging-wrap ul li a.active{border-radius:50%;background:var(--color01);font-weight:var(--font-weight-regular);color:var(--white100);}

/* 버튼 */
.b-btn-wrap{display:flex;flex-wrap:wrap;gap:1rem;padding:6rem 0 0;box-sizing:border-box;}
.b-btn-wrap.right{justify-content:flex-end;}
.b-btn-wrap.center{justify-content:center;}
.b-btn-wrap .b-btn{flex:1;display:block;padding:1.4rem 1rem;border-radius:2.7rem;border:1px solid var(--color52);background-color:var(--color52);width:100%;max-width:15rem;font-size:1.8rem;line-height:2.4rem;color:var(--white100);font-weight:var(--font-weight-semibold);text-align:center;transition:0.25s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;}
.b-btn-wrap .b-btn.delete{border-color:var(--color50);background-color:var(--white100);color:var(--color01);}
.b-btn-wrap .b-btn.cancel{border-color:var(--color48);background-color:var(--white100);color:var(--color54);}
.b-btn-wrap .b-btn:hover{border-color:var(--color52);background-color:var(--white100);color:var(--color52);}

/* 체크박스 */
.b-chk{display:inline-block;position:relative;margin:0 8px 0 0;border:1px solid var(--border-color11);border-radius:50%;width:2.4rem;height:2.4rem;background:#fff url(https://www.sejong.ac.kr/_res/sejong/_share/img/sj-common/board/ico-chk01-gray-s@2x.png) no-repeat center center/1.1rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;vertical-align:middle;cursor:pointer;box-sizing:border-box;}
.b-chk:checked{border-color:var(--color03);background-color:var(--color03);background-image:url(https://www.sejong.ac.kr/_res/sejong/_share/img/sj-common/board/ico-chk01-s@2x.png);}
.b-chk:disabled{border-color:var(--border-color04);background-color:var(--border-color04);background-image:url(https://www.sejong.ac.kr/_res/sejong/_share/img/sj-common/board/ico-chk01-s@2x.png);}
.b-chk + label{display:inline-block;font-size:1.5rem;line-height:2.1rem;color:var(--text-color04);font-weight:var(--font-weight-bold);vertical-align:middle;cursor:pointer;}
.b-chk:checked + label{color:var(--text-color06);}

/* 라디오버튼 */
.b-radio{position:absolute;margin:-1px;padding:0;width:1px;height:1px;border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);}
.b-radio + label{display:inline-block;position:relative;padding:0 0 0 2.5rem;font-size:1.6rem;font-weight:var(--font-weight-semibold);color:var(--black01);line-height:2.2rem;cursor:pointer;}
.b-radio + label:before{content:"";display:inline-block;position:absolute;top:50%;left:0;width:2rem;height:2rem;border:1px solid var(--color40);background-color:#fff;border-radius:50%;box-sizing:border-box;transform:translateY(-50%);}
.b-radio:checked + label:before{border-color:var(--color54);}
.b-radio:checked + label:after{content:"";display:block;position:absolute;top:50%;left:4px;width:1.2rem;height:1.2rem;background-color:var(--color54);border-radius:50%;transform:translateY(-50%);}

/* 체크박스 커스텀 디자인 - 뉴스룸 웹진구독 */
.b-chk-box{position:relative;}
.b-chk-blue{position:absolute;top:0;left:0;opacity:0;pointer-events:none;}
.b-chk-blue+label{display:flex;align-items:center;gap:0 1rem;font-size:1.5rem;line-height:2.1rem;font-weight:var(--font-weight-bold);color:var(--color54);}
.b-chk-blue+label:before{content:'';display:block;width:2.4rem;height:2.4rem;border:1px solid var(--color48);border-radius:2px;}
.b-chk-blue:checked+label:before{background:var(--white100) url(../img/sj-board/ico-check-blue%402x.png) no-repeat center center / 1.1rem;}

.b-btn-chk-wrap{display:flex;gap:1rem;width:100%;}
.b-btn-chk-box{position:relative;width:100%;max-width:25.5rem;}
.b-btn-chk-box input{position:absolute;top:0;left:0;opacity:0;pointer-events:none;}
.b-btn-chk-box input:checked{}
.b-btn-chk-box label{display:block;padding:1.3rem 1rem;width:100%;border-radius:3px;background:var(--color63);font-size:1.6rem;line-height:2.2rem;font-weight:var(--font-weight-bold);color:var(--color109);box-sizing:border-box;text-align:center;cursor:pointer;}
.b-btn-chk-box input:checked+label{background:var(--color52);color:var(--white100);}
.b-btn-chk-box input:checked+label span{padding:0 0 0 2.2rem;background:url(../img/sj-board/ico-check-btn-chk%402x.png) no-repeat center left / 1.5rem;}

@media screen and (max-width:1280px){
	/* 총 게시글 수 */

	.b-total-wrap{padding:0 0 1.6rem;width:100%;box-sizing:border-box;}

	/* 검색 영역 */
	.bn-search form{flex-direction:column;align-items:self-end;}
	/* 검색영역 카테고리 선택 */
	.bn-search .b-search-cate-list{margin:0 0 1rem;}

	/* 이미지링크유형(세종대신문) 검색영역 바로가기 버튼 */
	.bn-search .b-shortcut-box{padding:0 0 1rem;}
}

@media screen and (max-width:1024.98px) {
	/* 공통 */
	.b-input{padding:6px 1rem 7px;font-size:1.3rem;line-height:1.9rem;}
	.b-input.datepicker{padding-right:2.2rem;background-position:right 1rem center;background-size:1.2rem;}
	.b-textarea{height:18rem;}
	.b-select{padding:6px 2rem 7px 1rem;background-position:right 1rem center;background-size:8px;font-size:1.3rem;line-height:1.9rem;}
	.b-select.timepicker{padding-right:3rem;background-position:right 1rem center;}

	/* 카테고리 탭 - 모바일 셀렉트 */
	.b-category-m{position:relative;text-align:center;padding:0 0 2rem;}
	.b-category-m label{position:relative;display:block;padding:1rem;background:var(--color01);font-size:1.6rem;line-height:2.4rem;;color:var(--white100);}
	.b-category-m label:after{content:'';display:inline-block;position:absolute;top:calc(50% - 2px);right:1.1rem;width:8px;height:8px;border-right:1px solid var(--white100);border-bottom:1px solid var(--white100);transform:translateY(-50%) rotate(45deg);transition:transform .3s;}	
	.b-tab-sel{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;}
	.b-tab-sel option{font-size:1.6rem;}

	/* 총 게시글 수 */
	.b-total-wrap{padding:2.5rem 0 0;}
	.b-total-wrap p{font-size:1.4rem;line-height:2rem;}

	/* 검색 영역 */
	.bn-search{padding:0 0 1rem;}
	.bn-search form{flex-direction:column-reverse;}
	.bn-search .b-search-wrap{width:100%;}
	.bn-search .b-sel-box{margin:0 0 6px;min-width:100%;}
	.bn-search .b-select{padding:8px 3rem 8px 1rem;font-size:1.4rem;line-height:2rem;}
	.bn-search .b-search-box{width:100%;}
	.bn-search .b-input{padding:8px 3.5rem 8px 1rem;min-width:100%;font-size:1.4rem;line-height:2rem;}
	.bn-search .b-input::placeholder{font-size:1.4rem;line-height:2rem;}
	.bn-search .b-sel-btn{right:1rem;width:1.8rem;height:1.8rem;}
	/* 이미지링크유형(세종대신문) 검색영역 바로가기 버튼 */
	.bn-search .b-shortcut-box{padding:1rem 0 0;}
	.bn-search .b-shortcut-box .b-shortcut{padding:1rem 2rem;}
	.bn-search .b-shortcut-box .b-shortcut span{font-size:1.3rem;line-height:1.9rem;}

	/* 검색영역 카테고리 선택 */
	.bn-search .b-search-cate-list{margin:1rem 0 0;width:100%;}
	.bn-search .b-search-cate-list ul{flex-wrap:wrap;justify-content:flex-end;gap:1rem 3.5rem;width:100%;}
	.bn-search .b-search-cate-list ul li{position:relative;width:calc((100% - 3.5rem)/2);}
	.bn-search .b-search-cate-list ul li:after{position:absolute;top:2px;right:-1.75rem;margin:0;height:2rem;}
	.bn-search .b-search-cate-list .b-search-cate-box{margin:0 0 0 -1rem;width:calc(100% + 1rem);}
	.bn-search .b-search-cate-list .b-search-cate-box:after{width:2rem;height:2rem;background-size:1rem;}
	.bn-search .b-search-cate-list .b-search-cate-box .b-search-category{padding:0 3rem 0 1rem;width:100%;font-size:1.8rem;line-height:2.4rem;}
	.bn-search .b-search-cate-list .b-search-cate-box .b-search-category option{font-size:1.5rem;line-height:2.5rem;}

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

	/* colgroup 너비 지정 클래스 */
	.co-board table colgroup > [class*='b-col']{display:none;width:0;}
	.b-col-auto{width:100%;}

	/* 페이징 - .b-paging */
	.b-paging .b-paging-wrap ul{padding:2rem 0 0;}
	.b-paging .b-paging-wrap ul li.pager a{width:3rem;height:3rem;}
	.b-paging .b-paging-wrap ul li:is(.first, .last) a{background-size:0.9rem 0.9rem;}
	.b-paging .b-paging-wrap ul li:is(.prev, .next) a{background-size:5px 0.9rem;}
	.b-paging .b-paging-wrap ul li.first a{margin:0 1rem 0 0;}
	.b-paging .b-paging-wrap ul li.prev a{margin:0 1rem 0 0;}
	.b-paging .b-paging-wrap ul li.next a{margin:0 0 0 1rem;}
	.b-paging .b-paging-wrap ul li.last a{margin:0 0 0 1rem;}
	.b-paging .b-paging-wrap ul li:not(.pager){margin:0 0 0 1rem;}
	.b-paging .b-paging-wrap ul li:not(.pager) a{width:3rem;height:3rem;font-size:1.4rem;line-height:2rem;}

	/* 버튼 */
	.b-btn-wrap{gap:1rem;padding:3rem 0 0;}
	.b-btn-wrap .b-btn{flex:auto;padding:1rem;max-width:unset;width:100%;font-size:1.4rem;line-height:2rem;}

	/* 체크박스 */
	.b-chk{margin:0 4px 0 0;width:2rem;height:2rem;}
	.b-chk + label{font-size:1.4rem;line-height:2rem;}

	/* 라디오버튼 */
	.b-radio + label{padding:0 0 0 2.5rem;font-size:1.4rem;line-height:2rem;}
	.b-radio + label:before{width:1.6rem;height:1.6rem;}
	.b-radio:checked + label:after{left:3px;width:1rem;height:1rem;}

	/* 체크박스 커스텀 디자인 - 뉴스룸 웹진구독 */
	.b-btn-chk-box label{padding:1rem;font-size:1.4rem;line-height:2rem;}	
	.b-btn-chk-box input:checked+label span{padding:0 0 0 1.8rem;background-size:1.2rem;}
}

@media screen and (max-width:350px){
	
	.bn-search .b-search-cate-list .b-search-cate-box .b-search-category{font-size:1.6rem;line-height:2.2rem;}
	
}