body {background-image: none;}


/*제품소개*/
#product {margin: 100px 0;}
.product {width: 1200px; margin: 50px auto; position:relative; z-index: 1;}

/*프로덕션*/
.production {width: 1200px; margin: 100px auto;}
.production>strong {width: 1200px; margin: 0 auto; display: block; font-size: 24px; font-weight: 800; padding-bottom: 10px;}
.production ul {background-color: #f7f8f8; padding: 20px;}
.production ul li {width: 50%; float: left; list-style:disc; list-style-position: inside; padding: 0 20px; color: #555; margin: 5px 0;}

/*제품*/
.product .more {background-color: inherit; color: #0a4e98; border: 2px solid #0a4e98; opacity: .2}
.product .more:hover {opacity: 1}
.product_text strong {font-size: 22px; display: block; margin-bottom: 30px; font-weight: 700;}
.product_text span {font-size: 18px; color: #777; display: block; margin: 0 0 30px; font-weight: 500}
.product_text p {color: #999; margin-bottom: 30px;}
.product_img {transition: .2s; display: }
.product_img:hover {transform: scale(1.05);}

.product_text ul {width: 100%; height: auto; margin-top: 30px;}
.product_text ul li {display: inline-block; margin-bottom: 3px; vertical-align: top}
.product_text ul li img {height: 150px; display: block; border: 1px solid #ddd;}
.product_text ul li p {font-weight: 700;text-align: center; margin-bottom: 0; padding: 10px 0; font-size: 14px;}

.product_text ul.list_01 li {width: 70%; height: auto;}
.product_text ul.list_01 li img {width: 100%; height: auto;}
.product_text ul.list_02 li {width: 49%; height: auto;}
.product_text ul.list_02 li img {width: 100%; height: auto;}
.product_text ul.list_03 li {width: 32%; height: auto;}
.product_text ul.list_03 li img {width: 100%; height: auto;}
.product_text ul.list_04 li {width: 23%; height: auto;}
.product_text ul.list_04 li img {width: 100%; height: auto;}

/*제품 01*/
.product_con1 {width: 100%; height: auto; padding: 50px 0; border-top: 1px solid #ddd; float: left;}
.product_con1 .product_img {width: 50%; height: 100%; float: left; text-align: center; padding: 0 50px}
.product_con1 .product_img img {width: 100%;}
.product_con1 .product_text {width: 50%; float: right; padding: 0 50px;}

/*제품 02*/
.product_con2 {width: 100%; height: auto; padding: 50px 0; border-top: 1px solid #ddd; float: left;}
.product_con2 .product_img {width: 50%; height: 100%; float: right; text-align: center; padding: 0 50px;}
.product_con2 .product_img img {width: 100%;}
.product_con2 .product_text {width: 50%; float: left; padding: 0 50px;}

/*제품 03*/
.product_con3 {width: 33.33%; height: auto; border-top: 1px solid #ddd; float: left; padding: 20px;}
.product_con3.bodder {border-right: 1px solid #ddd;}
.product_con3 .product_img {width: 100%; height: auto; float: right; text-align: center; padding: 30px 15%;}
.product_con3 .product_img img {width: 100%;}
.product_con3 .product_text {width: 100%; float: left; text-align: center; height: 130px;}
.product_con3 .product_text strong { margin-bottom: 20px;}
.product_con3 .product_text span { margin-bottom: 20px;}
.product_con3 .more {margin: 0 auto;}

/*제품 04*/
.product_con4 {width: 50%; height: auto; border-top: 1px solid #ddd; float: left; padding: 50px;}
.product_con4.bodder {border-right: 1px solid #ddd;}
.product_con4 .product_img {width: 100%; height: auto; float: right; text-align: center; padding: 30px 20%;}
.product_con4 .product_img img {width: 100%;}
.product_con4 .product_text {width: 100%; float: left; text-align: center; height: 250px;}
.product_con4 .product_text strong { margin-bottom: 10px;}
.product_con4 .product_text span { margin-bottom: 20px;}
.product_con4 .more {margin: 0 auto;}

.pro_list_view {position: fixed; width: 100%; height: 100vh; z-index: 1000; background-color: rgba(0,0,0,.6);top:0; display: none;}
.pro_list_view .pro_list_pop {width: 650px; height: auto; background-color: #fff; position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%); overflow: scroll; overflow-x: hidden;}
.pro_list_view .pro_list_pop img {width: 100%}
.pro_list_view .pro_list_pop::-webkit-scrollbar { width: 5px; }
.pro_list_view .pro_list_pop::-webkit-scrollbar-track {background-color: inherit;}
.pro_list_view .pro_list_pop::-webkit-scrollbar-thumb { background-color: #BDBDBD;}


@media (max-width: 1199px) {
	/*제품소개*/
	#product {margin: 0; padding: 50px 0;}

	/*프로덕션*/
	.production {width: 100%; margin: 50px 0;}
	.production>strong {width: 100%; padding: 0 15px 10px;}
	.production ul li {width: 50%;}
	
	/*제품*/
	.product {width: 100%;}
	/*제품 01*/
	.product_con1 {padding: 50px 15px;}
	.product_con1 .product_img {width: 50%}
	/*제품 02*/
	.product_con2 {padding: 50px 15px;}
	.product_con2 .product_img {width: 50%}
	/*제품 03*/
	.product_con3 {padding: 20px;}
	.product_con3 .product_img {padding: 20px 10%;}
	/*제품 04*/
	.product_con4 {padding: 15px;}
	.product_con4 .product_img {padding: 30px 15%;}

}

@media (max-width: 767px) {
	/*제품소개*/
	#product {width: 100%;}
	/*프로덕션*/
	.production ul li {width: 100%;font-size: 12px;}
	
	/*제품*/
	.product_text strong {font-size: 18px;}
	.product_text span {font-size: 14px;}
	.product_text p {font-size: 12px;}
	.product_text ul li p {font-size: 10px}
	/*제품 01*/
	.product_con1 .product_img {width: 100%; padding: 0 0  30px;}
	.product_con1 .product_text {width: 100%; float: right; padding:0;}
	/*제품 02*/
	.product_con2 .product_img {width: 100%; padding: 0 0 30px;}
	.product_con2 .product_text {width: 100%; float: right; padding:0;}
	/*제품 03*/
	.product_con3 {width: 50%; border: 1px solid #ddd; padding: 15px;}
	.product_con3 .product_img {padding: 10px 5%;}
	/*제품 04*/
	.product_con4 {padding: 20px;}
	.product_con4 .product_img {padding: 20px 10%;}
	
	.pro_list_view .pro_list_pop {width: 90%;}
}