@charset "UTF-8";

/* 일반 게시판 상세 - bn-view-common */
.bn-view-common .b-view-common-wrap .b-view-common-box{border-bottom:2px solid var(--color06);}
.bn-view-common .b-prev-list-box{padding:5rem 0 5.3rem;}
.bn-view-common .b-prev-list-box a{display:inline-flex;align-items:center;}
.bn-view-common .b-prev-list-box a::before{content:'';width:5.2rem;height:5.2rem;background:var(--color01) url(../img/sj-board/ico-prev-list-arrow%402x.png) no-repeat center/1.8rem 1.4rem;border-radius:50%;}
.bn-view-common .b-prev-list-box a span{display:inline-block;padding:0 0 0 1.4rem;font-size:1.6rem;font-weight:var(--font-weight-bold);color:var(--color01);line-height:2.2rem;text-decoration:underline;text-decoration-thickness:2px;}
.bn-view-common .b-title-box{padding:0 0 3rem;border-bottom:1px solid var(--color17);}
.bn-view-common .b-title-box .b-title{padding:0 0 2.7rem;font-size:2.6rem;font-weight:var(--font-weight-bold);color:var(--black100);line-height:4rem;letter-spacing:-0.025em;}
.bn-view-common .b-title-box .b-info{display:flex;flex-wrap:wrap;row-gap:5px;}
.bn-view-common .b-title-box .b-info li{display:flex;align-items:center;flex-wrap:wrap;font-size:1.4rem;font-weight:var(--font-weight-medium);color:var(--black07);line-height:2rem;}
.bn-view-common .b-title-box .b-info li::after{content:'';margin:0 1rem;width:1px;height:1.4rem;background-color:var(--color56);}
.bn-view-common .b-title-box .b-info li:last-of-type::after{display:none;}
.bn-view-common .b-title-box .b-info li.b-noti span{padding:6px 0.9rem 7px;border:1px solid var(--color01);border-radius:1.4rem;font-size:1.3rem;font-weight:var(--font-weight-bold);color:var(--color01);line-height:1;}
.bn-view-common .b-title-box .b-info li.b-cate{font-weight:var(--font-weight-bold);color:var(--color06);}
.bn-view-common .b-title-box .b-info li.b-date::before,
.bn-view-common .b-title-box .b-info li.b-hit::before{content:'';display:inline-block;margin:0 5px 0 0;vertical-align:middle;background-repeat:no-repeat;background-size:100%;background-position:0 0;}
.bn-view-common .b-title-box .b-info li.b-date::before{width:1.2rem;height:1.2rem;background-image:url(../img/sj-board/ico-date%402x.png);}
.bn-view-common .b-title-box .b-info li.b-hit::before{width:1.6rem;height:1.2rem;background-image:url(../img/sj-board/ico-hit%402x.png);}
.bn-view-common .b-content-box{padding:4.3rem 0 5.3rem;overflow-x:auto;}
.bn-view-common .b-content-box p,
.bn-view-common .b-content-box pre{font-size:1.6rem;font-weight:var(--font-weight-medium);color:var(--black05);line-height:3rem;}
.bn-view-common .b-content-box iframe{max-width:100%;}
.bn-view-common .b-content-box .b-video-box{display:flex;justify-content:center;margin:0 auto;width:107rem;max-width:100%;}
.bn-view-common .b-content-box .b-video-box .b-video-container{position:relative;margin:0 auto;padding-bottom:49.065%;width:100%;height:0;overflow:hidden;}
.bn-view-common .b-content-box .b-video-box .b-video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;}
.bn-view-common .b-file-box{margin:0 0 4rem;padding:3.7rem 4rem;border:1px solid var(--color67);border-radius:1rem;background-color:var(--color68);}
.bn-view-common .b-file-box ul li{padding:0 0 1.4rem;}
.bn-view-common .b-file-box ul li:last-of-type{padding:0;}
.bn-view-common .b-file-box ul li a{display:inline-block;}
.bn-view-common .b-file-box ul li a::before{content:'';display:inline-block;margin:0 8px 0 0;width:1.2rem;height:1.5rem;background:url(../img/sj-board/ico-file%402x.png) no-repeat 0 0/100%;vertical-align:middle;}
.bn-view-common .b-file-box ul li a::after{content:'';display:inline-block;margin:0 0 0 0.9rem;width:1.8rem;height:1.4rem;background:url(../img/sj-board/ico-link-btn-down-red%402x.png) no-repeat 0 0/100%;vertical-align:middle;}
.bn-view-common .b-file-box ul li a span{font-size:1.5rem;font-weight:var(--font-weight-semibold);color:var(--black03);line-height:2.1rem;}
.bn-view-common .b-file-box ul li a:hover span{text-decoration:underline;text-underline-offset:4px}
.bn-view-common .b-pager-box{display:flex;justify-content:space-between;border-top:1px solid var(--color10);}
.bn-view-common .b-pager-box > div{display:flex;align-items:center;width:50%;padding:3.2rem 0;}
.bn-view-common .b-pager-box div.b-prev-box{border-right:1px solid var(--color10);}
.bn-view-common .b-pager-box div.b-next-box{flex-direction:row-reverse;}
.bn-view-common .b-pager-box div p a{display:flex;align-items:center;}
.bn-view-common .b-pager-box div p:nth-of-type(1){flex-shrink:0;}
.bn-view-common .b-pager-box div p:nth-of-type(1) a{display:flex;align-items:center;min-width:7.2rem;font-size:1.6rem;font-weight:var(--font-weight-medium);color:var(--color04);line-height:2.2rem;}
.bn-view-common .b-pager-box div p:nth-of-type(2) a{display:-webkit-box;padding:0 3rem;font-size:1.6rem;font-weight:var(--font-weight-semibold);color:var(--black03);line-height:2.2rem;box-sizing:border-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-overflow:ellipsis;white-space:normal;overflow:hidden;word-wrap:break-word;}
.bn-view-common .b-pager-box div p:nth-of-type(2) a.no-data{font-weight:var(--font-weight-medium);color:var(--black07);}
.bn-view-common .b-pager-box div.b-next-box p:nth-of-type(1) a{justify-content:flex-end;}
.bn-view-common .b-pager-box div.b-prev-box p:nth-of-type(1) a::before{content:'';display:inline-block;margin:0 2rem 0 0;width:1.9rem;height:1.4rem;background:url(../img/sj-board/ico-board-prev-arrow%402x.png) no-repeat 0 0/100%;}
.bn-view-common .b-pager-box div.b-next-box p:nth-of-type(1) a::after{content:'';display:inline-block;margin:0 0 0 2rem;width:1.9rem;height:1.4rem;background:url(../img/sj-board/ico-board-next-arrow%402x.png) no-repeat 0 0/100%;}

/* Q&A 상세 - bn-view-common.answer */
.bn-view-common.answer .b-title-box{position:relative;padding:0 14rem 3rem 0;}
.bn-view-common.answer .b-title-box .b-answer-box{position:absolute;top:1.5rem;right:0;}
.bn-view-common.answer .b-title-box .b-answer-box span{display:inline-block;padding:1.8rem 2.8rem;border:1px solid var(--color01);border-radius:2.7rem;font-size:1.6rem;font-weight:var(--font-weight-bold);color:var(--color01);line-height:1;box-sizing:border-box;vertical-align:middle;}
.bn-view-common.answer .b-title-box .b-answer-box span.complete{padding:1.8rem 2.8rem 1.8rem 2.4rem;border-color:var(--color08);color:var(--color08);}
.bn-view-common.answer .b-title-box .b-answer-box span.complete::before{content:'';display:inline-block;margin:-2px 8px 0 0;width:1.3rem;height:0.9rem;background:url(../img/sj-board/ico-answer-complate%402x.png) no-repeat 0 0/100%;vertical-align:middle;}
.bn-view-common.answer .b-view-answer-box{margin:4rem 0 0;padding:5.8rem 32.4rem 5.4rem 6rem;border:1px solid var(--color69);border-radius:1rem;background:var(--color12) url(../img/sj-board/bg-answer-logo.png) no-repeat right 5rem center;box-sizing:border-box;}
.bn-view-common.answer .b-view-answer-box .b-answer-txt-box{padding:0 0 2.3rem;}
.bn-view-common.answer .b-view-answer-box .b-answer-txt-box .b-answer-title{padding:0 0 2rem;font-size:2rem;font-weight:var(--font-weight-bold);color:var(--color01);line-height:2.6rem;}
.bn-view-common.answer .b-view-answer-box .b-answer-txt-box .b-answer-title::before{content:'';display:inline-block;margin:-3px 1rem 0 0;width:2.4rem;height:2.4rem;background:url(../img/sj-board/ico-answer-letter%402x.png) no-repeat 0 0/100%;;vertical-align:middle;}
.bn-view-common.answer .b-view-answer-box .b-answer-txt-box .b-answer-txt{font-size:1.6rem;font-weight:var(--font-weight-semibold);color:var(--black03);line-height:3rem;}
.bn-view-common.answer .b-view-answer-box .b-answer-file-box{margin:0 0 3.7rem;padding:1.3rem 2rem 1.4rem;border-radius:5px;background-color:var(--white100);}
.bn-view-common.answer .b-view-answer-box .b-answer-file-box ul li{padding:0 0 1.4rem;}
.bn-view-common.answer .b-view-answer-box .b-answer-file-box ul li:last-of-type{padding:0;}
.bn-view-common.answer .b-view-answer-box .b-answer-file-box ul li a{display:inline-block;}
.bn-view-common.answer .b-view-answer-box .b-answer-file-box ul li a::before{content:'';display:inline-block;margin:0 8px 0 0;width:1.2rem;height:1.5rem;background:url(../img/sj-board/ico-file%402x.png) no-repeat 0 0/100%;vertical-align:middle;}
.bn-view-common.answer .b-view-answer-box .b-answer-file-box ul li a::after{content:'';display:inline-block;margin:0 0 0 0.9rem;width:1.8rem;height:1.4rem;background:url(../img/sj-board/ico-link-btn-down-red%402x.png) no-repeat 0 0/100%;vertical-align:middle;}
.bn-view-common.answer .b-view-answer-box .b-answer-file-box ul li a span{font-size:1.4rem;font-weight:var(--font-weight-semibold);color:var(--black05);line-height:2rem;}
.bn-view-common.answer .b-view-answer-box .b-answer-file-box ul li a:hover span{text-decoration:underline;}
.bn-view-common.answer .b-view-answer-box .b-answer-info-box ul{display:flex;flex-wrap:wrap;row-gap:5px;}
.bn-view-common.answer .b-view-answer-box .b-answer-info-box ul li{display:flex;align-items:center;flex-wrap:wrap;font-size:1.4rem;font-weight:var(--font-weight-medium);color:var(--black05);line-height:2rem;}
.bn-view-common.answer .b-view-answer-box .b-answer-info-box ul li::after{content:'';margin:0 1.2rem;width:1px;height:1.4rem;background-color:var(--color56);}
.bn-view-common.answer .b-view-answer-box .b-answer-info-box ul li:last-of-type::after{display:none;}
.bn-view-common.answer .b-view-answer-box .b-answer-info-box ul li.b-date::before{content:'';display:inline-block;margin:0 5px 0 0;vertical-align:middle;background-repeat:no-repeat;background-size:100%;background-position:0 0;}
.bn-view-common.answer .b-view-answer-box .b-answer-info-box ul li.b-date::before{width:1.2rem;height:1.2rem;background-image:url(../img/sj-board/ico-date%402x.png);}

/* 뉴스룸 캠퍼스포토 */
.bn-view-common.campus-photo .b-view-common-wrap .b-view-common-box .b-content-box .b-img-box{text-align:center;}

@media screen and (max-width:1400px){
	/* Q&A 상세 - bn-view-common.answer */
	.bn-view-common.answer .b-view-answer-box{padding:5.8rem 6rem 5.4rem;}
}

@media screen and (max-width:1024.98px){
	/* 일반 게시판 상세 - bn-view-common */
	.bn-view-common .b-prev-list-box{padding:2rem 0 2.3rem;}
	.bn-view-common .b-prev-list-box a::before{width:4rem;height:4rem;background-size:1.4rem 1rem;}
	.bn-view-common .b-prev-list-box a span{padding:0 0 0 1rem;font-size:1.4rem;line-height:2rem;text-decoration-thickness:1px;}
	.bn-view-common .b-title-box{padding:0 0 1.5rem;}
	.bn-view-common .b-title-box .b-title{padding:0 0 1.2rem;font-size:2.2rem;line-height:3.6rem;}
	.bn-view-common .b-title-box .b-info li{font-size:1.3rem;line-height:1.9rem;}
	.bn-view-common .b-title-box .b-info li::after{margin:0 8px;height:1.2rem;}
	.bn-view-common .b-title-box .b-info li.b-noti span{padding:5px 8px 6px;}
	.bn-view-common .b-content-box{padding:1.8rem 0 2.3rem;}
	.bn-view-common .b-content-box p,
	.bn-view-common .b-content-box pre{font-size:1.4rem;line-height:2.8rem;}
	.bn-view-common .b-file-box{margin:0 0 2rem;padding:1.7rem 2rem;}
	.bn-view-common .b-file-box ul li{padding:0 0 1rem;}
	.bn-view-common .b-file-box ul li a::before{margin:0 6px 0 0;}
	.bn-view-common .b-file-box ul li a::after{margin:0 0 0 6px}
	.bn-view-common .b-file-box ul li a span{font-size:1.4rem;line-height:2rem;}
	.bn-view-common .b-pager-box > div{padding:2rem 0;}

	.bn-view-common .b-pager-box div p:nth-of-type(1) a{min-width:6rem;font-size:1.4rem;line-height:2rem;}
	.bn-view-common .b-pager-box div p:nth-of-type(2) a{padding:0 1.5rem;font-size:1.4rem;line-height:2rem;}
	.bn-view-common .b-pager-box div.b-prev-box p:nth-of-type(1) a::before{margin:0 1rem 0 0;width:1.6rem;height:1.1rem;}
	.bn-view-common .b-pager-box div.b-next-box p:nth-of-type(1) a::after{margin:0 0 0 1rem;width:1.6rem;height:1.1rem;}


	/* Q&A 상세 - bn-view-common.answer */
	.bn-view-common.answer .b-title-box{position:relative;padding:0 0 1.5rem;}
	.bn-view-common.answer .b-title-box .b-answer-box{position:static;padding:1rem 0 0;text-align:right;}
	.bn-view-common.answer .b-title-box .b-answer-box span{padding:1rem 1.5rem;font-size:1.4rem;}
	.bn-view-common.answer .b-title-box .b-answer-box span.complete{padding:1rem 1.5rem;}
	.bn-view-common.answer .b-title-box .b-answer-box span.complete::before{margin:-2px 6px 0 0;}
	.bn-view-common.answer .b-view-answer-box{margin:2rem 0 0;padding:2.5rem;}
	.bn-view-common.answer .b-view-answer-box .b-answer-txt-box{padding:0 0 8px;}
	.bn-view-common.answer .b-view-answer-box .b-answer-txt-box .b-answer-title{padding:0 0 5px;font-size:1.6rem;line-height:2.2rem;}
	.bn-view-common.answer .b-view-answer-box .b-answer-txt-box .b-answer-title::before{margin:-3px 5px 0 0;width:2rem;height:2rem;}
	.bn-view-common.answer .b-view-answer-box .b-answer-txt-box .b-answer-txt{font-size:1.4rem;line-height:2.4rem;}
	.bn-view-common.answer .b-view-answer-box .b-answer-file-box{margin:0 0 1.7rem;padding:1rem;background-color:var(--white50);}
	.bn-view-common.answer .b-view-answer-box .b-answer-file-box ul li{padding:0 0 1rem;}
	.bn-view-common.answer .b-view-answer-box .b-answer-info-box ul li{font-size:1.3rem;line-height:1.9rem;}
	.bn-view-common.answer .b-view-answer-box .b-answer-info-box ul li::after{content:'';margin:0 8px;height:1.2rem}
}

@media screen and (max-width:768px){
	/* 일반 게시판 상세 - bn-view-common */
	.bn-view-common .b-pager-box > div{flex-wrap:wrap;gap:1rem;position:relative;}
	.bn-view-common .b-pager-box > div::after{content:'';position:absolute;top:50%;width:1.6rem;height:1.1rem;transform:translateY(-50%);}
	.bn-view-common .b-pager-box > div > p{width:100%;}
	.bn-view-common .b-pager-box div.b-prev-box{padding:1.8rem 0 1.8rem 2.6rem;}
	.bn-view-common .b-pager-box div.b-next-box{padding:1.8rem 2.6rem 1.8rem 0;}
	.bn-view-common .b-pager-box div.b-prev-box::after{content:'';left:0;background:url(../img/sj-board/ico-board-prev-arrow%402x.png) no-repeat 0 0/100%;}
	.bn-view-common .b-pager-box div.b-next-box::after{content:'';right:0;background:url(../img/sj-board/ico-board-next-arrow%402x.png) no-repeat 0 0/100%;}
	.bn-view-common .b-pager-box div.b-prev-box p:nth-of-type(1) a::before{display:none;}
	.bn-view-common .b-pager-box div.b-next-box p:nth-of-type(1) a::after{display:none;}
	.bn-view-common .b-pager-box div.b-prev-box p:nth-of-type(2) a{padding:0 2rem 0 0;}
	.bn-view-common .b-pager-box div.b-next-box p:nth-of-type(2) a{padding:0 0 0 2rem;text-align:right;}

}