.hide {
	display: none;
}
body{
	font-size:14px;
	line-height:14px;
	font-weight:400;
}
a{
	font-size:14px;
	line-height:14px;
}
table{
	    table-layout: auto;
}
table > caption{
	display:none;
}
.searchMd{
	text-align: right;
	margin-top: 40px;
}
.searchType{
	display:inline-block;
}
.serinput{
	display:inline-block;
}
.serinput > label{
	display:none;
}
.serinput input#query{
	display: inline-block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    height: 31px;
    padding: 5px 10px;
    outline: 0;
    border-width: 1px;
    border-style: solid;
    border-radius: 5px;
    background: #fff;
    width: 260px;
    color: #1a1a1a;
    -moz-appearance: none;
    -webkit-appearance: none;
    vertical-align: middle;
    border-color: #e5e5e5;
    -ms-transition: border-color .3s;
    -moz-transition: border-color .3s;
    -webkit-transition: border-color .3s;
}
.searchMd .searchbox{
	border: 1px solid #e5e5e5;
    border-radius: 5px;
    height: 30px;
    padding: 5px 10px;
    margin: 2px;
    width: 90px;
}
.searchMd button, a.btn{
	    box-sizing: border-box!important;
    display: inline-block;
    margin: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 0;
    user-select: none;
    padding: 4px 14px;
    color: #fff;
    background-color: #3b71b1;
    border-color: #35659e;
}
.boardFooter a.btn{
	float: right;
}

.boardRead {
	position: relative;
    border-image-slice: 1;
    border-top: 3px solid #235caa;
}
.pagination02 a.btn{
	color: #333;
    background-color: #f2f2f2;
    border-color: #e6e6e6;
}

.boardRead>h1 {
	background-color: #f5f5f5;
	border-bottom: 1px solid #dadada;
	padding: 10px;
	margin: 0 0 10px;
	font-size: 16.8px
}

.boardRead>h5 {
	background-color: #f5f5f5;
	border-bottom: 1px solid #dadada;
	padding: 10px;
	margin: 0 0 10px;
	font-size: 16.8px
}
.boardRead>h5 .tit{
	line-height:120%;
}
.boardRead>h5 small {
	float: right;
	margin-left: 15px;
	line-height: 33.6px;
	color: grey
}

.boardRead section {
	padding: 0 10px 10px !important;
	margin: 0 0 10px;
	border-bottom: 1px solid #dadada;
	line-height:140%;
}

.boardRead section .category {
	display: inline-block;
	margin-left: 15px;
	font-size: 12px
}

.boardRead section .major {
	display: inline-block;
	font-size: 12px
}

.boardRead section .hit {
	font-size: 12px;
	float: right
}

.boardRead section.fileList li {
	margin: 3px 0;
	line-height:normal;
}

.boardRead section.articleBody img {
	max-width: 100%
}

.boardRead section.articleBody blockquote+h1, .boardRead section.articleBody blockquote+h2,
	.boardRead section.articleBody blockquote+h3, .boardRead section.articleBody blockquote+h4,
	.boardRead section.articleBody blockquote+h5, .boardRead section.articleBody blockquote+h6,
	.boardRead section.articleBody ol+h1, .boardRead section.articleBody ol+h2,
	.boardRead section.articleBody ol+h3, .boardRead section.articleBody ol+h4,
	.boardRead section.articleBody ol+h5, .boardRead section.articleBody ol+h6,
	.boardRead section.articleBody p+h1, .boardRead section.articleBody p+h2,
	.boardRead section.articleBody p+h3, .boardRead section.articleBody p+h4,
	.boardRead section.articleBody p+h5, .boardRead section.articleBody p+h6,
	.boardRead section.articleBody table+h1, .boardRead section.articleBody table+h2,
	.boardRead section.articleBody table+h3, .boardRead section.articleBody table+h4,
	.boardRead section.articleBody table+h5, .boardRead section.articleBody table+h6,
	.boardRead section.articleBody ul+h1, .boardRead section.articleBody ul+h2,
	.boardRead section.articleBody ul+h3, .boardRead section.articleBody ul+h4,
	.boardRead section.articleBody ul+h5, .boardRead section.articleBody ul+h6
	{
	margin-top: 26px
}

.boardRead section.articleBody h1, .boardRead section.articleBody h2,
	.boardRead section.articleBody h3, .boardRead section.articleBody h4,
	.boardRead section.articleBody h5, .boardRead section.articleBody h6 {
	margin: 24px 0 18px
}

.boardRead section.articleBody blockquote {
	padding: 10px 17px;
	margin: 0 0 10px;
	font-size: 21px;
	border-left: 5px solid #ccffe4
}

.boardRead section.articleBody blockquote footer {
	margin-top: 10px;
	font-size: 13px;
	color: grey
}

.boardRead section.articleBody p {
	font-size: 16px;
	margin: 10px 0
}

.boardRead section.articleBody li {
	font-size: 16px;
	line-height: 28.8px
}

.boardRead section.articleBody h1 {
	margin-left: 29px;
	position: relative;
	font-size: 26px;
	line-height: 32px;
	font-weight: 500
}

.boardRead section.articleBody h1:after {
	position: absolute;
	content: "";
	display: block;
	width: 59px;
	height: 37px;
	top: -16px;
	left: -22px;
	background: url(/include/default/img/main/sub/bul_1.jpg) center
		no-repeat;
	z-index: -1
}

.boardRead section.articleBody h1+blockquote, .boardRead section.articleBody h1+div
	{
	margin-left: 29px;
	margin-bottom: 15px
}

.boardRead section.articleBody h2 {
	position: relative;
	font-size: 21px;
	margin-left: 39px;
	font-weight: 500
}

.boardRead section.articleBody h2:after {
	position: absolute;
	content: "";
	display: block;
	width: 13px;
	height: 18px;
	top: 1px;
	left: -21px;
	background: url(/include/default/img/main/sub/bul_2.jpg) center
		no-repeat
}

.boardRead section.articleBody h2+blockquote, .boardRead section.articleBody h2+div
	{
	margin-left: 24px;
	margin-bottom: 15px
}

.boardRead section.articleBody h3 {
	font-size: 18px;
	position: relative;
	padding-left: 0;
	margin-left: 49px
}

.boardRead section.articleBody h3:after {
	position: absolute;
	content: "";
	display: block;
	width: 3px;
	height: 12px;
	top: 1px;
	left: -21px;
	background: url(/include/default/img/main/sub/bul_3.jpg) center
		no-repeat
}

.boardRead section.articleBody h3+blockquote, .boardRead section.articleBody h3+div
	{
	margin-left: 49px;
	margin-bottom: 15px
}

.boardRead section.articleBody h4 {
	font-size: 17.5px;
	position: relative;
	padding-left: 0;
	margin-left: 59px
}

.boardRead section.articleBody h4:after {
	position: absolute;
	display: block;
	content: " ";
	height: 3px;
	width: 3px;
	background-color: #01cb5f;
	top: 7px;
	left: -8px
}

.boardRead section.articleBody h4+blockquote, .boardRead section.articleBody h4+div
	{
	margin-left: 59px;
	margin-bottom: 15px
}

.boardRead section.articleBody h5 {
	font-size: 17.3px;
	margin-left: 69px
}

.boardRead section.articleBody h5+blockquote, .boardRead section.articleBody h5+div
	{
	margin-left: 69px;
	margin-bottom: 15px
}

.boardRead section.articleBody h6 {
	font-size: 17px;
	margin-left: 79px
}

.boardRead section.articleBody h6+blockquote, .boardRead section.articleBody h6+div
	{
	margin-left: 79px;
	margin-bottom: 15px
}

.boardRead section.articleBody ol, .boardRead section.articleBody ul {
	margin: 10px 0
}

.boardRead section.articleBody ol ol, .boardRead section.articleBody ol ul,
	.boardRead section.articleBody ul ol, .boardRead section.articleBody ul ul
	{
	margin: 0
}

.boardRead section.articleBody ol li, .boardRead section.articleBody ul li
	{
	padding-left: 0;
	margin: 2px 0
}

.boardRead section.articleBody ul>li {
	position: relative;
	padding-left: 15px
}

.boardRead section.articleBody ul>li:after {
	position: absolute;
	display: block;
	content: " ";
	height: 6px;
	width: 6px;
	background-color: #a8a6a6;
	top: 11px;
	left: 0
}

.boardRead section.articleBody .categoryBoxContentsClear ul>li {
	padding-left: 0
}

.boardRead section.articleBody .categoryBoxContentsClear ul>li:after {
	display: none;
	height: 0;
	width: 0
}

.boardRead section.articleBody .slibArea {
	z-index: 11;
	width: 80%;
	height: auto;
	border: 5px solid #ddd;
	position: fixed;
	top: 10%;
	left: 10%;
	background-color: #fff;
	padding: 10px 30px 10px 0
}

.boardRead section.articleBody .slibArea .closeSlibInfo {
	position: absolute;
	top: 10px;
	right: 20px;
	font-size: 32px;
	z-index: 16
}

.boardRead section.articleBody .registerSeat {
	width: auto;
	margin: 0;
	padding: 0;
	float: none;
	display: block;
	text-align: left;
	background: 0 0;
	height: 364px;
	position: relative;
	border: 1px solid #868686
}

.boardRead section.articleBody .registerSeat:after, .boardRead section.articleBody .registerSeat:before
	{
	content: "";
	background: 0 0;
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	float: none;
	display: block;
	position: static;
	text-align: left;
	border-width: 0
}

.boardRead section.articleBody .registerSeat div {
	float: left;
	width: 50%;
	padding: 40px 0 0 66px
}

.boardRead section.articleBody .registerSeat div:nth-of-type(2) p:nth-of-type(1)
	{
	font-size: 26px;
	font-weight: 600;
	border-bottom: 4px solid #FFF45C;
	width: 265px;
	line-height: 26px;
	padding-top: 20px
}

.boardRead section.articleBody .registerSeat div:nth-of-type(2) p:nth-of-type(2)
	{
	font-size: 18px;
	padding-top: 20px;
	color: #575757
}

.boardRead section.articleBody .registerSeat div:nth-of-type(2) ul {
	padding-top: 10px
}

.boardRead section.articleBody .registerSeat div:nth-of-type(2) ul li {
	float: left
}

.boardRead section.articleBody .registerSeat div:nth-of-type(2) ul li:after
	{
	display: none
}

.boardRead section.articleBody .registerSeat div:nth-of-type(2) ul li a
	{
	padding: 10px 20px;
	line-height: 40px;
	color: #fff;
	background-color: #049844;
	font-weight: 400
}

.boardRead section.articleBody .registerSeat div:nth-of-type(2) ul li a:hover
	{
	background-color: #436627
}

.boardRead section.articleBody .registerSeat div:nth-of-type(2) ul li:nth-of-type(1)
	{
	padding-left: 0
}

.boardRead section.articleBody .elib {
	width: 100%
}

.boardRead section.articleBody .elib ul {
	text-align: center;
	border-bottom: 1px solid #ccc;
	overflow: hidden;
	padding-bottom: 10px
}

.boardRead section.articleBody .elib ul li {
	float: left;
	margin-left: 5px;
	width: 173px;
	height: 184px;
	border: 1px solid #049842;
	text-align: center;
	box-sizing: border-box;
	padding: 25px 0 0
}

.boardRead section.articleBody .elib ul li:after {
	display: none
}

.boardRead section.articleBody .elib ul li span {
	width: 100%;
	text-align: center
}

.boardRead section.articleBody .elib ul li:hover {
	background-color: #436627;
	font-weight: 500
}

.boardRead section.articleBody .elib ul li:first-child {
	color: #fff;
	background-color: #039844;
	margin-left: 0;
	padding-top: 45px
}

.boardRead section.articleBody .elib ul:nth-of-type(2) {
	border-bottom: none
}

.boardRead section.articleBody .elib ul:nth-of-type(2) li:first-child {
	background-color: #02602C
}

.boardRead section.articleBody li li {
	font-size: .92em;
	line-height: 2em
}

.boardRead section.articleBody li li:after {
	height: 2px;
	width: 7px;
	left: 1px
}

.boardRead section.articleBody li li li:after {
	width: 5px;
	left: 3px
}

.boardRead section.articleBody li li li li:after {
	width: 3px;
	left: 5px
}

.boardRead section.articleBody .olliStyle {
	position: absolute;
	display: block;
	color: #333;
	font-family: Roboto, sans-serif;
	top: 0;
	left: -12px;
	width: 20px;
	text-align: right
}

.boardRead section.articleBody ol>li {
	position: relative;
	padding-left: 13px
}

.boardRead section.articleBody ol>li:nth-of-type(1):after {
	content: "1. ";
	position: absolute;
	display: block;
	color: #333;
	font-family: Roboto, sans-serif;
	top: 0;
	left: -12px;
	width: 20px;
	text-align: right
}

.boardRead section.articleBody ol>li:nth-of-type(2):after {
	content: "2. ";
	position: absolute;
	display: block;
	color: #333;
	font-family: Roboto, sans-serif;
	top: 0;
	left: -12px;
	width: 20px;
	text-align: right
}

.boardRead section.articleBody ol>li:nth-of-type(3):after {
	content: "3. ";
	position: absolute;
	display: block;
	color: #333;
	font-family: Roboto, sans-serif;
	top: 0;
	left: -12px;
	width: 20px;
	text-align: right
}

.boardRead section.articleBody ol>li:nth-of-type(4):after {
	content: "4. ";
	position: absolute;
	display: block;
	color: #333;
	font-family: Roboto, sans-serif;
	top: 0;
	left: -12px;
	width: 20px;
	text-align: right
}

.boardRead section.articleBody ol>li:nth-of-type(5):after {
	content: "5. ";
	position: absolute;
	display: block;
	color: #333;
	font-family: Roboto, sans-serif;
	top: 0;
	left: -12px;
	width: 20px;
	text-align: right
}

.boardRead section.articleBody ol>li:nth-of-type(6):after {
	content: "6. ";
	position: absolute;
	display: block;
	color: #333;
	font-family: Roboto, sans-serif;
	top: 0;
	left: -12px;
	width: 20px;
	text-align: right
}

.boardRead section.articleBody ol>li:nth-of-type(7):after {
	content: "7. ";
	position: absolute;
	display: block;
	color: #333;
	font-family: Roboto, sans-serif;
	top: 0;
	left: -12px;
	width: 20px;
	text-align: right
}

.boardRead section.articleBody ol>li:nth-of-type(8):after {
	content: "8. ";
	position: absolute;
	display: block;
	color: #333;
	font-family: Roboto, sans-serif;
	top: 0;
	left: -12px;
	width: 20px;
	text-align: right
}

.boardRead section.articleBody ol>li:nth-of-type(9):after {
	content: "9. ";
	position: absolute;
	display: block;
	color: #333;
	font-family: Roboto, sans-serif;
	top: 0;
	left: -12px;
	width: 20px;
	text-align: right
}

.boardRead section.articleBody ol>li:nth-of-type(10):after {
	content: "10. ";
	position: absolute;
	display: block;
	color: #333;
	font-family: Roboto, sans-serif;
	top: 0;
	left: -12px;
	width: 20px;
	text-align: right
}

.boardRead section.articleBody ol>li:nth-of-type(11):after {
	content: "11. ";
	position: absolute;
	display: block;
	color: #333;
	font-family: Roboto, sans-serif;
	top: 0;
	left: -12px;
	width: 20px;
	text-align: right
}

.boardRead section.articleBody ol>li:nth-of-type(12):after {
	content: "12. ";
	position: absolute;
	display: block;
	color: #333;
	font-family: Roboto, sans-serif;
	top: 0;
	left: -12px;
	width: 20px;
	text-align: right
}

.boardRead section.articleBody ol>li:nth-of-type(13):after {
	content: "13. ";
	position: absolute;
	display: block;
	color: #333;
	font-family: Roboto, sans-serif;
	top: 0;
	left: -12px;
	width: 20px;
	text-align: right
}

.boardRead section.articleBody ol>li:nth-of-type(14):after {
	content: "14. ";
	position: absolute;
	display: block;
	color: #333;
	font-family: Roboto, sans-serif;
	top: 0;
	left: -12px;
	width: 20px;
	text-align: right
}

.boardRead section.articleBody ol>li:nth-of-type(15):after {
	content: "15. ";
	position: absolute;
	display: block;
	color: #333;
	font-family: Roboto, sans-serif;
	top: 0;
	left: -12px;
	width: 20px;
	text-align: right
}

.boardRead section.articleBody ol>li:nth-of-type(16):after {
	content: "16. ";
	position: absolute;
	display: block;
	color: #333;
	font-family: Roboto, sans-serif;
	top: 0;
	left: -12px;
	width: 20px;
	text-align: right
}

.boardRead section.articleBody ol>li:nth-of-type(17):after {
	content: "17. ";
	position: absolute;
	display: block;
	color: #333;
	font-family: Roboto, sans-serif;
	top: 0;
	left: -12px;
	width: 20px;
	text-align: right
}

.boardRead section.articleBody ol>li:nth-of-type(18):after {
	content: "18. ";
	position: absolute;
	display: block;
	color: #333;
	font-family: Roboto, sans-serif;
	top: 0;
	left: -12px;
	width: 20px;
	text-align: right
}

.boardRead section.articleBody ol>li:nth-of-type(19):after {
	content: "19. ";
	position: absolute;
	display: block;
	color: #333;
	font-family: Roboto, sans-serif;
	top: 0;
	left: -12px;
	width: 20px;
	text-align: right
}

.boardRead section.articleBody ol>li:nth-of-type(20):after {
	content: "20. ";
	position: absolute;
	display: block;
	color: #333;
	font-family: Roboto, sans-serif;
	top: 0;
	left: -12px;
	width: 20px;
	text-align: right
}

.boardRead section.articleBody .gradborder {
	border-style: solid;
	border-image: linear-gradient(to right,#235caa 0,#235caa 100%);
	border-image-slice: 1
}

.boardRead section.articleBody .radius {
	border-radius: 30px
}

.boardRead section.articleBody .borderInArea {
	border: 1px solid #c2bebe;
	padding: 15px 20px
}

.boardRead section.articleBody .clear {
	clear: both
}

.boardRead section.articleBody div.inArrow {
	width: 15px;
	height: 51px;
	margin: 50px 0 0 15px;
	background: url(/include/default/img/main/sub/arrow_right.png) center
		no-repeat
}

.boardRead section.articleBody table {
	position: relative;
	width: 100%;
	border-left: 1px solid #dadada;
	margin: 5px 0
}

.boardRead section.articleBody table:before {
	content: "";
	position: absolute;
	width: 100%;
	top: -2px;
	height: 3px;
	background-image: linear-gradient(to right, #039844 0, #568a38 100%)
}

.boardRead section.articleBody table thead {
	border-bottom: 1px #dadada
}

.boardRead section.articleBody table thead td, .boardRead section.articleBody table thead th
	{
	background-color: #edf5e8;
	font-weight: 500;
	font-size: 17px
}

.boardRead section.articleBody table td, .boardRead section.articleBody table th
	{
	border-right: 1px solid #dadada;
	border-bottom: 1px solid #dadada;
	vertical-align: middle;
	padding: 6px 8px;
	font-size: 16px
}

.boardRead section.articleBody table td p:first-of-type, .boardRead section.articleBody table th p:first-of-type
	{
	margin-top: 0
}

.boardRead section.articleBody table td p:last-of-type, .boardRead section.articleBody table th p:last-of-type
	{
	margin-bottom: 0
}

.boardRead section.articleBody table th {
	font-weight: 500;
	font-size: 17px;
	background-color: #edf5e8;
	text-align: center
}

.boardRead section.articleBody table td {
	font-weight: 400
}

.boardRead section.articleBody table tfoot {
	border-top: 3px double #dadada
}

.boardRead section.articleBody table tfoot td, .boardRead section.articleBody table tfoot th
	{
	background-color: #f3f8ef
}

@media ( min-width :0px) and (max-width:768px) {
	.boardRead section.articleBody p {
		font-size: 14px;
		margin: 6px 0
	}
	.boardRead section.articleBody li {
		font-size: 14px
	}
	.boardRead section.articleBody h1, .boardRead section.articleBody h2 {
		font-size: 19px;
		margin-top: 18px;
		margin-bottom: 8px
	}
	.boardRead section.articleBody h3 {
		font-size: 16px;
		margin-top: 18px;
		margin-bottom: 8px
	}
	.boardRead section.articleBody h4 {
		font-size: 15.5px;
		margin-top: 18px;
		margin-bottom: 8px
	}
	.boardRead section.articleBody h5 {
		font-size: 15.3px;
		margin-top: 18px;
		margin-bottom: 8px
	}
	.boardRead section.articleBody h6 {
		font-size: 15px;
		margin-top: 18px;
		margin-bottom: 8px
	}
	.boardRead section.articleBody table thead td, .boardRead section.articleBody table thead th
		{
		font-size: 15px
	}
	.boardRead section.articleBody table td, .boardRead section.articleBody table th
		{
		font-size: 14px
	}
	.boardRead section.articleBody table tbody td, .boardRead section.articleBody table tbody th
		{
		word-break: break-all
	}
	.boardRead section.articleBody div.inArrow {
		background: url(/include/default/img/main/sub/arrow_bottom.png) center
			no-repeat;
		width: 51px;
		height: 15px;
		margin: 0 auto;
		padding: 20px 0
	}
	.boardRead section.articleBody .registerSeat {
		height: 300px
	}
	.boardRead section.articleBody .registerSeat div {
		float: left;
		width: 50%;
		padding: 40px 0 0 56px
	}
	.boardRead section.articleBody .registerSeat div:nth-of-type(1) {
		display: none
	}
	.boardRead section.articleBody .registerSeat div:nth-of-type(2) {
		width: 100%;
		padding: 40px
	}
	.boardRead section.articleBody .registerSeat div:nth-of-type(2) p:nth-of-type(1)
		{
		font-size: 20px;
		width: 265px;
		line-height: 24px;
		padding-top: 0
	}
	.boardRead section.articleBody .registerSeat div:nth-of-type(2) p:nth-of-type(2)
		{
		font-size: 14px;
		padding-top: 20px;
		color: #575757
	}
	.boardRead section.articleBody .registerSeat div:nth-of-type(2) ul {
		padding-top: 10px
	}
	.boardRead section.articleBody .registerSeat div:nth-of-type(2) ul li {
		float: left;
		width: 100%;
		padding-left: 0;
		text-align: center
	}
	.boardRead section.articleBody .registerSeat div:nth-of-type(2) ul li:after
		{
		display: none
	}
	.boardRead section.articleBody .registerSeat div:nth-of-type(2) ul li a
		{
		padding: 10px 20px;
		line-height: 40px;
		color: #fff;
		background-color: #049844;
		font-weight: 400
	}
	.boardRead section.articleBody .registerSeat div:nth-of-type(2) ul li a:hover
		{
		background-color: #436627
	}
	.boardRead section.articleBody .elib ul li {
		width: calc(50% - 5px)
	}
	.boardRead section.articleBody .elib ul li:first-child {
		width: 100%;
		height: calc(50% - 45px);
		padding-top: 10px
	}
}

@media ( min-width :769px) and (max-width:1240px) {
	.boardRead section.articleBody .registerSeat div {
		float: left;
		width: 50%;
		padding: 40px 0 0 56px
	}
	.boardRead section.articleBody .registerSeat div:nth-of-type(2) p:nth-of-type(1)
		{
		font-size: 26px;
		font-weight: 600;
		border-bottom: 4px solid #FFF45C;
		width: 265px;
		line-height: 26px;
		padding-top: 20px
	}
	.boardRead section.articleBody .registerSeat div:nth-of-type(2) p:nth-of-type(2)
		{
		font-size: 18px;
		padding-top: 20px;
		color: #575757
	}
	.boardRead section.articleBody .registerSeat div:nth-of-type(2) ul {
		padding-top: 10px
	}
	.boardRead section.articleBody .registerSeat div:nth-of-type(2) ul li {
		float: left;
		width: 100%;
		padding-left: 0
	}
	.boardRead section.articleBody .registerSeat div:nth-of-type(2) ul li:after
		{
		display: none
	}
	.boardRead section.articleBody .registerSeat div:nth-of-type(2) ul li a
		{
		padding: 10px 20px;
		line-height: 40px;
		color: #fff;
		background-color: #049844;
		font-weight: 400
	}
	.boardRead section.articleBody .registerSeat div:nth-of-type(2) ul li a:hover
		{
		background-color: #436627
	}
	.boardRead section.articleBody .elib ul li {
		width: calc(25% - 5px)
	}
	.boardRead section.articleBody .elib ul li:first-child {
		width: 100%;
		height: calc(70% - 45px);
		padding-top: 20px
	}
}

.boardRead section:after {
	display: block;
	content: "";
	clear: both
}

.boardRead footer {
	text-align: right;
	margin: 10px 0
}

.totalCount {
	font-size: 12px;
	color: #5b8b35
}

.boardDelete {
	position: relative
}

.boardDelete section {
	padding: 0 0 30px 10px !important;
	margin: 0 0 10px;
	border-bottom: 1px solid #dadada
}

.boardDelete footer {
	text-align: right;
	margin: 10px 0
}

.boardPhoto {
	margin-top: 20px
}

.boardPhoto:after {
	content: "";
	display: block;
	clear: both
}

.boardPhoto .photoItem {
	float: left;
	width: calc(25% - 15px);
	margin: 0 20px 20px 0
}

.boardPhoto .photoItem:after {
	content: "";
	display: block;
	clear: both
}

.boardPhoto .photoItem:nth-of-type(4n) {
	margin-right: 0
}

.boardPhoto .photoItem:nth-of-type(4n):after {
	content: "";
	display: block;
	clear: both
}

@media ( min-width :0px) and (max-width:768px) {
	.boardPhoto .photoItem {
		width: calc(50% - 10px)
	}
	.boardPhoto .photoItem:nth-of-type(2n) {
		margin-right: 0
	}
	.boardPhoto .photoItem:nth-of-type(2n):after {
		content: "";
		display: block;
		clear: both
	}
}

.boardPhoto .photoItem a img {
	width: 100%;
	height: 66.6%
}
.photoItemInfo{
	border: 1px solid #ccc;
    border-top: 0;
        padding: 0 5px;
}
.boardPhoto .photoItem p.title {
	font-size: 14px;
	text-align: center;
	border: 1px solid #ccc;
}

.boardPhoto .photoItem span.date {
	font-size: 12px;
	float: right;
	color: #737373
}

.boardPhoto footer {
	clear: both;
	text-align: right
}

.board {
	border-style: solid;
	border-image: linear-gradient(to right,#235caa 0,#235caa 100%);
	border-image-slice: 1;
	border-top-width: 3px;
	margin: 10px 0 20px 0;
	border-left: none;
	border-right: none;
	border-bottom: none;
}

.board small {
	color: #d33;
	display: block
}

.board table {
	width: 100%;
	margin-bottom: 20px
}

.board table caption {
	position:absolute;
	left:-999999px;
	width:1px;
	height:1px;
	overflow:hidden;
}

.board table thead td, .board table thead th {
	background-color: #f8f8f9;
	border-bottom: 1px solid #dadada;
	padding: 10px;
	font-size: 14px;
	color: #223613
}

.board table thead td.category, .board table thead td.checkbox, .board table thead td.date,
	.board table thead td.hit, .board table thead td.no, .board table thead td.status,
	.board table thead th.category, .board table thead th.checkbox, .board table thead th.date,
	.board table thead th.hit, .board table thead th.no, .board table thead th.status
	{
	text-align: center
}

.board table thead td.title, .board table thead th.title {
	text-align: left
}

.board table thead td i, .board table thead th i {
	font-size: 18px;
	cursor: pointer
}

.board table tbody tr.foldQ {
	cursor: pointer
}

.board table tbody tr.foldQ td.title>div {
	position: relative
}

.board table tbody tr.foldQ td.title>div:after {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	position: absolute;
	display: block;
	content: "\f067";
	width: 21px;
	height: 21px;
	right: 0;
	top: 0;
	color: #b5b3b4
}

.board table tbody tr.foldQ.open td.title>div:after {
	content: "\f068"
}

.board table tbody tr.foldA span.foldA, .board table tbody tr.foldQ span.foldQ
	{
	display: inline-block;
	width: 26px;
	height: 26px;
	border-radius: 13px;
	line-height: 26px;
	font-size: 13px;
	font-weight: 700;
	background-color: #0b66bf;
	color: #fff
}

.board table tbody tr.foldA span.foldA {
	background-color: #e3345b
}

.board table tbody tr.foldA {
	background-color: #f8f8f8;
	display: none;
	border-bottom: 2px solid #e9e9e9
}

.board table tbody tr.foldA td.content ul>li {
	position: relative;
	padding-left: 10px;
	line-height: 24px;
	letter-spacing: .2px
}

.board table tbody tr.foldA td.content ul>li:after {
	display: block;
	position: absolute;
	content: "";
	top: 9px;
	left: 0;
	width: 4px;
	height: 4px;
	background-color: #000
}

.board table tbody tr.foldA td.content ul>li.noneLi:after {
	display: none
}

.board table tbody tr.foldA td.content ul>li>ul li {
	position: relative;
	padding-left: 10px
}

.board table tbody tr.foldA td.content ul>li>ul li:after {
	display: block;
	position: absolute;
	content: "";
	top: 11px;
	left: 0;
	width: 8px;
	height: 1px;
	background-color: #000
}

.board table tbody tr.foldA td.content ul>li>ol li {
	position: relative;
	padding-left: 15px
}

.board table tbody tr.foldA td.content ul>li>ol li:after {
	display: block;
	position: absolute;
	content: "";
	left: 0;
	top: -2px
}

.board table tbody tr.foldA td.content ul>li>ol li:nth-of-type(1):after
	{
	content: "①"
}

.board table tbody tr.foldA td.content ul>li>ol li:nth-of-type(2):after
	{
	content: "②"
}

.board table tbody tr.foldA td.content ul>li>ol li:nth-of-type(3):after
	{
	content: "③"
}

.board table tbody tr.foldA td.content ul>li>ol li:nth-of-type(4):after
	{
	content: "④"
}

.board table tbody tr.foldA td.content ul>li>ol li:nth-of-type(5):after
	{
	content: "⑤"
}

.board table tbody tr.foldA td.content ul>li>ol li:nth-of-type(6):after
	{
	content: "⑥"
}

.board table tbody tr.foldA td.content ul>li>ol li:nth-of-type(7):after
	{
	content: "⑦"
}

.board table tbody tr.foldA td.content ul>li>ol li:nth-of-type(8):after
	{
	content: "⑧"
}

.board table tbody tr.foldA td.content ul>li>ol li:nth-of-type(9):after
	{
	content: "⑨"
}

.board table tbody tr.foldA td.content ul>li a {
	font-weight: 500;
	color: #00f
}

.board table tbody tr {
	border-bottom: 1px solid #dadada
}

.board table tbody td, .board table tbody th {
	padding: 10px;
	font-size: 14px;
	vertical-align: middle
}

.board table tbody td.checkbox, .board table tbody td.date, .board table tbody td.hit,
	.board table tbody td.no, .board table tbody th.checkbox, .board table tbody th.date,
	.board table tbody th.hit, .board table tbody th.no {
	text-align: center;
	font-family: Roboto, sans-serif;
	font-size: 12.6px
}

.board table tbody td.category, .board table tbody th.category {
	text-align: center
}

.board table tbody td.status, .board table tbody th.status {
	text-align: center;
	font-size: .9em
}

.board table tbody td.title, .board table tbody th.title {
	text-align: left;
	font-size: 14px;
	line-height:140%;
}

.board table tbody td.program, .board table tbody th.program {
	position: relative;
	height: 70px
}

.board table tbody td.program .title, .board table tbody th.program .title
	{
	font-size: 16px;
	font-weight: 600
}

.board table tbody td.program .desc, .board table tbody th.program .desc
	{
	font-size: 14px;
	font-weight: 400
}

.board table tbody td.webZine, .board table tbody th.webZine {
	position: relative;
	padding-left: 160px;
	height: 100px
}

.board table tbody td.webZine img, .board table tbody th.webZine img {
	position: absolute;
	left: 0;
	top: 3px;
	width: 140px;
	height: 93px
}

.board table tbody td.webZine .title, .board table tbody th.webZine .title
	{
	font-size: 16px;
	font-weight: 600
}

.board table tbody td.webZine .desc, .board table tbody th.webZine .desc
	{
	font-size: 14px;
	font-weight: 400
}

.board table tbody td.title-link, .board table tbody th.title-link {
	text-align: left;
	font-size: 15.4px
}

.board table tbody td a.link, .board table tbody th a.link {
	border-bottom: 2px dotted #01cb5f
}

.board table tbody td span.notice, .board table tbody th span.notice {
	font-weight: 700
}

.board table tbody td span.notice, .board table tbody th span.notice {
	background-color: #3db1aa;
	display: inline-block;
	border-radius: 13px;
	height: 22px;
	line-height: 22px;
	width: 45px;
	color: #fff;
	font-weight: 700
}

.board table tbody td a.photoTitle span, .board table tbody th a.photoTitle span
	{
	color: #009A44;
	font-weight: 500
}

.board table tbody td a.photoTitle span.lib, .board table tbody th a.photoTitle span.lib
	{
	color: #00409A
}

.board footer {
	text-align: right
}

.prvNxt {
	margin: 60px 0;
	border-top: 1px solid #ccc;
	border-image: none
}

.boardPage {
	text-align: center;
	margin: 10px 0
}

.boardSearch {
	margin: 10px 0;
	border: 1px solid #dadada;
	background-color: #f5f5f5;
	padding: 10px 20px;
	text-align: center
}

.boardSearch form * {
	height: 30px;
	padding: 5px 10px
}

.boardSearch form select {
	width: 15%
}

.boardSearch form input {
	width: 50%
}

.boardSearch form button {
	width: 15%
}

.commentPost {
	position: relative
}

.commentPost .commentInfo {
	margin-bottom: 5px
}

.commentPost .commentInfo span {
	display: inline-block;
	margin-right: 3px
}

.commentPost .commentBtn {
	position: absolute;
	bottom: 5px;
	right: 5px
}

.commentPost .commentContents {
	font-size: 14px;
	color: #333
}

.photoList {
	margin: 10px 5px 10px 4px;
	float: left
}

.photoList p.image img {
	width: 100%
}

.fileLinkList span em {
	display: inline-block;
	border-radius: 3px;
	font-size: .9em;
	text-decoration: none;
	font-style: normal;
	line-height: 20px;
	padding: 0 6px;
	margin-right: 5px;
	height: 20px;
	color: #fff;
	background-color: #02fd76
}

.fileLinkList em {
	font-style: normal;
	font-size: .8em
}

.categoryBox {
	padding: 5px 0 20px;
	margin: -10px 0 10px;
	width:100%;
	text-align: center;
}
.categoryBox ul {
	overflow:hidden;
	text-align: center;
	display:flex;
}

.categoryBox li {
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
	float:left;
	flex: 1 0 auto;
}

.categoryBox li:last-of-type {
	border-right:1px solid #ccc;
}

.categoryBox li a {
	display: block;
	height: 46px;
	line-height: 46px;
	text-align: center;
	font-size: 16px;
	padding:0 30px;
	min-width: 125px;
}
.categoryBox li a[target=_blank]:after {
	content:"새창";
	color:#999;
	font-size:11px;
	display:inline-block;
	margin:0 6px;
	vertical-align: middle;
}
.categoryBox li.on a {
	font-weight: bold;
	color:#fff;
	background-color:#1a5bb1;
}

.categoryBox ul:after {
	content: "";
	display: block;
	clear: both;
}
@media ( min-width :0px) and (max-width:768px) {
	.board thead, .boardRead h1 small {
		display: none
	}
	.board tbody tr {
		display: block;
		padding: 10px 5px;
		line-height: 26px
	}
	.board tbody tr td {
		display: inline;
		padding: 0
	}
	.board tbody tr td.category {
		color: #3c99f4
	}
	.board tbody tr td.category:before {
		content: "["
	}
	.board tbody tr td.category:after {
		content: "]"
	}
	.board tbody tr td.title {
		font-size: 16px
	}
	.board tbody tr td.title:after {
		content: "\A";
		white-space: pre
	}
	.board tbody tr td.webZine {
		display: inline-block;
		position: relative;
		padding-left: 135px;
		height: auto
	}
	.board tbody tr td.webZine img {
		position: absolute;
		left: 0;
		top: 3px;
		width: 120px;
		height: 80px
	}
	.board tbody tr td.webZine .title {
		font-size: 16px;
		font-weight: 600
	}
	.board tbody tr td.webZine .desc {
		font-size: 14px;
		font-weight: 400
	}
	.board tbody tr td.name {
		font-size: 12px;
		color: #999;
		margin-left: 10px
	}
	.board tbody tr td.name:before {
		content: "작성자 : "
	}
	.board tbody tr td.date {
		font-size: 12px;
		color: #999;
		margin-left: 10px
	}
	.board tbody tr td.date:before {
		content: "등록일 : "
	}
	.board tbody tr td.hit {
		font-size: 12px;
		color: #999;
		margin-left: 10px
	}
	.board tbody tr td.hit:before {
		content: "조회수 : "
	}
}
.noticeY{
	background-color: #158A7D;
	display:inline-block;
	border-radius: 15px;
	height:28px;
	width: 45px;
	color:#fff;
	font-weight: 700;
	text-align: center;
	margin-right:7px;
	padding-top:6px;
}