#banner {
	width: 100%;
	margin-top: 60px;
}

#banner .carousel-item i {
	font-size: 100px;
	color: #ffffff;
	position: absolute;
	top: -webkit-calc((100% - 100px) / 2);
	top: calc((100% - 100px) / 2);
	left: -webkit-calc((100% - 100px) / 2);
	left: calc((100% - 100px) / 2);
	z-index: 2;
	cursor: pointer;
}

#video {
	position: relative;
	height: 0;
	padding-bottom: 70.3125%;
	margin-top: 60px;
}

#video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

#product_tab {
	width: 100%;
	margin: 60px 0 20px 0;
}

#product_tab a {
	font-family: 'Spoqa Han Sans Neo', 'sans-serif';
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	color: #767995;
	cursor: pointer;
}

#sub_category {
	margin-top: 30px;
}

#sub_category .cat2 .nav-link {
	text-align: center;
	font-family: 'Spoqa Han Sans Neo', 'sans-serif';
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	color: #24a1dc;
	width: fit-content;
	border: 1px solid #24a1dc;
	border-radius: 5px;
	padding: 5px 10px 5px 10px;
	margin: 10px 6px 20px 6px;
	cursor: pointer;
}

#sub_category .cat2 .nav-link:hover {
	color: #ffffff;
	background: #24a1dc;
}

#sub_category .cat2 .active1 {
	color: #ffffff;
	background: #24a1dc;
}

#sub_category .cat2 li {
	margin-top: -20px;
}

#main .list {
	margin-top: 0;
	display: none;
}

#main .list .norecord {
	margin-top: 20px;
	width: 100%;
	padding: 20px;
	font-family: 'Spoqa Han Sans Neo', 'sans-serif';
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	color: #4f4f4f;
	text-align: center;
}

#main .list .item {
	margin-top: 20px;
	/*border: 1px solid #d8d8d8;*/
	font-family: 'Spoqa Han Sans Neo', 'sans-serif';
	font-style: normal;
	cursor: pointer;
	/*height: 360px;*/
	height: 100%;
}

#main .list .item .thumb img {
	width: 100%;
	height: auto;
}

#main .list .item .desc {
	padding: 20px 5px 0 5px;
	text-align: center;
}

#main .list .item .desc .title, .price {
	font-weight: 700;
	font-size: 14px;
	color: #4f4f4f;
}

#main .list .item .desc .normal {
	font-weight: normal;
	font-size: 12px;
	color: #828282;
}

#main .list .carousel-control-next, .carousel-control-prev {
	filter: invert(100%);
	height: 30px;
	top : -webkit-calc((100% - 30px) / 2);
	top: calc((100% - 30px) / 2);
	position: fixed;
}

#main .list .carousel-item .row {
	margin-top: 40px;
}

#main .list .carousel-control-prev {
	left: 10%;
}

#main .list .carousel-control-next {
	right: 10%;
}

#main .list .carousel-control-prev-icon, .carousel-control-next-icon {
	height: 60px;
	width: 60px;
	text-decoration: none;
}

#main .list .carousel-control-prev-icon:hover, #main .list .carousel-control-prev-icon:active {
	text-decoration: none;
}

#main .list .carousel-control-next-icon:hover, #main .list .carousel-control-next-icon:active {
	text-decoration: none;
}

@media (max-width: 576px) {
	#main .list .item {
		margin-left: 3%;
		width: 94%;
		height: 100%;
	}

	#main .list .col-md-3 {
		margin-top: 20px;
		height: 100%;
	}
}

@media (min-width: 577px) and (max-width: 768px) {
	#main .list .item {
		height: 360px;
	}

	#main .list .item .desc .normal {
		margin-top: 20px;
	}
}

@media (min-width: 769px) and (max-width: 991px) {
	#main .list .item {
		height: 290px;
	}

	#main .list .item .desc .normal {
		margin-top: 25px;
	}
}

@media (min-width: 992px) and (max-width: 1200px) {
	#main .list .item {
		height: 315px;
	}
}

@media (max-width: 768px) {
	#banner .carousel-item i {
		font-size: 60px;
		top: -webkit-calc((100% - 60px) / 2);
		top: calc((100% - 60px) / 2);
		left: -webkit-calc((100% - 60px) / 2);
		left: calc((100% - 60px) / 2);
	}
}

@media (max-width: 1600px) {
	#main .list .carousel-control-prev {
		left: 0;
	}

	#main .list .carousel-control-next {
		right: 0;
	}
}