/* 게시판 템플릿 view */
.b-temp-box{padding:20px 32px 0;box-sizing:border-box;}
.b-temp-con-box{padding:0 0 70px;}
.b-temp-con-box:last-of-type{padding-bottom:0;}
.b-subtit-box{position:relative;padding:0 0 4px 25px;}
.b-subtit-box:before{position:absolute;top:0;left:0;content:'';display:block;width:5px;height:100%;background:linear-gradient(180deg, #005dca 60%, #07376e);}
.b-subtit-box li{padding:0 0 5px;font-weight:500;font-size:22px;color:#111;line-height:32px;}
.b-subtit-box li:last-of-type{padding-bottom:0;}

.b-subhead-box{padding:15px 0;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;box-sizing:border-box;}
.bn-view-common01 .b-content-box .b-subhead-box .b-subhead-p{font-weight:200;font-size:22px;color:#767676;line-height:32px;}

.b-photo-box{padding:0 0 30px;}
.b-photo-box:last-child{padding-bottom:0;}
.b-photo-box ul{display:flex;margin:0 0 20px;}
.b-photo-box ul li{flex:1 1;}
.b-photo-box ul li a{display:block;height:100%;}
.b-photo-box ul li a img{width:100%;height:100%;object-fit:cover;}
.bn-view-common01 .b-content-box .b-photo-p{font-weight:200;font-size:18px;color:#111;line-height:30px;}

.b-interview-box{margin:0 0 30px;padding:40px 30px 30px;background:#f2f4f8;box-sizing:border-box;}
.b-interview-box:last-child{margin-bottom:0;}
.bn-view-common01 .b-content-box .b-interview-box p{padding:0 0 15px;font-weight:200;font-size:20px;color:#333;line-height:30px;word-break:keep-all;}
.bn-view-common01 .b-content-box .b-interview-box p:last-child{padding-bottom:0;}
.b-interview-box .b-interview-photo-box{padding:0 0 30px;}


@media screen and (max-width: 1024px) {
	.b-photo-box ul{overflow:overlay;}
	.b-photo-box ul li{flex:0 0 auto;width:300px;}

}
@media screen and (max-width: 768px) {
	/* 게시판 템플릿 view */
	.b-temp-box{padding:10px 16px 0;}
	.b-temp-con-box{padding:0 0 35px;}
	.b-subtit-box{padding:0 0 0 15px;}
	.b-subtit-box:before{width:3px;}
	.b-subtit-box li{padding-bottom:0;font-size:18px;line-height:28px;}

	.b-subhead-box{padding:7px 0;}
	.bn-view-common01 .b-content-box .b-subhead-box .b-subhead-p{font-size:18px;line-height:28px;}

	.b-photo-box{padding:0 0 15px;}
	.b-photo-box ul{margin:0 0 10px;}
	.b-photo-box ul li{width:250px;}
	.bn-view-common01 .b-content-box .b-photo-p{font-size:14px;line-height:24px;}

	.b-interview-box{margin:0 0 15px;padding:20px 15px 15px;}
	.bn-view-common01 .b-content-box .b-interview-box p{font-size:16px;line-height:26px;}
	.b-interview-box .b-interview-photo-box{padding:0 0 15px;}
}
@media screen and (max-width: 480px) {
	.b-temp-box{padding:10px 0 0;}
	.b-photo-box ul li{width:200px;}
}