/* 게시판 */
.board-search-wrap {
	text-align: right;
	background: #f4f5f7;
}
.board-wrap input, .board-wrap select, .board-wrap textarea {
	border: 1px solid #ccd0d7;
}
.board-search-wrap .search-btn-wrap a {
	background: #48b02b;
	height:38px;
	font-weight:normal;
}
.basic-board-list, .webzine-board-list {
	border-top: 2px solid #48b02b;
    border-bottom: 1px solid #c7c7c7;
}
.basic-board-list tbody tr,
.webzine-board-list tbody tr {
	border-top: 1px solid #e9e9e9;
}
.basic-board-list tbody tr:first-child,
.webzine-board-list tbody tr:first-child {
    border-top: 1px solid #c7c7c7;
}
.basic-board-list thead th,
.webzine-board-list thead th {
	position: relative;
	background-color: #f4f5f7;
	font-size: 1.07rem;
}
.basic-board-list td, .webzine-board-list td {
	font-size: 1rem;
}
.basic-board-list thead th:before,
.webzine-board-list thead th:before {
    content: "";
    position: absolute;
    width: 1px;
    height: 16px;
    background-color: #b1b1b1;
    top: 18px;
    left: 0;
}
.basic-board-list thead th:first-child:before,
.webzine-board-list thead th:first-child:before {
	display: none;
}

.basic-board-list tbody td.board-subject a{font-size:1rem;}
.basic-board-list tbody td.board-subject a img.list-file2 {
	display: none;
}
.board-wrap .btn-write-wrap .btn-write {
	border: 1px solid #7b858e;
    background: #7b858e;
	color: #fff;
}
.board-wrap .board-paging {
	margin-top: 15px;
}
.board-paging li { width:40px; }
.board-paging li>a {
	border: 0;
	font-size: 16px;
}
.board-paging li.on>a,
.board-paging li:hover>a {
	border: 1px solid #48b02b;
	background: #48b02b;
}
.board-write-btn-wrap .btn-confirm {
	color: #fff !important;
}

/*category-tab*/
.category-tab ul{display:none;}



@media screen and (min-width: 1201px) {
	.basic-board-list tbody td.board-subject a:hover,
	.board-wrap .board-view .post-navi .next-post a:hover {
		text-decoration: underline;
	}
	.basic-board-list tbody td.board-subject a:hover img.list-file {
		display: none;
	}
	.basic-board-list tbody td.board-subject a:hover img.list-file2 {
		display: inline;
	}
	.board-wrap .btn-write-wrap .btn-write:hover,
	.board-search-wrap .search-btn-wrap a:hover,
	.board-wrap .board-view .btn-view-wrap .btn-list:hover,
	.board-wrap .board-view .btn-view-wrap .btn-del:hover,
	.board-wrap .board-view .btn-view-wrap .btn-modify:hover,
	.board-wrap .board-view .btn-view-wrap .btn-reply:hover,
	.board-write-btn-wrap .btn-confirm:hover,
	.board-write-btn-wrap .btn-cancel:hover {
		opacity: .8;
	}
}
@media screen and (max-width: 767px) {
	.basic-board-list tbody td {
		padding-right: 0;
	}
	.basic-board-list tbody td.board-subject a {
		white-space: normal;
    	float: none !important;
	}
	.board-paging li>a {
		font-size: 13px;
	}
}
@media screen and (max-width: 480px) {
	.board-search-wrap .search-btn-wrap a,
	.board-wrap .btn-write-wrap .btn-write {
		font-size: 0.75rem;
	}
}


/*form*/
.board-wrap > p{padding:50px 0 15px !important; display:none;}
.board-wrap form > p:nth-of-type(2){padding-left:10px;}
.board-wrap form > p:nth-of-type(2),
.board-wrap form > p:nth-of-type(3),
.board-wrap form > p:nth-of-type(4),
.board-wrap form > p:nth-of-type(5){display:inline-block; float:left; width:15%; margin-bottom:20px; text-align:center;}


.basic-board-row tr td {width:50%;}
.basic-board-row tr td p{font-size:1.125rem; margin-bottom:10px;}
.basic-board-row tr td input[type="text"]{width:100%;}
.basic-board-row tr td textarea{width:100%;}

.basic-board-row {border:0;}
.basic-board-row tr{border:0;}
.basic-board-row tr:nth-child(5) td{margin:0 auto;}

@media screen and (max-width:1200px){
.board-wrap form > p:nth-of-type(2),
.board-wrap form > p:nth-of-type(3),
.board-wrap form > p:nth-of-type(4),
.board-wrap form > p:nth-of-type(5){font-size:15px; }
}
@media screen and (max-width:920px){

.board-wrap form > p:nth-of-type(2),
.board-wrap form > p:nth-of-type(3),
.board-wrap form > p:nth-of-type(4),
.board-wrap form > p:nth-of-type(5){width:20%;}
}

@media screen and (max-width:767px){

.board-wrap form > p:nth-of-type(2),
.board-wrap form > p:nth-of-type(3),
.board-wrap form > p:nth-of-type(4),
.board-wrap form > p:nth-of-type(5){font-size:14px; width:22%;}
}
@media screen and (max-width:680px){

.board-wrap form > p:nth-of-type(2),
.board-wrap form > p:nth-of-type(3),
.board-wrap form > p:nth-of-type(4),
.board-wrap form > p:nth-of-type(5){display:block; float:none; width:100%;text-align:left; padding:0; margin:0;}
.board-wrap form > p:nth-of-type(5){margin-bottom:10px;}
}
@media screen and (max-width:482px){

.basic-board-row tr td{width:100%; display:block;}
}



/*board*/