.dash-box{
 	border: 1px dashed #989ca8;
	padding: 20px;
	margin-bottom: 25px;
 }
 
 .dash-box .dash-box-title{
 	display: block;
 	font-weight: bold;
 	margin-bottom: 10px;
 }
 
 .dash-box .dash-box-title::before{
 	content: '※';
 }
 
 
.board-container > p {
	text-align: right;
}

.board-container > .alert-block{
	text-align: left;
}

.board-container .board-search-wrap {
	background: #f2f2f2;
	padding: 35px;
}

.board-container .board-search-wrap form{
	width: 100%;
}

.board-container .board-search-wrap form .search-container input,
.board-container .board-search-wrap form .search-container select,
.board-container .board-search-wrap form .search-container button{
	height: 45px;
}

.board-container .board-search-wrap form .search-container i{
	height: 14px !important;
}

.board-container div>select, .board-container div>input {
	padding-left: 10px;
}

.board-container .board-search-wrap form .search-container{
	display: flex; display: -webkit-flex; /* NEW */
	justify-content: center; -webkit-justify-content: center;
	align-items: center; -webkit-align-items: center;
	width: 100%;
}

.board-container div select {
	flex: 1;
	-webkit-flex: 1;
	margin-right: 10px;
}

.board-container div #textfield {
	flex: 5;
	-webkit-flex: 5;
	height: 41px !important;
	margin-right: 10px;
}

.board-container div .board-search-submit {
	flex: 1;
	-webkit-flex: 1;
	color: #fff;
}

.board-info {
	margin-top: 45px;
	text-align: right;
}

.board-info .pull-right {
	display: flex; display: -webkit-flex; /* NEW */
	justify-content: space-between; -webkit-justify-content: space-between;
	align-items: center; -webkit-align-items: center;
	margin-bottom: 10px;
	
}

.board-info strong:first-child{
	color: #d83467;
}

.btn {
	padding: .5em .4em;
	color: #fff !important;
	display: inline-block;
	border-radius: 3px;
	height: auto;
}

.disabled{
	background: #d4d4d4;
	color: #5a5a5a;
	border: solid 1px #d4d4d4;
}

.btn-write{
	width: 141px;
	border-radius: 3px;
	border: solid 1px #555555;
	background-color: #555555;
	padding: 9px 0;
	text-align: center;
}

.btn-primary {
	border: solid 1px #3892dd;
	background: #3892dd;
}

.btn-success {
	border: solid 1px #41c722;
	background: #41c722;
}

.btn-info {
	border: solid 1px #84d7ef;
	background: #84d7ef;
}

.btn-warning {
	border: solid 1px #ffa200;
	background: #ffa200;
}

.btn-link {
	background: #fff;
	color: #3892dd !important;
}

.btn-danger {
	border: solid 1px #f26a66;
	background: #f26a66;
}

.btn-search {
	border: solid 1px #404040;
	background: #404040;
}

.btn-reset {
	border: solid 1px #01568c;
	background: #01568c;
}

.btn-orange {
	border: solid 1px #ee733a;
	background: #ee733a;
}

.badge-info{
	color: #fff;
	background: #3892ce;
	border-radius: 3px;
	display: inline-block;
	width: 40px;
	text-align: center;
	font-weight: 100;
	margin-left: 5px;
	padding-bottom: 1px;
}

.table-list {
	border-collapse: collapse;
	width: 100%;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #dddddd;
}

.table-list caption {
	display: none;
}

.table-list tr th {
	background: #fafafa;
	text-align: center;
	padding: 20px 0;
}

.table-list tr td {
	padding: 15px 0;
	border-top: 1px solid #dddddd;
	text-align: center;
}

.table-list tr .title{
	text-align: left;
}

.table-list tr .title a{
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	display: inline-block;
}

.table-view-title-box{
	background: #f5f5f5;
	border: 1px solid #dddddd;
	padding: 15px;
	margin: 12px 0;
	font-weight: bold;
	font-size: 15px;
}

.table-view,
.table-form {
	border-collapse: collapse;
	width: 100%;
}

.table-view caption,
.table-form caption {
	display: none;
}

.table-view tr th, .table-view tr td,
.table-form tr th, .table-form tr td {
	border: 1px solid #cccccc;
}

.table-view tr th,
.table-form tr th {
	background: #fafafa;
	text-align: center;
	padding: 14px 0;
}

.table-view tr td,
.table-form tr td {
	padding: 15px;
	border-top: 1px solid #dddddd;
	text-align: left;
}

.table-form tr td input[type=text],
.table-form tr td input[type=password],
.table-form tr td select{
	width: calc(100% - 20px);
	border: 1px solid #d6d6d6;
	border-radius: 3px;
	padding: 10px;
}

.table-view tr td .attach-files li {
	background-repeat: no-repeat;
	padding-left: 25px;
}

.paging-container .pagination ul {
	display: flex; display: -webkit-flex; /* NEW */
	justify-content: center; -webkit-justify-content: center;
	align-items: center; -webkit-align-items: center;
	padding: 0 55px;
	margin-top: 75px;
}

.paging-container .pagination ul li {
	display: flex; display: -webkit-flex; /* NEW */
	justify-content: center; -webkit-justify-content: center;
	align-items: center; -webkit-align-items: center;
	width: 32px;
	height: 32px;
	border: 1px solid #dddddd;
	margin: 0 2px;
}

 .paging-container .pagination ul li.page-arrow {
	 background: #d4d4d4;
 }

.paging-container .pagination ul li.active {
	background: #666666;
	color: #fff;
}

.centered {
	text-align: center;
	background: #f5f5f5;
	margin-top: 20px;
	padding: 15px 0;
}

.btn-list {
	color: #303030 !important;
	display: block;
}

.board-btn-div {
	text-align: center;
}

.board-container .m-table-list{
	display: none;
}

.board-container .m-table-list tr .title a{
	width: 70vw;
}




/*searchbox*/
@media screen and (max-width:1024px) {
	.board-container .board-search-wrap{
		padding: 5vw;
	}
	.board-container .board-search-wrap form .search-container{
		display: block;
	}
	.board-container .board-search-wrap form .search-container *{
		width: 100% !important;
		margin: 2vw 0 !important;
	}
	
	.board-container .board-search-wrap form .search-container input{
			width: calc(100% - 14px) !important;
	}
	
	.board-container .table-list{
		display: none;
	}
	
	.board-container .m-table-list{
		display: table; 
	}
	
	.btn-list tr th{
		display: none;
	}
	
	.btn-list tr .mobile{
		display: block;
	}
	
	
	.paging-container .pagination ul {
	display: flex; display: -webkit-flex; /* NEW */
	justify-content: center; -webkit-justify-content: center;
	align-items: center; -webkit-align-items: center;
	padding: 0 ;
	margin-top: 75px;
}

	/* 이미지 사이즈 강제 조정 */
	
	.table-view tr th, .table-view tr td,
	.table-form tr th, .table-form tr td {
		resize: both;
		max-width: 300px  !important;
		height:auto;
	}

	
	
	.board-conents {
		resize: both;
		max-width: 300px  !important;
		height:auto;
	}
	
		
	.board-conents table {
		resize: both;
		max-width: 300px !important;
		height:auto;
	}
	
	.board-conents table td{
		resize: both;
		max-width: 300px !important;
		height:auto;
	}
	
	.table-view tr th, .table-view tr td p,
	.table-form tr th, .table-form tr td p {
		resize: both;
		max-width: 300px !important;
		height:auto;
		
	}
	
	
	.table-view tr th, .table-view tr td img,
	.table-form tr th, .table-form tr td img {
		resize: both;
		float: center;
		max-width: 280px !important;
		height:auto;
		margin: 5px 0;
		
	}
	
}


 @media (max-width: 991px) {
	 .subpage-wrap .vcontent {
		max-width: 100% !important;
	 }
 }

/* 보도자료 게시판(블로그형) */
 .board-news {
	 border-top: 1px solid #DDDDDD;
 }
 .board-news .new-list {
	 width: 100%;
	 padding: 20px 0;
	 border-bottom: 1px solid #DDDDDD;
 }
 .board-news .new-list a {
	 display: flex;
 }
 @media (max-width: 991px) {
	 .board-news .new-list a {
		 flex-wrap: wrap;
	 }
 }
 .board-news .new-list a .img {
	 width: 250px;
	 height: 140px;
	 background-size: cover;
	 background-repeat: no-repeat;
	 background-position: center;
 }
 @media (max-width: 991px) {
	 .board-news .new-list a .img {
		 width: 100%;
		 height: 185px;
		 margin-bottom: 20px;
	 }
 }
 .board-news .new-list a .txt-wrap {
	 width: calc( 100% - 250px );
	 padding-left: 30px;
 }
 @media (max-width: 991px) {
	 .board-news .new-list a .txt-wrap {
		 width: 100%;
		 padding-left: 0;
	 }
 }
 .board-news .new-list a .txt-wrap .tit {
	 width: 100%;
	 padding-bottom: 12px;
	 color: #333;
	 font-size: 18px;
	 font-weight: bold;
	 overflow:hidden;
	 white-space:nowrap;
	 text-overflow:ellipsis;
 }
 @media (max-width: 991px) {
	 .board-news .new-list a .txt-wrap .tit {
		 padding-bottom: 15px;
		 font-size: 16px;
	 }
 }
 .board-news .new-list a .txt-wrap .txt {
	 width: 100%;
	 margin-bottom: 20px;
	 color: #666666;
	 font-size: 16px;
	 overflow: hidden;
	 text-overflow:ellipsis;
	 word-break: break-word;
	 display:-webkit-box;
	 -webkit-line-clamp:3;
	 -webkit-box-orient:vertical;
 }
 @media (max-width: 991px) {
	 .board-news .new-list a .txt-wrap .txt {
		 font-size: 14px;
		 margin-bottom: 15px;
	 }
 }
 .board-news .new-list a .txt-wrap .info {
	 display: flex;
 }
 .board-news .new-list a .txt-wrap .info span {
	 display: inline-flex;
	 align-items: center;
	 position: relative;
	 margin-right: 20px;
	 color: #333;
	 font-size: 14px;
 }
 .board-news .new-list a .txt-wrap .info span img {
	 margin-right: 5px;
 }
 .board-news .new-list a .txt-wrap .info span+span::before {
	 content: '';
	 position: absolute;
	 top: 3px;
	 left: -10px;
	 display: inline-block;
	 width: 1px;
	 height: 14px;
	 border-right: 1px solid #DDDDDD;
 }


 /* 연구자료 게시판 */
 .board-data {
	 display: flex;
	 flex-wrap: wrap;
 }
 @media (max-width: 991px) {
	 .board-data {
		 border-top: 1px solid #DDDDDD;
	 }
 }
 .board-data .data-list {
	 display: flex;
	 width: calc( 50% - 10px );
	 margin-right: 10px;
	 margin-bottom: 20px;
	 padding: 20px;
	 border: 1px solid #DDDDDD;
 }
 @media (max-width: 991px) {
	 .board-data .data-list {
		 width: 100%;
		 margin-right: 0;
		 margin-bottom: 0;
		 border: none;
		 border-bottom: 1px solid #DDDDDD;
	 }
 }
 .board-data .data-list:nth-child(even) {
	 margin-right: 0;
	 margin-left: 10px;
 }
 @media (max-width: 991px) {
	 .board-data .data-list:nth-child(even) {
		 margin-left: 0;
	 }
 }
 .board-data .data-list .img {
	 width: 104px;
	 height: 142px;
	 background-size: cover;
	 background-repeat: no-repeat;
	 background-position: center;
 }
 .board-data .data-list .img a {
	 display: block;
	 width: 100%;
	 height: 100%;
 }
 .board-data .data-list .txt-wrap {
	 position: relative;
	 width: calc( 100% - 104px );
	 padding-left: 30px;
 }
 @media (max-width: 991px) {
	 .board-data .data-list .txt-wrap {
		 padding-left: 20px;
	 }
 }
 .board-data .data-list .txt-wrap .tit a {
	 display: block;
	 width: 100%;
	 padding-bottom: 12px;
	 color: #333;
	 font-size: 18px;
	 font-weight: bold;
	 overflow:hidden;
	 white-space:nowrap;
	 text-overflow:ellipsis;
 }
 @media (max-width: 991px) {
	 .board-data .data-list .txt-wrap .tit a {
		 padding-bottom: 15px;
		 font-size: 16px;
	 }
 }
 .board-data .data-list .txt-wrap .txt a {
	 width: 100%;
	 margin-bottom: 20px;
	 color: #666666;
	 font-size: 14px;
	 overflow: hidden;
	 text-overflow:ellipsis;
	 word-break: break-word;
	 display:-webkit-box;
	 -webkit-line-clamp:3;
	 -webkit-box-orient:vertical;
 }
 @media (max-width: 991px) {
	 .board-data .data-list .txt-wrap .txt a {
		 margin-bottom: 15px;
		 line-height: 120%;
		 -webkit-line-clamp:2;
	 }
 }
 .board-data .data-list .txt-wrap .info {
	 display: flex;
 }
 @media (max-width: 991px) {
	 .board-data .data-list .txt-wrap .info {
		 margin-top: 10px;
	 }
 }
 .board-data .data-list .txt-wrap .info span {
	 display: inline-flex;
	 align-items: center;
	 position: relative;
	 margin-right: 20px;
	 color: #333;
	 font-size: 14px;
 }
 .board-data .data-list .txt-wrap .info span img {
	 margin-right: 5px;
 }
 .board-data .data-list .txt-wrap .info span+span::before {
	 content: '';
	 position: absolute;
	 top: 3px;
	 left: -10px;
	 display: inline-block;
	 width: 1px;
	 height: 14px;
	 border-right: 1px solid #DDDDDD;
 }
 .board-data .data-list .txt-wrap .file-btn {
	 position: absolute;
	 bottom: 0;
	 right: 0;
 }
 .board-data .data-list .txt-wrap .file-btn a {
	 display: inline-flex;
	 font-size: 14px;
	 padding: 5px 12px;
	 color: #fff;
	 border-radius: 5px;
	 background: #404040;

 }



 /* 게시판 카테고리 */
 .board-category {
	 margin-bottom: 40px;
 }
 .board-category ul {
	 display: flex;
	 flex-wrap: wrap;
	 justify-content: center;
 }
 .board-category ul li {
	 display: flex;
	 margin: 0 5px 5px 5px;
	 line-height: initial !important;
	 font-size: 14px !important;
 }
 .board-category ul li a {
	 padding: 5px 10px;
	 color: #666666;
	 font-size: 14px;
	 border-radius: 14px;
	 background-color: #EAEAEA;
 }
 .board-category ul li a.active {
	 color: #fff;
	 background-color: #687EF8;
 }