@charset "utf8";

/* ---------------------------------- */
/* Category_list
------------------------------------- */

.card {
	background: none;
	border: none;
}

.list-buttons .btnViewMode {
	float: right;
}


.list-buttons .btnViewMode span {
	cursor: pointer;
}

.btnViewMode span i {
	padding : 0 4px;
}

.btnViewMode span i.sl {
        color: #474747;
    }

.btnViewMode span i.sl.active {
        color: #1ab394;
        font-weight: 600;
    }

.card.category {
	margin-right: 20px;
	margin-top: 20px;
	width: 270px;
	height: 135px;
	max-width : 290px;
	max-height: 195px;
	border-radius : 8px;
	box-shadow: 0px 4px 10px 0px #c3c3c3;
	border-top : 3px solid #1ab394;
	transition: 0.3s;
	background: #fff;
	float: left;
}

.card.category:hover {
	transform : translateY(-4px);
}

.card-body {
	cursor: pointer;
}
.card-body .card-title {
	padding-top : 1px;
	padding-bottom : 1px;
	font-size : 15px;
	font-weight: bold;
	color: #555555;
	letter-spacing : -1px;
	line-height : 20px;
}

.card-body {
	padding : 1px 15px 10px 15px;
}

.card-body .card-text{
		width: 240px;
		font-size: 13px;
		line-height: 20px;
}

.category-group-title h5 {
	font-size : 19px;
	color : #293846;
}

.category-card-group {
	padding-left : 15px;
	margin-bottom : 30px;
}

#list_wrap > div:first-child {

}

#list_wrap > div {
	padding-top : 15px;
}

#list_wrap > div.list-style:first-child {
	padding-top : 30px;
}

#list_wrap > div.list-style {
	padding-top : 20px;
}

.list-main-category {
	padding-bottom: 40px;
}


#list_wrap .card.mb-4 .card-header.py-3 {
	background: #1ab394;
	padding : 10px 26px;
	box-shadow: 2px 0px 0px 1px #dcdcdc;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
}

#list_wrap .card.mb-4 .card-header.py-3 h6{
	font-size : 17px;
	color : #fff !important;
	letter-spacing : -1px;
}

.card.mb-4 .card-body {
	padding : 18px 29px;
	font-size : 18px;
	box-shadow : 0px 4px 10px 0px #c3c3c3;
	background : #fff;
}

#list_wrap .card.mb-4 {
	border-bottom-right-radius : 10px;
	border-bottom-left-radius : 10px;
}

#list_wrap .card.mb-4 .card-body  div{
	padding : 10px 0px;
}

#list_wrap .card.mb-4 .card-body  div span {
	letter-spacing : -1px;
	font-size : 15px;
}

#list_wrap .card.mb-4 .card-body  div span i {
	padding-right : 13px;
}


#list_wrap .card.mb-4 .card-body .category-item {
	transition: 0.3s;
}

#list_wrap .card.mb-4 .card-body .category-item:hover {
	transform : translateX(4px);
}

.category-desc {
	 color: #b3b3b3;
}

.pc-link-icon {
	display: inline-block;
}
.mobile-link-icon {
	display: none;
}
.recordGroup_all {
	padding: 15px;
}

@media screen and (max-width: 767px) {
	.category-div #list_wrap > div {
		padding: 10px;
	}

	.category-group-title h5 {
		font-size: 17px;
		margin-top: 5px;
		margin-bottom: 5px;
	}

	.card.category {
		margin-right: 10px;
		margin-top: 15px;
		width: 165px;
		min-height: 130px;
		height: auto;
		box-shadow: 0px 1px 6px 0px #c3c3c3;
	}

	.row.category-card-group {
		margin-right: -10px;
	}

	.card-body .card-text {
		width: 145px;
		font-size: 12px;
	}

	#list_wrap > div.list-style:first-child {
		padding-top: 15px;
	}
	#list_wrap .card.mb-4 {
		margin-bottom: 0px !important;
	}
	#list_wrap .card.mb-4 .card-header.py-3 {
		padding: 10px 15px !important;
	}
	#list_wrap .card.mb-4 .card-body {
		padding: 5px 10px;
	}
	#list_wrap .card.mb-4 .card-body div span {
		font-size: 14px;
	}
}