@charset "UTF-8";

/* 일반 게시판 상세 */
.co-board .bn-view-common > .b-view-common-wrap .b-view-common-box{border-bottom:2px solid #304C66;}
.co-board .bn-view-common > .b-view-common-wrap .b-title-box{padding:0 0 52px;border-bottom:1px solid #B8C2C9;}
.co-board .bn-view-common > .b-view-common-wrap .b-title-box .b-title{padding:0 0 10px;font-size:32px;font-weight:600;color:#111;line-height:140%;}
.co-board .bn-view-common > .b-view-common-wrap .b-title-box .b-info{display:flex;flex-wrap:wrap;row-gap:5px;}
.co-board .bn-view-common > .b-view-common-wrap .b-title-box .b-info li{display:flex;align-items:center;flex-wrap:wrap;font-size:14px;font-weight:500;color:#777;line-height:20px;}
.co-board .bn-view-common > .b-view-common-wrap .b-title-box .b-info li::after{content:'';margin:0 10px;width:1px;height:14px;background-color:#DDD;}
.co-board .bn-view-common > .b-view-common-wrap .b-title-box .b-info li:last-of-type::after{display:none;}
.co-board .bn-view-common > .b-view-common-wrap .b-title-box .b-info li.b-noti span{padding:6px 9px 7px;border:1px solid #C30E2E;border-radius:14px;font-size:13px;font-weight:700;color:#C30E2E;line-height:1;}
.co-board .bn-view-common > .b-view-common-wrap .b-title-box .b-info li.b-cate{font-weight:700;color:#304C66;}
.co-board .bn-view-common > .b-view-common-wrap .b-title-box .b-info li.b-author::before,.co-board .bn-view-common > .b-view-common-wrap .b-title-box .b-info li.b-date::before,.co-board .bn-view-common > .b-view-common-wrap .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-position:0 0;background-size:100%;}
.co-board .bn-view-common > .b-view-common-wrap .b-title-box .b-info li.b-author::before{width:16px;height:16px;background-image:url(/_res/sejongipsi/_share/img/board/ico-board-author.png);}
.co-board .bn-view-common > .b-view-common-wrap .b-title-box .b-info li.b-date::before{width:20px;height:20px;background-image:url(/_res/sejongipsi/_share/img/board/ico-board-calendar.png);}
.co-board .bn-view-common > .b-view-common-wrap .b-title-box .b-info li.b-hit::before{width:20px;height:20px;background-image:url(/_res/sejongipsi/_share/img/board/ico-board-hit.png);}
.co-board .bn-view-common > .b-view-common-wrap .b-title-box .b-info li.b-author > span:first-child,.co-board .bn-view-common > .b-view-common-wrap .b-title-box .b-info li.b-date > span:first-child,.co-board .bn-view-common > .b-view-common-wrap .b-title-box .b-info li.b-hit > span:first-child{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);}
.co-board .bn-view-common > .b-view-common-wrap .b-content-box{padding:30px 0 100px;overflow-x:auto;}
.co-board .bn-view-common > .b-view-common-wrap .b-content-box p,.co-board .bn-view-common > .b-view-common-wrap .b-content-box ul li,.co-board .bn-view-common > .b-view-common-wrap .b-content-box pre{font-size:16px;font-weight:500;color:#4A4A4A;line-height:160%;}
.co-board .bn-view-common > .b-view-common-wrap .b-content-box iframe{max-width:100%;}
.co-board .bn-view-common > .b-view-common-wrap .b-content-box .title{margin:0 0 51px;font-size:22px;font-weight:600;color:#111;line-height:180%;}
.co-board .bn-view-common > .b-view-common-wrap .b-content-box .b-video-box{display:flex;justify-content:center;margin:0 auto;width:1070px;max-width:100%;}
.co-board .bn-view-common > .b-view-common-wrap .b-content-box .b-video-box .b-video-container{position:relative;margin:0 auto;padding:0 0 49.065%;width:100%;height:0;overflow:hidden;}
.co-board .bn-view-common > .b-view-common-wrap .b-content-box .b-video-box .b-video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;}
.co-board .bn-view-common > .b-view-common-wrap .b-file-box{margin:0 0 60px;padding:20px;border:1px solid #E5E5E5;border-radius:10px;background-color:#F9F9F9;}
.co-board .bn-view-common > .b-view-common-wrap .b-file-box ul li{padding:0 0 14px;}
.co-board .bn-view-common > .b-view-common-wrap .b-file-box ul li:last-of-type{padding:0;}
.co-board .bn-view-common > .b-view-common-wrap .b-file-box ul li a{display:flex;align-items:center;flex-wrap:wrap;}
.co-board .bn-view-common > .b-view-common-wrap .b-file-box ul li a::before{content:'';display:inline-block;margin:0 10px 0 0;width:24px;height:24px;border-radius:50%;background:#C10230 url(/_res/sejongipsi/_share/img/board/ico-board-download.png) no-repeat center;vertical-align:middle;}
.co-board .bn-view-common > .b-view-common-wrap .b-file-box ul li a span{position:relative;font-size:15px;font-weight:600;color:#333;line-height:21px;}
.co-board .bn-view-common > .b-view-common-wrap .b-file-box ul li a span:first-child{width:30px;}
.co-board .bn-view-common > .b-view-common-wrap .b-file-box ul li a span:last-child{flex:1;min-width:0;}
.co-board .bn-view-common > .b-view-common-wrap .b-file-box ul li a span + span{padding:0 0 0 46px;word-break:break-all;}
.co-board .bn-view-common > .b-view-common-wrap .b-file-box ul li a span + span::before{content:'';position:absolute;top:50%;left:23px;width:1px;height:58.5%;background:#D9D9D9;transform:translateY(-50%);}
.co-board .bn-view-common > .b-view-common-wrap .b-url-box{margin:0 0 30px;padding:20px;border:1px solid #E5E5E5;border-radius:5px;background-color:#F9F9F9;}
.co-board .bn-view-common > .b-view-common-wrap .b-url-box > p{padding:0 0 8px;font-weight:700;color:#304C66;}
.co-board .bn-view-common > .b-view-common-wrap .b-url-box a{color:#333;text-decoration:underline;word-break:break-all;}
.co-board .bn-view-common > .b-view-common-wrap .b-etc-txt-box{padding:20px 0 0;}
.co-board .bn-view-common > .b-view-common-wrap .b-etc-txt-box .b-etc-txt{font-size:14px;color:#777;}
.co-board .bn-view-common > .b-view-common-wrap .b-pager-box{display:flex;flex-direction:column;justify-content:space-between;gap:10px;padding:0 0 50px;}
.co-board .bn-view-common > .b-view-common-wrap .b-pager-box > div{display:flex;align-items:center;padding:28px;width:100%;border:1px solid #D9D9D9;border-radius:5px;box-sizing:border-box;}
.co-board .bn-view-common > .b-view-common-wrap .b-pager-box > div p{position:relative;}
.co-board .bn-view-common > .b-view-common-wrap .b-pager-box > div p a,.co-board .bn-view-common > .b-view-common-wrap .b-pager-box > div p span{display:flex;align-items:center;}
.co-board .bn-view-common > .b-view-common-wrap .b-pager-box > div p:nth-of-type(1){flex-shrink:0;}
.co-board .bn-view-common > .b-view-common-wrap .b-pager-box > div p + p::before{content:'';position:absolute;top:50%;left:23.5px;width:1px;height:12px;background:#9A9A9A;transform:translateY(-50%);}
.co-board .bn-view-common > .b-view-common-wrap .b-pager-box > div p:nth-of-type(1) a,.co-board .bn-view-common > .b-view-common-wrap .b-pager-box > div p:nth-of-type(1) span{font-size:18px;font-weight:500;color:#C10230;line-height:120%;}
.co-board .bn-view-common > .b-view-common-wrap .b-pager-box > div p:nth-of-type(2) a,.co-board .bn-view-common > .b-view-common-wrap .b-pager-box > div p:nth-of-type(2) span{display:-webkit-box;padding:0 0 0 42px;font-size:16px;font-weight:600;color:#333;line-height:22px;box-sizing:border-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-overflow:ellipsis;white-space:normal;overflow:hidden;word-wrap:break-word;}
.co-board .bn-view-common > .b-view-common-wrap .b-pager-box > div.no-data p:nth-of-type(1) span,.co-board .bn-view-common > .b-view-common-wrap .b-pager-box > div.no-data p:nth-of-type(2) span{color:#9F9F9F;}
.co-board .bn-view-common > .b-view-common-wrap .b-pager-box > div p:nth-of-type(1) a::before,.co-board .bn-view-common > .b-view-common-wrap .b-pager-box > div p:nth-of-type(1) span::before{content:'';display:inline-block;margin:0 12px 0 0;width:24px;height:24px;border-radius:50%;background:#C10230 url(/_res/sejongipsi/_share/img/board/ico-board-arrow.png) no-repeat center;}
.co-board .bn-view-common > .b-view-common-wrap .b-pager-box > div.b-next-box p:nth-of-type(1) a::before,.co-board .bn-view-common > .b-view-common-wrap .b-pager-box > div.b-next-box p:nth-of-type(1) span::before{transform:rotate(180deg);}
.co-board .bn-view-common > .b-view-common-wrap .b-pager-box > div.no-data p:nth-of-type(1) span::before{background-color:#9F9F9F;}

/* 처리상태 */
.co-board .bn-view-common.answer > .b-view-common-wrap .b-title-box{position:relative;padding:0 140px 30px 0;}
.co-board .bn-view-common.answer > .b-view-common-wrap .b-title-box .b-answer-box{position:absolute;top:15px;right:0;}
.co-board .bn-view-common.answer > .b-view-common-wrap .b-title-box .b-answer-box span{display:inline-block;padding:18px 28px;border:1px solid #C30E2E;border-radius:27px;font-size:16px;font-weight:700;color:#C30E2E;line-height:1;box-sizing:border-box;vertical-align:middle;}
.co-board .bn-view-common.answer > .b-view-common-wrap .b-title-box .b-answer-box span.complete{border-color:#4D6B87;color:#4D6B87;}

@media screen and (max-width:1024.98px){
	.co-board .bn-view-common > .b-view-common-wrap .b-title-box{padding:0 0 15px;}
	.co-board .bn-view-common > .b-view-common-wrap .b-title-box .b-title{padding:0 0 12px;font-size:22px;line-height:36px;}
	.co-board .bn-view-common > .b-view-common-wrap .b-title-box .b-info li{font-size:13px;line-height:19px;}
	.co-board .bn-view-common > .b-view-common-wrap .b-title-box .b-info li::after{margin:0 8px;height:12px;}
	.co-board .bn-view-common > .b-view-common-wrap .b-title-box .b-info li.b-noti span{padding:5px 8px 6px;}
	.co-board .bn-view-common > .b-view-common-wrap .b-content-box{padding:18px 0 23px;}
	.co-board .bn-view-common > .b-view-common-wrap .b-content-box p,.co-board .bn-view-common > .b-view-common-wrap .b-content-box ul li,.co-board .bn-view-common > .b-view-common-wrap .b-content-box pre{font-size:14px;line-height:28px;}
	.co-board .bn-view-common > .b-view-common-wrap .b-content-box .title{margin:0 0 30px;font-size:18px;}
	.co-board .bn-view-common > .b-view-common-wrap .b-file-box{margin:0 0 20px;padding:17px 20px;}
	.co-board .bn-view-common > .b-view-common-wrap .b-file-box ul li{padding:0 0 10px;}
	.co-board .bn-view-common > .b-view-common-wrap .b-file-box ul li a::before{margin:0 6px 0 0;}
	.co-board .bn-view-common > .b-view-common-wrap .b-file-box ul li a span{font-size:14px;line-height:20px;}
	.co-board .bn-view-common > .b-view-common-wrap .b-pager-box > div{padding:20px 10px;}
	.co-board .bn-view-common.answer > .b-view-common-wrap .b-title-box{position:relative;padding:0 0 15px;}
	.co-board .bn-view-common.answer > .b-view-common-wrap .b-title-box .b-answer-box{position:static;padding:10px 0 0;text-align:right;}
	.co-board .bn-view-common.answer > .b-view-common-wrap .b-title-box .b-answer-box span{padding:10px 15px;font-size:14px;}
}

@media screen and (max-width:768px){
	.co-board .bn-view-common > .b-view-common-wrap .b-pager-box > div p:nth-of-type(2) a,.co-board .bn-view-common > .b-view-common-wrap .b-pager-box > div p:nth-of-type(2) span{padding:0 16px;font-size:14px;}
	.co-board .bn-view-common > .b-view-common-wrap .b-pager-box > div p + p::before{left:8px;}
}
