.sub_bg {
	background: url("../images/design_b/sub_bg02.png")no-repeat 50% 50% / cover;
}


.board {
	max-width: 1620px;
	margin: 0 auto;
}
.board_list table {
	table-layout: fixed;
}
.board_list table th {
	background: #F7F7F7;
	border-top: 1px solid rgba(21, 21, 21, 0.5);
	border-bottom: 1px solid rgba(21, 21, 21, 0.5);
	font-size: 24px;
	padding: 24px 0;
}
.board_list table td {
	text-align: center;
	font-size: 20px;
	border-bottom: 0.5px solid rgba(21, 21, 21, 0.5);
	padding: 25px 0;
}
.board_list table td a {
	display: block;
	text-align: left;
	overflow: hidden; 
	text-overflow: ellipsis; 
	white-space: nowrap;
}



.board_read {
	max-width: 1520px;
	margin: 0 auto;
}
.board_read .top {
	align-items: center;
	background: #0A66C2;
	border-bottom: 0.5px solid rgba(255, 255, 255, 0.5);
	border-radius: 30px 30px 0px 0px;
	padding: 30px 50px;
	font-weight: 500;
	font-size: 20px;
	color: #fff;
}
.board_read .top > div {
	flex: 1;
}
.board_read .top .date {
	flex: none;
	font-size: 16px;
	font-weight: 400;
	padding-left: 10px;
}
.board_read .download {
	background: #F5F5F5;
	border-bottom: 1px dashed #151515;
	text-align: right;
	padding: 20px 10px;
	margin-bottom: 50px;
}
.board_read .download a {
	font-size: 16px;
	background: url("../images/ico-util.svg")no-repeat 0 50%;
	padding-left: 30px;
}
.board_read .download a img {
	vertical-align: -5px;
	margin-left: 10px;
}
.board_read .conts {
    line-height: 1.5;
    padding: 0 30px;
	font-size: 16px;
}
.board_read .conts h3 {
	font-weight: 400;
	font-size: 30px;
	margin-bottom: 50px;
}
.board_read .conts .img {
	margin-bottom: 40px;
}
.board_read .conts img {
	max-width: 100%;
}
.board_read .conts > div {
	line-height: 1.5;
}
.board_read .btn_area {
	margin-top: 50px;
}
.board_read .btn_area a {
    float: right;
    display: block;
    width: 88px;
    height: 49px;
    line-height: 49px;
    font-size: 16px;
    border: 1px solid #0A66C2;
    background: #0A66C2;
    color: #fff;
    text-align: center;
    border-radius: 50px;
    box-sizing: border-box;
}



.sub02 #footer {
	padding-top: 0;
}



.design_b .board_list table {
	font-family: 'Noto Sans KR', sans-serif;
}
.design_b .board_list table th {
	font-size: 22px;
}
.design_b .board_read .top {
	border-radius: 10px 10px 0 0;
	background: #FF7700;
}
.design_b #footer {
	background: #fff;
}
.design_b #footer .site_info .info .tel {
	background: url("../images/design_b/ico-phone.svg")no-repeat 0px 50%;
}
.design_b #footer .site_info .info .fax {
	background: url("../images/design_b/ico-fax2.svg")no-repeat 0px 50%;
}
.design_b #footer .site_info .info .addr {
	background: url("../images/design_b/ico-addr.svg")no-repeat 0px 50%;
}
.design_b #footer .site_info .map {
	border-radius: 5px;
	height: 600px;
	border: 1px solid rgba(0,0,0,0.5);
}





@media screen and (max-width: 1600px) {
}
@media screen and (max-width: 1400px) {
}
@media screen and (max-width: 1280px) {
}
@media screen and (max-width: 1024px) {
	.board_list table th {
		font-size: 18px;
		padding: 20px 0;
	}
	.board_list table td {
		font-size: 18px;
		padding: 20px 0;
	}
	
	
	
	.board_read .top {
		font-size: 18px;
		padding: 20px 35px;
	}
	.board_read .top .date {
		font-size: 14px;
	}
	.board_read .download a {
		font-size: 14px;
		background-size: 15px;
		padding-left: 20px;
	}
	.board_read .download {
		padding: 15px 10px;
		margin-bottom: 30px;
	}
	.board_read .conts {
		font-size: 14px;
	}
	.board_read .btn_area a {
		font-size: 14px;
	}
}
@media screen and (max-width: 768px) {
	.board_list table colgroup {
		display: none;
	}
	.board_list table th {
		font-size: 14px;
		padding: 20px 0;
	}
	.board_list table td {
		font-size: 14px;
		padding: 20px 0;
	}
	.board_list table th:nth-child(1),
	.board_list table td:nth-child(1) {
		width: 40px;
	}
	.board_list table th:nth-child(2),
	.board_list table td:nth-child(2) {
		width: auto;
	}
	.board_list table th:nth-child(3),
	.board_list table td:nth-child(3) {
		width: 55px;
	}
	.board_list table th:nth-child(4),
	.board_list table td:nth-child(4) {
		width: 80px;
	}
	.board_list table td img {
		width: 15px;
		vertical-align: middle;
	}
	
	
	
	.board_read .top {
		font-size: 16px;
		border-radius: 15px 15px 0px 0px;
		padding: 20px;
	}
	.board_read .top > div {
		flex: none;
		width: 100%;
	}
	.board_read .top .date {
		margin-left: 0;
		margin-top: 10px;
		text-align: right;
	}
	.board_read .download a {
		font-size: 10px;
	}
	.board_read .conts {
		padding: 0;
	}
}
@media screen and (max-width: 380px) {
}