/*게시물*/
.board_cont {
	width: 100%;
	height: auto;
	position: relative;
	overflow: hidden;
}

.board_case {
	width: 100%;
	height: auto;
	position: relative;
	margin-bottom: 20px;
}

.board_case > p {
	font-size: 0.938rem;
	font-weight: 400;
	letter-spacing: -.5px;
	line-height: 1rem;
	color: #000;
}

.board_case > p > span {
	color: #008bde;
}

.board_table {
	width: 100%;
	height: auto;
	position: relative;
	overflow: hidden;
}

.board_table > table {
	width: 100%;
	height: auto;
	position: relative;
}

.board_table > table th {
	font-family: 'S-CoreDream-5Medium';
	font-size: 0.938rem;
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
	background-color: #f7f7f7;
	letter-spacing: -.5px;
	font-weight: 400;
	padding: 15px 25px;
}

.board_table > table th.subject {
	width: 60%;
}

.board_table > table td {
	text-align: center;
	padding: 13px 5px;
	border-bottom: 1px solid #e4e4e4;
	font-size: 0.938rem;
	letter-spacing: -.5px;
}

.board_table > table td.subject {
	text-align: left;
	padding-left: 15px;
}

.board_table > table td.subject > a {
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	width: 95%;
}

.board_table > table td.subject > a:hover {
	text-decoration: underline;
}

.board_table > table td .notice {
	display: inline-block;
	font-family: 'S-CoreDream-5Medium';
	font-size: 0.813rem;
	padding: 5px 10px;
	background-color: #008bde;
	color: #fff;
	vertical-align: middle;
	border-radius: 5px;
	line-height: 0.9rem;
	font-weight: 400;
}

.board_table > table td .file_icon {
	display: inline-block;
	margin-right: 5px;
}

.board_table > table td .file_icon:last-of-type {
	margin-right: 0;
}

.board_table > table td .file_icon > a {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}

.board_table > table td .file_icon > a > img {
	width: auto;
	max-width: 100%;
	vertical-align: middle;
}

@media all and (max-width: 801px) {
	.board_table {
		border-top: 2px solid #000;
	}

	.board_table > table th {
		display: none;
	}

	.board_table > table tbody tr {
		border-bottom: 1px solid #e4e4e4;
		padding: 5px 0;
	}

	.board_table > table td {
		border-bottom: 0;
	}

	.board_table > table td.num {
		width: 10%;
	}

	.board_table > table td.subject {
		width: 100%;
		display: grid;
		float: left;
		padding: 5px 10px;
		border-bottom: 0;
	}

	.board_table > table td.data {
		float: left;
		padding: 0px 10px 5px;
		color: #b6b6b6;
		font-weight: 300;
	}

	.board_table > table td.view {
		float: left;
		padding: 0px 10px 5px;
		color: #b6b6b6;
		font-weight: 300;
	}

	.board_table > table td.file {
		float: left;
		padding: 0px 10px 5px;
		line-height: 21px
	}

	.board_table > table td .file_icon > a > img {
		max-width: 13px;
		margin-bottom: 2px;
	}
}

@media all and (max-width: 376px) {
	.board_case {
		margin-bottom: 10px;
	}

	.board_case > p {
		font-size: 0.813rem;
	}

	.board_table > table td .notice {
		font-size: 0.688rem;
		padding: 3px 8px;
	}

	.board_table > table td.subject > a {
		font-size: 0.813rem;
	}

	.board_table > table td {
		font-size: 0.813rem;
	}

	.board_table > table td .file_icon > a > img {
		max-width: 12px;
		margin-bottom: 4px
	}
}

/*게시물 end*/

/*갤러리게시판*/
.gallery_board {
	width: 100%;
	height: auto;
	position: relative;
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
	padding: 30px 0 10px 0;
	overflow: hidden;
}

.gallery_board > li {
	width: -webkit-calc((100% - 61px) / 4);
	width: calc((100% - 61px) / 4);
	margin-right: 20px;
	margin-bottom: 20px;
	padding: 10px;
	border: 1px solid #cecece;
	float: left;
}

.gallery_board > li:nth-of-type(4n) {
	margin-right: 0;
}

.gallery_board > li > .baord_img {
	width: 100%;
	height: 150px;
	position: relative;
	overflow: hidden;
	margin-bottom: 15px;
}

.gallery_board > li > .baord_img > a {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}

.gallery_board > li > .baord_img > a > img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.gallery_board > li > a {
	display: block;
	width: 100%;
	overflow: hidden;
	font-size: 0.938rem;
	letter-spacing: -.5px;
	line-height: 1rem;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: 500;
	margin-bottom: 10px;
}

.gallery_board > li > a:hover {
	text-decoration: underline;
}

.gallery_board > li > .board_data {
	width: 100%;
	height: auto;
	position: relative;
	overflow: hidden;
}

.gallery_board > li > .board_data .data {
	width: auto;
	float: left;
}

.gallery_board > li > .board_data .data > p {
	font-size: 0.813rem;
	font-weight: 400;
	letter-spacing: -.5px;
	line-height: 0.9rem;
}

.gallery_board > li > .board_data .view {
	width: auto;
	float: right;
}

.gallery_board > li > .board_data .view > p {
	font-size: 0.813rem;
	font-weight: 400;
	letter-spacing: -.5px;
	line-height: 0.9rem;
}

.gallery_board > li > .board_data .view > p > span {
	width: auto;
	margin-right: 5px;
	vertical-align: middle;
}

.gallery_board > li > .board_data .view > p > span > img {
	width: auto;
	max-width: 100%;
}

@media all and (max-width: 801px) {
	.gallery_board > li {
		width: -webkit-calc((100% - 41px) / 3);
		width: calc((100% - 41px) / 3)
	}

	.gallery_board > li:nth-of-type(4n) {
		margin-right: 20px;
	}

	.gallery_board > li:nth-of-type(3n) {
		margin-right: 0;
	}
}

@media all and (max-width: 621px) {
	.gallery_board > li {
		width: -webkit-calc((100% - 21px) / 2);
		width: calc((100% - 21px) / 2);
	}

	.gallery_board > li:nth-of-type(3n) {
		margin-right: 20px;
	}

	.gallery_board > li:nth-of-type(2n) {
		margin-right: 0;
	}
}

@media all and (max-width: 376px) {
	.gallery_board > li {
		width: 100%;
		margin-right: 0;
	}

	.gallery_board > li > a {
		font-size: 0.813rem;
	}
}

/*갤러리게시판 end*/

/*검색*/
.search_box {
	width: 243px;
	height: auto;
	margin: 0 auto;
	margin-bottom: 24px;
	position: relative;
	overflow: hidden;
	margin-top: 40px;
}

.search_box .search_input {
	width: -webkit-calc(100% - 33px);
	width: calc(100% - 33px);
	height: 40px;
	float: left;
}

.search_box .search_input > input {
	width: 100%;
	height: 100%;
	border: 0;
	border-bottom: 2px solid #000;
	font-size: 0.938rem;
	letter-spacing: -.5px;
	padding: 0 8px;
	font-weight: 300;
}

.search_box .search_input > input::-webkit-input-placeholder {
	color: #a8a8a8;
}

.search_box .search_input > input::-moz-placeholder {
	color: #a8a8a8;
}

.search_box .search_input > input:-ms-input-placeholder {
	color: #a8a8a8;
}

.search_box .search_input > input::placeholder {
	color: #a8a8a8;
}

.search_box .search_btn {
	width: 33px;
	height: 40px;
	float: left;
	position: relative;
}

.search_box .search_btn > button {
	width: 100%;
	height: 100%;
	position: relative;
	border: 0;
	border-bottom: 2px solid #000;
	vertical-align: middle;
	line-height: 40px;
	background-color: #fff;
}

.search_box .search_btn > button > img {
	width: auto;
	max-width: 100%;
	vertical-align: middle;
	margin-bottom: 7px;
}

@media all and (max-width: 376px) {
	.search_box .search_input > input {
		font-size: 0.813rem;
	}
}

/*검색 end*/

/*페이징*/
.paging_box {
	width: auto;
	display: table;
	position: relative;
	margin: 0 auto;
}

.paging_box .paging_arrow {
	width: 35px;
	height: 35px;
	background-color: #fff;
	position: relative;
	display: block;
	float: left;
}

.paging_box .paging_arrow.paging_arrow_lt {
	margin-right: 17px;
}

.paging_box .paging_arrow.paging_arrow_gt {
	margin-left: 17px;
}

.paging_box .paging_arrow > a {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	line-height: 35px;
	border: 1px solid #b5b5b5;
	border-radius: 5rem;
	text-align: center;
}

.paging_box .paging_arrow > a > img {
	width: auto;
	max-width: 100%;
}

.paging_box .paging_number_box {
	position: relative;
	float: left;
	overflow: hidden;
	text-align: center;
	font-size: 0;
}

.paging_box .paging_number_box > li {
	width: 35px;
	height: 35px;
	position: relative;
	background-color: #fff;
	display: inline-block;
	margin-right: 7px;
	text-align: center;
}

.paging_box .paging_number_box > li:last-of-type {
	margin-right: 0;
}

.paging_box .paging_number_box > li > a {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	border: 1px solid #b5b5b5;
	line-height: 33px;
	font-weight: 500;
	border-radius: 5rem;
}

.paging_box .paging_number_box > li > a:hover {
	background-color: #000;
	color: #fff;
}

.paging_box .paging_number_box > li.number_active > a {
	background-color: #000;
	color: #fff;
}

@media all and (max-width: 376px) {
	.paging_box .paging_number_box > li > a {
		font-size: 0.813rem;
	}
}

/*페이징 end*/

/*보기페이지*/
.view_box {
	width: 100%;
	height: auto;
	position: relative;
}

.view_box .view_title {
	width: 100%;
	height: auto;
	position: relative;
}

.view_box .view_title > h2 {
	padding: 15px 25px;
	font-size: 1.563rem;
	font-weight: 400;
	letter-spacing: -1px;
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
}

.view_box .view_data {
	width: 100%;
	height: auto;
	position: relative;
	padding: 15px 25px;
	overflow: hidden;
	border-bottom: 1px solid #e4e4e4;
}

.view_box .view_data > p {
	font-size: 0.938rem;
	line-height: 1rem;
	letter-spacing: -.5px;
	margin-right: 20px;
	padding-right: 20px;
	float: left;
	position: relative;
}

.view_box .view_data > p::after {
	content: '';
	width: 1px;
	height: 12px;
	background-color: #e1e1e1;
	position: absolute;
	top: 2px;
	right: 0;
}

.view_box .view_data > p:last-of-type {
	margin-right: 0;
	padding-right: 0;
}

.view_box .view_data > p:last-of-type::after {
	content: none;
}

.view_box .view_file {
	width: 100%;
	height: auto;
	position: relative;
	padding: 10px 25px;
	overflow: hidden;
	border-bottom: 1px solid #e4e4e4;
}

.view_box .view_file > li {
	width: 100%;
	height: auto;
	position: relative;
}

.view_box .view_file > li > span {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	top: 1.5px;
	margin-right: 5px;
}

.view_box .view_file > li > span > img {
	width: auto;
	max-width: 100%;
}

.view_box .view_file > li > a {
	font-size: 0.813rem;
	font-weight: 300;
	letter-spacing: -.5px;
	line-height: 0.9rem;
}

.view_box .view_file > li > a:hover {
	text-decoration: underline;
}

.view_box .view_text {
	width: 100%;
	height: auto;
	position: relative;
	padding: 20px 25px 50px;
}

/*
.view_box .view_text p {
	letter-spacing: -.5px;
	font-size: 0.938rem;
	line-height: normal;
	font-weight: 300;
}
*/

.view_box .view_text img {
	width: auto;
	max-width: 100%;
	vertical-align: middle;
}

.view_list {
	width: 100%;
	height: auto;
	position: relative;
	border-top: 1px solid #e4e4e4;
	border-bottom: 1px solid #e4e4e4;
}

.view_list > li {
	width: 100%;
	height: auto;
	position: relative;
	overflow: hidden;
	border-bottom: 1px solid #e4e4e4;
	padding: 10px 25px;
}

.view_list > li:last-of-type {
	border-bottom: 0;
}

.view_list > li .list_arrows {
	width: 85px;
	float: left;
	position: relative;
	margin-right: 25px;
}

.view_list > li .list_arrows::after {
	content: '';
	width: 1px;
	height: 12px;
	background-color: #e4e4e4;
	position: absolute;
	top: 5px;
	right: 0;
}

.view_list > li .list_arrows > p {
	padding-left: 30px;
	font-size: 0.938rem;
	font-weight: 400;
	letter-spacing: -.5px;
	position: relative;
}

.view_list > li .list_prev > p::before {
	content: '';
	width: 12px;
	height: 8px;
	display: inline-block;
	background-image: url(../img/view_list_prev.png);
	background-position: center;
	background-repeat: no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	position: absolute;
	top: 6px;
	left: 0;
}

.view_list > li .list_next > p::before {
	content: '';
	width: 12px;
	height: 8px;
	display: inline-block;
	background-image: url(../img/view_list_next.png);
	background-position: center;
	background-repeat: no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	position: absolute;
	top: 7px;
	left: 0;
}

.view_list > li .list_subject {
	width: -webkit-calc((100% - 26px) - 85px);
	width: calc((100% - 26px) - 85px);
	height: auto;
	float: left;
}

.view_list > li .list_subject > a {
	display: block;
	font-size: 0.938rem;
	letter-spacing: -.5px;
	overflow: hidden;
	font-weight: 400;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.view_list > li .list_subject > a:hover {
	text-decoration: underline;
}

.list_btn {
	width: 80px;
	height: 35px;
	position: relative;
	text-align: center;
	margin: 0 auto;
	margin-top: 30px;
}

.list_btn > a {
	display: block;
	width: 100%;
	height: 100%;
	background-color: #000;
	color: #fff;
	line-height: 35px;
	font-size: 0.938rem;
	letter-spacing: -.5px;
	font-weight: 400;
}

@media all and (max-width: 481px) {
	.view_box .view_title > h2 {
		padding: 10px 0;
		font-size: 1.25rem;
	}

	.view_box .view_data {
		padding: 15px 0;
	}

	.view_box .view_file {
		padding: 10px 0;
	}

	.view_box .view_text {
		padding: 15px 0 40px;
	}

	.view_list > li {
		padding: 10px;
	}

	.view_list > li .list_arrows {
		width: 70px;
		margin-right: 13px;
	}

	.view_list > li .list_subject {
		width: -webkit-calc((100% - 14px) - 70px);
		width: calc((100% - 14px) - 70px);
	}
}

@media all and (max-width: 376px) {
	.view_box .view_title > h2 {
		font-size: 1.125rem;
	}
	
	.view_box .view_data > p {
		font-size: 0.813rem;
	}
	
	.view_box .view_text > p {
		font-size: 0.813rem;
	}
	
	.view_list > li .list_arrows > p {
		font-size: 0.813rem;
	}
	
	.view_list > li .list_subject > a {
		font-size: 0.813rem;
	}
	
	.list_btn > a {
		font-size: 0.813rem;
	}
}

/*보기페이지 end*/