.list {
	font-family: 'Montserrat','Noto Sans KR','나눔고딕',NanumGothic,'맑은 고딕',Malgun Gothic,'돋움',Dotum,'굴림',Gulim,HelveticaNeue-Light,AppleSDGothicNeo-Light,sans-serif;
}

.list-title {
	margin-top : 20px;
	/*margin-left : 5%;*/
	margin-right : 5%;
	margin-bottom : 10px;
}
.list-title > h3 {
	font-weight: 600;
}
.list-title >  span {
	font-size: 1.5rem;
	font-weight: 600;
}
.img-banner {
	text-align: center;
	margin-bottom: 50px;
}
.img-banner > img {
	width : 100%;
	border-radius: 30px;
	margin-left: 30px;
    margin-right: 30px;
}
.list {
	background-color: rgb(246, 246, 246);
	padding : 30px;
}
.list-contents, .category {
	padding-left: 14%;
	padding-right: 14%;
	/*
	padding-left: 10%;
	padding-right: 10%;
	*/
}
.img-banner {
	display: flex;
    align-items: center;
}
.list-contents {
	display: inline-flex;
	flex-flow: wrap!important;
	margin-top: 30px;
}
.list-contents01 {
	display : block;
	width : 31%;
	background-color : white;
	padding : 1.5rem;
	margin : 10px;
	border-radius: 30px;
}
.list-contents01:hover {
	cursor: pointer;
}
.list-contents01 > img {
/*	width : 195px;
	height : 166.5px;*/
	width: 100%;
	margin-right: 20px;
}
.list-contents01-txt {
	width: 100%;
}
.list-contents01-txt > .product-name {
	font-weight: 500;
	font-size: 25px;
}
.list-contents01-txt > .category-txt {
	padding-right: 10px;
}
.list-contents01-txt > .product-name-sub {
	font-size: 17px;
    font-weight: 400;
    margin-top: 0.2rem;
}
.list-contents01-txt p {
	font-size: 16px;
	font-weight: 400;
	margin-top: 1rem;
}
.list-contents01-txt .category-txt {
	color: #2196f3!important;
}
.item {
	margin-bottom: 30px;
}
.category select {
	width : 200px;
	height: 50px;
	border: 1px solid gray;
	border-radius: 30px;
	background-color: white;
	color : rgb(48 48 48);
	font-size: 14px;
	font-weight: 500;
	padding : 0px 10px;
}
.category button {
	width : 200px;
	height: 50px;
	border: 1px solid rgb(64, 0, 128);
	border-radius: 30px;
	background-color: rgb(64, 0, 128);
	color : white;
	font-size: 14px;
	padding : 0px 10px;
}
.container > nav {
	margin : 50px 0px 30px 0px;
}

.img-banner-web {
	width: 100%;
}
.img-banner-mobile {
	display: none !important;
}
.sw-carousel > .owl-nav {
    margin:0 !important;
}
.sw-carousel > .owl-nav > button {
    padding:0;
    margin:0 20px;
    border-radius:0;
    width: 24px;
    height: 100%;
    background-color:transparent;
    position:absolute;
    top:50%;
    left:0;
    transform:translate(-3%, -58%);
    font-size: 3rem !important;
}
.sw-carousel > .owl-nav > button.owl-next {
    left:auto;
    right:0;
}
.sw-carousel .owl-stage-outer {
	/*margin-left: 5%;
	margin-right: 5%;*/
	height: 350px;
}
.sw-carousel .owl-dots {
    padding:0;
    margin:20px 0 0 0;
}
.sw-carousel .owl-dots .owl-dot.active span {
    background: #0D5CAB !important;
}

.sw-carousel .owl-dots .owl-dot:hover span {
    background: #b7b7b7;
}
.owl-theme .owl-nav [class*=owl-]:hover {
	background: transparent;
    color: #0D5CAB;
}

.solution-inquiry-btn {
	float: right;
}

@media (max-width:1600px) {
	.img-banner {
		justify-content: center;
	}
	.list-contents, .category {
		padding-left: 10%;
		padding-right: 10%;
	}
}
@media (max-width:1460px) {
	.list-contents01 {
		width: 100%;
	}
	.list-contents01 > img {
	    width: 195px;
	}
	.list-contents, .category {
		padding-left: 10%;
		padding-right: 10%;
	}
}
@media (max-width:900px) {
	.img-banner > img {
		border-radius: 0px;
	}
	.list-contents {
		display: block;
	}
	.img-banner {
		margin-left: 0;
		margin-right: 0;
	}
	.list-contents01 > img {
		width: 195px;
	}
	.inquriy-btn button, .select-button select  {
		width : 150px;
	}
	.img-banner-web {
		display: none !important;
	}
	.img-banner-mobile {
		display: block !important;
		width: 100%;
	}
}
@media (max-width:600px) {
	.img-banner {
		margin-bottom: 20px;
	}
	.list-title {
		margin: 70px 0px 20px 0px;
	}
	.inquriy-btn button, .select-button select {
		float :none;
		margin-top: 10px;
	}
	.list {
		padding: 0px 10px 0px 10px;
	}
	.list-contents {
		padding-bottom: 20px;
	    margin-top: 10px;
	}
	.list-contents01 {
		padding: 20px;
		margin: 0px 0px 10px 0px;
		flex-wrap: wrap;
	}
	.list-contents01 > img {
		width: 312px;
		height: 100%;
    	margin: auto;
    	margin-right: 20px;
    	margin-bottom: 10px;
	}
	p {
		font-size: 14px;
	}
	.list-contents, .category {
		padding-left: 3% !important;
		padding-right: 3% !important;
	}
	.category {
		display: block;
		margin-right : 0px;
	}
	.select-button select {
	    width: 100%;
	}
	.category button {
		width: 100%;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.sw-carousel .owl-stage-outer {
	    margin-left: 0;
	    margin-right: 0;
	}
}