/*=================================================
            lists
=================================================*/
/*****#####===== 검색 =====#####*****/
.board-userguide-lists-wrap select,
.board-userguide-lists-wrap button,
.board-userguide-lists-wrap input {
	border-radius: 5px;
	border-color: #ccc;
	color: #9A9A9A;
	vertical-align: middle !important;
	margin: 0 3px;
}

.board-userguide-lists-wrap button {
	margin-right: 0;
}

.board-userguide-lists-wrap .srch-wrap {
	margin-bottom: 13px;
}

.board-userguide-lists-wrap .srch-wrap .srch_btn {
	background-color: #585858;
	color: #fff;
}

/*****#####===== 테이블 설정 =====#####*****/
.board-userguide-lists-wrap .table {
	background-color: #fff;
	text-align: center;
	color: #585858;
}

.board-userguide-lists-wrap .table thead {
	border-top: 2px solid #cea052;
}

.board-userguide-lists-wrap .table thead th {
	border-bottom: 1px solid #ccc;
	text-align: center;
}

.board-userguide-lists-wrap .table thead th,
.board-userguide-lists-wrap .table tbody td {
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
	padding-top: 0.65rem;
	padding-bottom: 0.65rem;
}

.board-userguide-lists-wrap .table tbody tr:last-child td {
	border-bottom-width: 2px;
}

.board-userguide-lists-wrap .table td,
.board-userguide-lists-wrap .table th {
    border: 1px solid #ccc;
}

.board-userguide-lists-wrap .table thead th:nth-child(2),
.board-userguide-lists-wrap .table tbody td:nth-child(2) {
	text-align: left !important;
}

.board-userguide-lists-wrap .table thead th:nth-child(1),
.board-userguide-lists-wrap .table tbody td:nth-child(1),
.board-userguide-lists-wrap .table thead th:nth-child(3),
.board-userguide-lists-wrap .table tbody td:nth-child(3),
.board-userguide-lists-wrap .table thead th:nth-child(4),
.board-userguide-lists-wrap .table tbody td:nth-child(4) {
	width: 16.66666666666667%;
}

.board-userguide-lists-wrap .table i {
	font-size: 20px;

}

/*****#####===== 미디어 쿼리  =====#####*****/
/***** lg *****/
@media (min-width: 992px) and (max-width: 1199px){

}

/***** md *****/
@media (min-width: 768px) and (max-width: 991px){
	.board-userguide-lists-wrap .table {
		font-size: 14px;
		line-height: 1.5;
	}

	.board-userguide-lists-wrap .table thead th:nth-child(1),
	.board-userguide-lists-wrap .table tbody td:nth-child(1) {
		width: 20%;
	}

	.board-userguide-lists-wrap .table thead th:nth-child(3),
	.board-userguide-lists-wrap .table tbody td:nth-child(3) {
		width: 30%;
	}
}

/***** sm *****/
@media (min-width: 576px) and (max-width: 767px){
    .board-userguide-lists-wrap .table {
		font-size: 12px;
		line-height: 1.5;
	}

	.board-userguide-lists-wrap .table td,
	.board-userguide-lists-wrap .table th{
		padding: .25rem !important;
	}

	.board-userguide-lists-wrap .table thead th:nth-child(1),
	.board-userguide-lists-wrap .table tbody td:nth-child(1) {
		width: 20%;
	}

	.board-userguide-lists-wrap .table thead th:nth-child(3),
	.board-userguide-lists-wrap .table tbody td:nth-child(3) {
		width: 30%;
	}

	.board-userguide-lists-wrap .table thead th:nth-child(4),
	.board-userguide-lists-wrap .table tbody td:nth-child(4) {
		display: none;
	}
}

/***** xs *****/
@media (max-width: 575px) {
    .board-userguide-lists-wrap .table {
		font-size: 12px;
		line-height: 1.5;
	}

	.board-userguide-lists-wrap .table td,
	.board-userguide-lists-wrap .table th{
		padding: .4rem !important;
	}

	.board-userguide-lists-wrap .table thead th:nth-child(1),
	.board-userguide-lists-wrap .table tbody td:nth-child(1) {
		width: 20%;
	}

	.board-userguide-lists-wrap .table thead th:nth-child(3),
	.board-userguide-lists-wrap .table tbody td:nth-child(3) {
		width: 30%;
	}

	.board-userguide-lists-wrap .table thead th:nth-child(4),
	.board-userguide-lists-wrap .table tbody td:nth-child(4) {
		display: none;
	}
}

/*=================================================
            view
=================================================*/
.board-userguide-view-wrap  h2.title-header{
	margin: 0;
	padding: 0;

	font-size: 1.2rem;
	font-weight: 600;
}

.board-userguide-view-wrap  .bottom-header{
    margin: 1% 0;
    padding: 10px 50px;
    border-top: 2px solid #585858;
    border-bottom: 1px solid #585858;
}

.board-userguide-view-wrap  .files-header{
    margin: 1% 0;
}

.board-userguide-view-wrap  .board-body{
	padding: 1rem 2rem 3rem;
}

.list-back-btn-wrap{
	border-top: 1px solid #585858;
}

.list-back-btn-wrap .list-back-btn{
    margin: 30px 0 11%;
    padding: 10px 30px;
    background-color: #585858;
}

/*****#####===== 미디어 쿼리  =====#####*****/
/***** lg *****/
@media (min-width: 992px) and (max-width: 1200px){

}

/***** md *****/
@media (min-width: 768px) and (max-width: 991px){

}

/***** sm *****/
@media (min-width: 554px) and (max-width: 767px){

}

/***** xs *****/
@media (max-width: 553px){
	.board-userguide-view-wrap  h2.title-header {
	    font-size: 1rem;
	}

	.board-userguide-view-wrap  .bottom-header {
	    margin: 1% 0;
	    padding: 10px;
	    font-size: 11px;
	}

	.board-userguide-view-wrap  .board-body {
	    padding: 1rem 0.5rem;
	}
}