*{
		margin: 0;
		padding: 0;
		border: 0;
		list-style: none;
		text-decoration: none;
		font-family: 'Noto Sans KR', sans-serif;
		color:black;
	}
	div.header_box{
		position: relative;
		max-width: 1080px;
		margin: 0 auto;
		height: 135px;
	}
	ul.header_menu{
		display: inline-block;
	}
	ul.header_menu > li{
		float: left;
	}

	ul.header_menu > li > a{
		font-weight:500;
		font-size: 20px;
	}
	.banner--header{
		visibility: visible !important;
	}
	.header_wrap{
		width: 100%;
		border-bottom:1px solid #e3e3e3;
		position: relative;
		z-index: 3;
		visibility: hidden;

	}
	div.logo_box img{
		width: 200px;
	}

	.banner--header{
    position: fixed;
    z-index: 2;
    top: 0;
    left: 0;
	background-color:white;
	}

	#testbanner{
		box-shadow:1px 1px 10px -2px grey;
		position: absolute; 
		top : 0px; 
		width: 150px; 
		height: 210px;
		z-index:999;
	}

.swiper-slide img {width:100%;}
.main_slider .swiper-container{
	padding-bottom: 20px !important;
}
.main_slider .swiper-button-prev, 
.main_slider .swiper-button-next{
	color:white !important;
}

.prod_info_wrap,.com_info_wrap,.contact_wrap{
	text-align: center;	
}

.com_info_wrap{
	margin: 100px 0 ;
}

.prod_title h1, .contact_title h1{
	margin-bottom:10%;
}

.prod_img_box{
	display: inline-block;
}

.prod_img_box_1 img,
.prod_img_box img{
	width:100%;
}

.contact_box img{
		width:100%;
	}

@media screen and (min-width: 651px) {
	
	div.content{
		max-width: 1080px;
		margin:0 auto;
	}

	div.header_box{
		display: flex;
	}
	div.logo_box{
		line-height: 100px;

	}
	div.logo_box img{
		vertical-align: middle;
		margin: 0 20px;
	}
	.header_wrap{
		height: 100px;
	}
	div.menu_box{
		position: absolute;
		height:100px;
		padding-bottom: 10px;
		text-align: center;
		line-height: 100px;
		right: 20px;
	}
	ul.header_menu > li{
		margin: 0 20px;
	}
	ul.header_menu{
		vertical-align: middle;
	}
	
	.com_info_wrap > div> img{
		width: 500px;
	}
	.com_info_box,.prod_img_box{
		width:60%;
	}

	.com_info_wrap h1{
		margin:50px 0;
	}

	.com_info_wrap  p{
		margin:50px 0;
	}
	.prod_img_box_1{
		width:80%;
		display:inline-block;
	}
	.prod_img_2{
		display:inline-block;
		width:80%;
	}
	#testbanner{
		right:-160px;
	}
	.mobile_banner{
		display:none;
	}
	.contact_box{
		width: 60%;
		margin:0 auto;
	}
	.footer_wrap .logo_box {
padding-left: 30px;
}
	
}



@media screen and (max-width: 650px) { 
	div.logo_box {
		width:100%;
		text-align: center;
		padding: 10px 0;
	} 

	div.menu_box{
		min-width: 100%;
		height:20px;
		padding-bottom: 10px;
		text-align: center;
	}
		ul.header_menu > li{
		margin: 0 15px;
	}

	.com_info_wrap > div > img{
		width: 300px;
	}
	.com_info_box,.prod_img_box{
		width:80%;
	}

	.com_info_wrap h1{
		margin:20px 0;
	}

	.com_info_wrap  p{
		margin:20px 0;
	}

	.prod_info_wrap .prod_title h1, .contact_title h1{
		line-height: 60px;
	}
	.prod_ment{
		display:inline-block;
		width:80%;
	}
	.prod_img_2{
		display:inline-block;
		width:80%;
	}
	#testbanner{
		display:none;
	}
	.mobile_banner{
	    width: 40px;
		height:150px;
		position:fixed;
		bottom:20px;
		right: 0px;
	}
		.contact_box{
		margin:0 auto;
	}



}

@media screen and (max-width: 321px) { 
		ul.header_menu > li{
		margin: 0 10px;
	}

}