/*=================================================
		list
=================================================*/
#faq-accordion .list-wrap {
	padding: 0;
	background-color: transparent;
	border-radius: none;
	padding: 40px 60px;
	background-color: rgba(255,255,255,0.8);
}

#faq-accordion .panel-title {
	width: 100%;
	padding-bottom: 0;
}

.board-faq-lists-wrap {
	min-height: 528px;
}

.board-faq-lists-wrap .pagetitle .title,
.board-faq-lists-wrap .pagetitle .subtitle {
	color: #fff;
}

/*****#####===== 카테고리 버튼 =====#####*****/
.board-faq-lists-wrap .bcat-wrap {
	padding: 0 0 67px;
}

.btn-basic {
	border-radius: 5px;
	background-color: #fff;
	max-width: 132px;
	width: 100%;
	padding-top: 8px;
	padding-bottom: 8px;
	margin: 0 2px;
	color: #111 !important;
}

.btn-basic.active {
	background-color: #493a38;
	color: #fff !important;
}

.btn-basic:active,
.btn-basic:hover,
.btn-basic:focus {
    background-color: #493a38;
    color: #fff !important;
}


.m-category {
	margin-bottom: 18px;
}

.m-category .m_bcat_btn {
	margin-right: 0;
}

.m-category .m_bcat_btn option {
	width: 100%;
}

/*****#####===== 컨텐츠 =====#####*****/
#faq-accordion .card{
	margin: 0 0 0.5rem;
	border: 0;
}

#faq-accordion .card-header{
	padding:0;
	border-bottom:none;
}

#faq-accordion .panel-default{
	border:1px solid #cccccc;
}

#faq-accordion .panel-heading{
	padding:0;
	background:none;
}

#faq-accordion .panel + .panel{
	margin-top:10px;
}

#faq-accordion .panel-icon{
	width:5%;

	padding:0 15px;

    background-color:#cea052;

    font-size:40px;
    color:#fff;
}

#faq-accordion .panel-icon .panel-title{
    background-color:#fff;
	border: 1px solid #eee;
}

#faq-accordion .panel-title .panel-text{
	background: #fff;
}

#faq-accordion .card-header .panel-title .panel-text{
    padding: 10px 20px;
}

#faq-accordion .panel-body{
    padding: 15px 23px;
    border-top: 1px solid #cccccc;
}


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

}

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

}

/***** sm *****/
@media (min-width: 576px) and (max-width: 767px){
	#faq-accordion .panel-title .panel-icon{
	    padding: 0 14px;
	    font-size: 27px;
	}

	#faq-accordion .panel-title .panel-text,
	#faq-accordion .panel-body{
		font-size:13px;
	}

	#faq-accordion .panel-body{
		padding:20px;
	}

	#faq-accordion .panel-title .panel-text{
		font-size: 13px;
	}
}

/***** xs *****/
@media (max-width: 575px) {
	#faq-accordion .panel-title .panel-icon{
	    padding: 0 14px;
	    font-size: 27px;
	}

	#faq-accordion .panel-title .panel-text,
	#faq-accordion .panel-body{
		font-size:13px;
	}

	#faq-accordion .panel-body{
		padding:20px;
	}

	#faq-accordion .panel-title .panel-text{
		font-size: 13px;
	}
}


/*****#####===== 검색 =====#####*****/
body[id^="cs"] .srch-wrap select,
body[id^="cs"] .srch-wrap button,
body[id^="cs"] .srch-wrap input {
	border-radius: 3px;
	border-color: #ccc;
	color: #9A9A9A;
	vertical-align: middle !important;
	margin: 0 3px;
}

body[id^="cs"] .srch-wrap button {
	margin-right: 0;
}

body[id^="cs"] .srch-wrap {
	margin-bottom: 13px;
}

body[id^="cs"] .srch-wrap .srch_btn {
	background-color: #585858;
	color: #fff;
	border-color: transparent;
}

body[id^="cs"] .item-wrap {
	margin-bottom: 40px;
}

body[id^="cs"] .item-wrap .video-wrap {
	border: 1px solid #eee;
}

body[id^="cs"] .item-wrap .txt-wrap {
	margin: 10px auto;
}

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

}

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

}

/***** sm *****/
@media (min-width: 576px) and (max-width: 767px){
	/*****#####===== 검색 =====#####*****/
	body[id^="cs"] select,
	body[id^="cs"] button,
	body[id^="cs"] input {
		font-size: 13px;
		height: 30px !important;
	}

	body[id^="cs"] select {
		margin-left: 0;
		padding: 0;
		border-radius: 0;
		width: 75px;
	}

	body[id^="cs"] .srch-wrap select {
		width: 20%;
	}

	body[id^="cs"] .srch-wrap input {
		width: 60%;
	}

	body[id^="cs"] .srch-wrap button {
		width: 20%;
	}

	/*****#####===== 버튼 =====#####*****/
	.download-wrap .btn-wrap {
		margin: 4px auto 30px;
	}

	.download-wrap .btn-basic {
		min-width: 88px;
		font-size: 13px;
		padding-top: 4px;
		padding-bottom: 4px;
	}

	/*****#####===== 페이지네이션 =====#####*****/
	body[id^="cs"] .pagination-wrap {
		font-size: 13px;
	}
}

/***** xs *****/
@media (max-width: 575px) {
	/*****#####===== 검색 =====#####*****/
	body[id^="cs"] select,
	body[id^="cs"] button,
	body[id^="cs"] input {
		font-size: 13px;
		height: 30px !important;
	}

	body[id^="cs"] select {
		margin-left: 0;
		padding: 0;
		border-radius: 0;
		width: 75px;
	}

	body[id^="cs"] .srch-wrap select {
		width: 20%;
	}

	body[id^="cs"] .srch-wrap input {
		width: 60%;
	}

	body[id^="cs"] .srch-wrap button {
		width: 20%;
	}

	/*****#####===== 버튼 =====#####*****/
	.download-wrap .btn-wrap {
		margin: 4px auto 30px;
	}

	.download-wrap .btn-basic {
		min-width: 88px;
		font-size: 13px;
		padding-top: 4px;
		padding-bottom: 4px;
	}

	/*****#####===== 페이지네이션 =====#####*****/
	body[id^="cs"] .pagination-wrap {
		font-size: 13px;
	}
}