@media screen and (max-width: 1180px){
	#main{
		width:100%;
		display:block;
		min-width:100%;
		overflow-x:hidden;
	}
}


@media screen and (max-width: 1180px){
	#main .slides{
		width:100%;
		position:relative;
		left:50%;
		margin-left:-50%;
	}
	
	#main .mainVisual .bg{
		width:130%;
		overflow:hidden;
	}
	
	#main .mainVisual .bg img{
		width:100%;
		vertical-align:bottom;
	}
	
	
	#main .mainVisual .cont{
		width:94%;
		height:100%;
		position:absolute;
		z-index:9;
		left:50%;
		margin-left:-47%;
	}
	
	#main .mainVisual .cont .textcont{
		width:100%;
		margin-top:80px;
	}
	
	#main .mainVisual .cont .textcont .title{
		font-size:48px;
		font-weight:300;
		color:#fff;
		letter-spacing:-0.7px;
		line-height:56px;
	}
	
	#main .mainVisual .cont .textcont .title span{
		font-weight:bold;
	}
	
	#main .mainVisual .cont .textcont .substance{
		font-size:30px;
		font-weight:300;
		color:#fff;
		letter-spacing:-0.7px;
		margin-top:10px;
	}
	
	#main .mainVisual .cont .shortcut{
		width:100%;
		display:inline-block;
		position:absolute;
		bottom:10%;
	}
	
	#main .mainVisual .cont .shortcut{
		width:100%;
		display:inline-block;
		margin-top:280px;
	}
	
	#main .mainVisual .cont .shortcut .text{
		background:#fff;
		display:inline-block;
		padding:15px 0px;
		box-sizing:Border-box;
		font-size:16px;
		letter-spacing:-0.7px;
		color:#222;
		border-radius:5px;
		width:80%;
		text-align:Center;
	}
	
	#main .mainVisual .cont .shortcut .button{
		background:#f67029;
		display:inline-block;
		padding:15px 0px;
		box-sizing:Border-box;
		font-size:16px;
		letter-spacing:-0.7px;
		color:#fff;
		border-radius:5px;
		width:19%;
		text-align:Center;
	}
	
	#main .mainVisual .cont .shortcut .button a{
		color:#fff;
		display:block;
	}

}






@media screen and (max-width: 768px){
	#main .slides{
		width:100%;
		position:relative;
		left:50%;
		margin-left:-50%;
	}
	
	#main .mainVisual .bg{
		width:130%;
		overflow:hidden;
	}
	
	#main .mainVisual .bg img{
		width:100%;
		vertical-align:bottom;
	}
	
	
	#main .mainVisual .cont{
		width:94%;
		height:100%;
		position:absolute;
		z-index:9;
		left:50%;
		margin-left:-47%;
	}
	
	#main .mainVisual .cont .textcont{
		width:100%;
		margin-top:3em;
	}
	
	#main .mainVisual .cont .textcont .title{
		font-size:30px;
		font-weight:300;
		color:#fff;
		letter-spacing:-0.7px;
		line-height:36px;
	}
	
	#main .mainVisual .cont .textcont .title span{
		font-weight:bold;
	}
	
	#main .mainVisual .cont .textcont .substance{
		font-size:20px;
		font-weight:300;
		color:#fff;
		letter-spacing:-0.7px;
		margin-top:10px;
	}
	
	#main .mainVisual .cont .shortcut{
		width:100%;
		display:inline-block;
		position:absolute;
		bottom:10%;
	}
	
	#main .mainVisual .cont .shortcut{
		width:100%;
		display:inline-block;
		margin-top:280px;
	}
	
	#main .mainVisual .cont .shortcut .text{
		background:#fff;
		display:inline-block;
		padding:15px 0px;
		box-sizing:Border-box;
		font-size:16px;
		letter-spacing:-0.7px;
		color:#222;
		border-radius:5px;
		width:80%;
		text-align:Center;
	}
	
	#main .mainVisual .cont .shortcut .button{
		background:#f67029;
		display:inline-block;
		padding:15px 0px;
		box-sizing:Border-box;
		font-size:16px;
		letter-spacing:-0.7px;
		color:#fff;
		border-radius:5px;
		width:19%;
		text-align:Center;
	}
	
	#main .mainVisual .cont .shortcut .button a{
		color:#fff;
		display:block;
	}

}



@media screen and (max-width: 600px){
	#main .slides{
		width:100%;
		position:relative;
		left:50%;
		margin-left:-50%;
	}
	
	#main .mainVisual .bg{
		width:130%;
		overflow:hidden;
	}
	
	#main .mainVisual .bg img{
		width:100%;
		vertical-align:bottom;
	}
	
	
	#main .mainVisual .cont{
		width:94%;
		height:100%;
		position:absolute;
		z-index:9;
		left:50%;
		margin-left:-47%;
	}
	
	#main .mainVisual .cont .textcont{
		width:100%;
		margin-top:3em;
	}
	
	#main .mainVisual .cont .textcont .title{
		font-size:24px;
		font-weight:300;
		color:#fff;
		letter-spacing:-0.7px;
		line-height:30px;
	}
	
	#main .mainVisual .cont .textcont .title span{
		font-weight:bold;
	}
	
	#main .mainVisual .cont .textcont .substance{
		font-size:18px;
		font-weight:300;
		color:#fff;
		letter-spacing:-0.7px;
		margin-top:10px;
	}
	
	#main .mainVisual .cont .shortcut{
		width:100%;
		display:inline-block;
		position:absolute;
		bottom:10%;
		display:none;
	}
	
	
	#main .mainVisual .cont .shortcut .text{
		background:#fff;
		display:inline-block;
		padding:15px 0px;
		box-sizing:Border-box;
		font-size:16px;
		letter-spacing:-0.7px;
		color:#222;
		border-radius:5px;
		width:80%;
		text-align:Center;
	}
	
	#main .mainVisual .cont .shortcut .button{
		background:#f67029;
		display:inline-block;
		padding:15px 0px;
		box-sizing:Border-box;
		font-size:16px;
		letter-spacing:-0.7px;
		color:#fff;
		border-radius:5px;
		width:19%;
		text-align:Center;
	}
	
	#main .mainVisual .cont .shortcut .button a{
		color:#fff;
		display:block;
	}

}

@media screen and (max-width: 1180px){
	
	#main .recipe{
		width:100%;
		background:#f7f7f7;
		padding:4em 0px;
	}
	
	
	
	#main .recipe .inner{
		width:94%;
		margin:0 auto;
		}
		
	#main .recipe .inner .recipeList{
		width:49%;
		display:inline-block;
		vertical-align:top;
		border-radius:5px;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
		background:#fff;
		overflow:hidden;
		box-shadow:3px 3px 5px #a1a1a1;
	}
	
	#main .recipe .inner .recipeList .thum{
		width:100%;
		overflow:hidden;
	}
	
	#main .recipe .inner .recipeList .thum img{
		width:100%;
	}
	
	
	#main .recipe .inner .recipeList .textbox{
		width:100%
	}
		
	#main .recipe .inner .recipeCont{
		width:49%;
		display:inline-block;
		vertical-align:top;
		margin-left:1.5%;
	}
	
	#main .recipe .inner .recipeCont li{
		width:100%;
		border-radius:5px;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
		background:#fff;
		overflow:hidden;
		height:auto;
		margin-top:1em;
		box-shadow:3px 3px 5px #a1a1a1;
	}
	
	#main .recipe .inner .recipeCont li:first-child{
		margin-top:0px;
	}
	
	
	#main .recipe .inner .recipeCont li .thum{
		width:37%;
		height:125px;
		display:inline-block;
		overflow:hidden;
		vertical-align:middle;
	}
	
	#main .recipe .inner .recipeCont li .thum img{
		vertical-align:bottom;
	}
	
	
	#main .recipe .inner .textbox{
		display:inline-block;
		padding:17px 20px;
		box-sizing:Border-box;
		vertical-align:middle;
		width:60%
	}
	
	#main .recipe .inner .textbox .subtitle{
		font-size:15px;
		color:#f67029;
		letter-spacing:-0.7px;
	}
	
	#main .recipe .inner .textbox .title{
		font-size:22px;
		color:#2f2f2f;
		letter-spacing:-0.7px;
	}
	
	#main .recipe .inner .textbox .substance{
		font-size:16px;
		color:#777;
		letter-spacing:-0.7px;
		font-weight:300;
		margin-top:10px;
	}

}








@media screen and (max-width: 900px){
	
	#main .recipe{
		width:100%;
		background:#f7f7f7;
		padding:4em 0px;
	}
	
	
	
	#main .recipe .inner{
		width:94%;
		margin:0 auto;
		}
		
	#main .recipe .inner .recipeList{
		width:100%;
		display:inline-block;
		vertical-align:top;
		border-radius:5px;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
		background:#fff;
		overflow:hidden;
		box-shadow:3px 3px 5px #a1a1a1;
	}
	
	#main .recipe .inner .recipeList .thum{
		width:100%;
		height:100%;
		overflow:hidden;
	}
	
	#main .recipe .inner .recipeList .thum img{
		vertical-align:bottom;
		width:100%;
	}
	
	
	#main .recipe .inner .recipeList .textbox{
		width:100%
	}
		
	#main .recipe .inner .recipeCont{
		width:100%;
		display:inline-block;
		vertical-align:top;
		margin-left:0%;
		margin-top:1em;
	}
	
	#main .recipe .inner .recipeCont li{
		width:100%;
		border-radius:5px;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
		background:#fff;
		overflow:hidden;
		height:auto;
		margin-top:1em;
		box-shadow:3px 3px 5px #a1a1a1;
	}
	
	#main .recipe .inner .recipeCont li:first-child{
		margin-top:0px;
	}
	
	
	#main .recipe .inner .recipeCont li .thum{
		width:37%;
		display:inline-block;
		overflow:hidden;
		vertical-align:middle;
	}
	
	#main .recipe .inner .recipeCont li .thum img{
		vertical-align:bottom;
	}
	
	
	#main .recipe .inner .textbox{
		display:inline-block;
		padding:17px 20px;
		box-sizing:Border-box;
		vertical-align:middle;
		width:60%
	}
	
	#main .recipe .inner .textbox .subtitle{
		font-size:15px;
		color:#f67029;
		letter-spacing:-0.7px;
	}
	
	#main .recipe .inner .textbox .title{
		font-size:22px;
		color:#2f2f2f;
		letter-spacing:-0.7px;
	}
	
	#main .recipe .inner .textbox .substance{
		font-size:16px;
		color:#777;
		letter-spacing:-0.7px;
		font-weight:300;
		margin-top:10px;
	}

}





@media screen and (max-width: 425px){
	
	#main .recipe{
		width:100%;
		background:#f7f7f7;
		padding:4em 0px;
	}
	
	
	
	#main .recipe .inner{
		width:94%;
		margin:0 auto;
		}
		
	#main .recipe .inner .recipeList{
		width:100%;
		display:inline-block;
		vertical-align:top;
		border-radius:5px;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
		background:#fff;
		overflow:hidden;
		box-shadow:3px 3px 5px #a1a1a1;
	}
	
	#main .recipe .inner .recipeList .thum{
		width:100%;
		overflow:hidden;
	}
	
	#main .recipe .inner .recipeList .thum img{
		width:100%;
	}
	
	
	#main .recipe .inner .recipeList .textbox{
		width:100%
	}
		
	#main .recipe .inner .recipeCont{
		width:100%;
		display:inline-block;
		vertical-align:top;
		margin-left:0%;
		margin-top:1em;
	}
	
	#main .recipe .inner .recipeCont li{
		width:100%;
		border-radius:5px;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
		background:#fff;
		overflow:hidden;
		height:auto;
		margin-top:1em;
		box-shadow:3px 3px 5px #a1a1a1;
	}
	
	#main .recipe .inner .recipeCont li:first-child{
		margin-top:0px;
	}
	
	
	#main .recipe .inner .recipeCont li .thum{
		width:39%;
		display:inline-block;
		overflow:hidden;
		vertical-align:middle;
	}
	
	#main .recipe .inner .recipeCont li .thum img{
		vertical-align:bottom;
	}
	
	
	#main .recipe .inner .textbox{
		display:inline-block;
		padding:10px 10px;
		box-sizing:Border-box;
		vertical-align:middle;
		width:60%
	}
	
	#main .recipe .inner .textbox .subtitle{
		font-size:13px;
		color:#f67029;
		letter-spacing:-0.7px;
	}
	
	#main .recipe .inner .textbox .title{
		font-size:18px;
		color:#2f2f2f;
		letter-spacing:-0.7px;
	}
	
	#main .recipe .inner .textbox .substance{
		font-size:14px;
		color:#777;
		letter-spacing:-0.7px;
		font-weight:300;
		margin-top:10px;
	}

}






@media screen and (max-width: 1180px){

	
	#main .product{
		width:94%;
		margin-top:4em;
		position:relative;
		left:50%;
		margin-left:-47%;
	}
	
	
	#main .product .productVisual{
		width:100%;
		text-align:center;
	}
	
	
	#main .product .productVisual li{
		width:280px;
		border:1px solid #e5e5e5;
		box-sizing:border-box;
		padding:0px 0px 20px;
	}
	
	#main .product .productVisual li .thum{
		width:100%;
		overflow:hidden;
	}
	
	
	#main .product .productVisual li .thum img{
		width:100%;
	}
	
	
	#main .product .productVisual li .name{
		font-size:18px;
		color:#2f2f2f;
		text-align:Center;
		margin-top:15px;
	}


}




@media screen and (max-width: 425px){

	
	#main .product{
		width:94%;
		margin-top:4em;
		position:relative;
		left:50%;
		margin-left:-47%;
	}
	
	
	#main .product .productVisual{
		width:100%;
		text-align:center;
	}
	
	
	#main .product .productVisual li{
		width:280px;
		border:1px solid #e5e5e5;
		box-sizing:border-box;
		padding:0px 0px 20px;
	}
	
	#main .product .productVisual li .thum{
		width:100%;
		overflow:hidden;
	}
	
	
	#main .product .productVisual li .thum img{
		width:100%;
	}
	
	
	#main .product .productVisual li .name{
		font-size:16px;
		color:#2f2f2f;
		text-align:Center;
		margin-top:15px;
	}


}



@media screen and (max-width: 320px){

	
	#main .product{
		width:94%;
		margin-top:4em;
		position:relative;
		left:50%;
		margin-left:-47%;
	}
	
	
	#main .product .productVisual{
		width:100%;
		text-align:center;
	}
	
	
	#main .product .productVisual li{
		width:280px;
		border:1px solid #e5e5e5;
		box-sizing:border-box;
		padding:0px 0px 20px;
	}
	
	#main .product .productVisual li .thum{
		width:100%;
		overflow:hidden;
	}
	
	
	#main .product .productVisual li .thum img{
		width:100%;
	}
	
	
	#main .product .productVisual li .name{
		font-size:14px;
		color:#2f2f2f;
		text-align:Center;
		margin-top:15px;
	}


}


@media screen and (max-width: 1180px){
	
	#main .mainTitle{
		font-size:48px;
		font-family:'montserrat';
		text-align:Center;
		color:#222;
		margin-bottom:1.5em;
	}
	
}



@media screen and (max-width: 768px){
	
	#main .mainTitle{
		font-size:36px;
		font-family:'montserrat';
		text-align:Center;
		color:#222;
		margin-bottom:1.5em;
	}
	
}


@media screen and (max-width: 425px){
	
	#main .mainTitle{
		font-size:30px;
		font-family:'montserrat';
		text-align:Center;
		color:#222;
		margin-bottom:1.5em;
	}
	
}


@media screen and (max-width: 1180px){
	
	#main .mallBanner{
		width:94%;
		position:relative;
		left:50%;
		margin-left:-47%;
		margin-top:80px;
	}
	
	
	#main .mallBanner .bg{
		width:100%;
		overflow:hidden;
	}
	
	
	
	#main .mallBanner .cont{
		width:100%;
		position:absolute;
		bottom:12%;
	}
	
	
	#main .mallBanner .cont .subtitle{
		font-size:24px;
		text-align:Center;
		color:#2f2f2f;
		letter-spacing:-0.7px;
		font-weight:300;
		line-height:32px;
	}
	
	#main .mallBanner .cont .title{
		font-size:36px;
		text-align:Center;
		color:#f67029;
		letter-spacing:-0.7px;
	}
	
	#main .mallBanner .cont .button{
		font-size:18px;
		text-align:Center;
		background:#f67029;
		color:#fff;
		width:200px;
		margin:20px auto 0;
		padding:10px 0px;
	}
	
	
	#main .mallBanner .cont .button a{
		color:#fff;
	}

	
}	
	
	
	
	
	
	


@media screen and (max-width: 768px){
	
	#main .mallBanner{
		width:94%;
		position:relative;
		left:50%;
		margin-left:-47%;
		margin-top:4em;
	}
	
	
	#main .mallBanner .bg{
		width:100%;
		overflow:hidden;
	}
	
	
	
	#main .mallBanner .cont{
		width:100%;
		position:absolute;
		bottom:12%;
	}
	
	
	#main .mallBanner .cont .subtitle{
		font-size:20px;
		text-align:Center;
		color:#2f2f2f;
		letter-spacing:-0.7px;
		font-weight:300;
		line-height:24px;
	}
	
	#main .mallBanner .cont .title{
		font-size:30px;
		text-align:Center;
		color:#f67029;
		letter-spacing:-0.7px;
	}
	
	#main .mallBanner .cont .button{
		font-size:16px;
		text-align:Center;
		background:#f67029;
		color:#fff;
		width:200px;
		margin:1em auto 0;
		padding:10px 0px;
	}
	
	
	#main .mallBanner .cont .button a{
		color:#fff;
	}

	
}		
	
	
	
	

@media screen and (max-width: 680px){
	
	#main .mallBanner{
		width:94%;
		position:relative;
		left:50%;
		margin-left:-47%;
		margin-top:4em;
	}
	
	
	#main .mallBanner .bg{
		width:100%;
		overflow:hidden;
	}
	
	#main .mallBanner .bg img{
		width:180%;
	}
	
	
	#main .mallBanner .cont{
		width:100%;
		position:absolute;
		bottom:12%;
	}
	
	
	#main .mallBanner .cont .subtitle{
		font-size:16px;
		text-align:Center;
		color:#2f2f2f;
		letter-spacing:-0.7px;
		font-weight:300;
		line-height:24px;
	}
	
	#main .mallBanner .cont .title{
		font-size:24px;
		text-align:Center;
		color:#f67029;
		letter-spacing:-0.7px;
	}
	
	#main .mallBanner .cont .button{
		font-size:14px;
		text-align:Center;
		background:#f67029;
		color:#fff;
		width:150px;
		margin:1em auto 0;
		padding:0.5em 0px;
	}
	
	
	#main .mallBanner .cont .button a{
		color:#fff;
	}

	
}			
	
	
	
	


@media screen and (max-width: 425px){
	
	#main .mallBanner{
		width:94%;
		position:relative;
		left:50%;
		margin-left:-47%;
		margin-top:4em;
	}
	
	
	#main .mallBanner .bg{
		width:100%;
		overflow:hidden;
	}
	
	#main .mallBanner .bg img{
		width:230%;
		margin-left:-70px;
	}
	
	
	#main .mallBanner .cont{
		width:100%;
		position:absolute;
		bottom:12%;
	}
	
	
	#main .mallBanner .cont .subtitle{
		font-size:16px;
		text-align:Center;
		color:#2f2f2f;
		letter-spacing:-0.7px;
		font-weight:300;
		line-height:24px;
	}
	
	#main .mallBanner .cont .title{
		font-size:20px;
		text-align:Center;
		color:#f67029;
		letter-spacing:-0.7px;
	}
	
	#main .mallBanner .cont .button{
		font-size:14px;
		text-align:Center;
		background:#f67029;
		color:#fff;
		width:150px;
		margin:1em auto 0;
		padding:0.5em 0px;
	}
	
	
	#main .mallBanner .cont .button a{
		color:#fff;
	}

	
}			
	
		
	
	
	
	
@media screen and (max-width: 1180px){
	#main .message{
		width:100%;
		position:relative;
		left:50%;
		margin-left:-50%;
		background:url(../images/messageBg.jpg) no-repeat center center;
		padding:4em 0px;
		margin-top:4em;
	}
	
	
	
	#main .message .inner{
		width:94%;
		margin:0 auto;
	}
	
	#main .message .inner .cont{
		width:100%;
		display:flex;
	}
		
	#main .message .inner .cont .thum{
		width:40%;
		display:inline-block;
	}
	
	
	
	#main .message .inner .cont .news{
		width:30%;
		background:#fff;
		display:inline-block;
		padding:20px;
		box-sizing:Border-box;
	}
	
	#main .message .inner .cont .news .title{
		font-size:26px;
		font-family:'montserrat';
		font-weight:300;
		color:#2f2f2f
	}
	
	#main .message .inner .cont .news .subtitle{
		font-size:16px;
		font-weight:300;
		color:#2f2f2f;
		line-height:26px;
		margin-top:10px;
	}
	
	#main .message .inner .cont .news ul{
		width:100%;
		margin-top:20px;
	}
	
	
	
	#main .message .inner .cont .news ul .text{
		width:100%;
		font-size:15px;
		color:#777;
		letter-spacing:-0.7px;
		max-height:65px;
		overflow:hidden;
	}
	
	#main .message .inner .cont .news ul  span{
		width:100%;
		display:block;
		border-top:1px solid #e5e5e5;
		padding:15px 0px 0px;
		color:#999;
		text-align:right;
		font-family:'roboto';
		margin-top:90px;
		font-size:14px;
	}
		
		
	#main .message .inner .cont .introLine{
		width:30%;
		display:inline-block;
	}
	
	
	#main .message .inner .cont .introLine .company{
		width:100%;
		background:url(../images/company.jpg) top center;
		padding:20px;
		box-sizing:border-box;
		min-height:180px;
	}



	
	
	#main .message .inner .cont .introLine .haccp{
		width:100%;
		background:url(../images/haccp.jpg) top center;
		padding:20px;
		box-sizing:border-box;
		min-height:180px;
		color:#fff;
	}
	
	
	#main .message .inner .cont .introLine .title{
		font-size:26px;
		color:#2f2f2f;
		font-family:'montserrat','noto sans kr';
		font-weight:300;
	}
	
	#main .message .inner .cont .introLine .text{
		font-size:18px;
		color:#444444;
		font-family:'roboto','noto sans kr';
		font-weight:300;
		margin-top:5px;
	}
	
	
	#main .message .inner .cont .introLine .haccp .title{
		color:#fff;
	}
	
	#main .message .inner .cont .introLine .haccp .text{
		color:#fff;
	}
	
	
	#main .message .inner .cont .introLine .goLink{
		font-size:16px;
		color:#fff;
		text-decoration:underline;
		margin-top:40px;
	}
	
	
	#main .message .inner .cont .introLine .goLink a{
		color:#fff;
	}
	
}






	
@media screen and (max-width: 768px){
	#main .message{
		width:100%;
		position:relative;
		left:50%;
		margin-left:-50%;
		background:url(../images/messageBg.jpg) no-repeat center center;
		padding:4em 0px;
		margin-top:4em;
		background-size:500%;
	}
	
	
	
	#main .message .inner{
		width:94%;
		margin:0 auto;
	}
	
	#main .message .inner .cont{
		width:100%;
		display:inline-block;
	}
		
	#main .message .inner .cont .thum{
		width:100%;
		display:block;
	}
	
	#main .message .inner .cont .thum img{
		width:100%;
	}
	
	
	#main .message .inner .cont .news{
		width:50%;
		background:#fff;
		display:inline-block;
		padding:20px;
		box-sizing:Border-box;
		float:left;
		min-height:400px;
	}
	
	#main .message .inner .cont .news .title{
		font-size:26px;
		font-family:'montserrat';
		font-weight:300;
		color:#2f2f2f
	}
	
	#main .message .inner .cont .news .subtitle{
		font-size:15px;
		font-weight:300;
		color:#2f2f2f;
		line-height:26px;
		margin-top:10px;
		letter-spacing:-0.7px;
	}
	
	#main .message .inner .cont .news ul{
		width:100%;
		margin-top:20px;
	}
	
	
	
	#main .message .inner .cont .news ul .text{
		width:100%;
		font-size:15px;
		color:#777;
		letter-spacing:-0.7px;
		max-height:65px;
		overflow:hidden;
	}
	
	#main .message .inner .cont .news ul  span{
		width:100%;
		display:block;
		border-top:1px solid #e5e5e5;
		padding:15px 0px 0px;
		color:#999;
		text-align:right;
		font-family:'roboto';
		margin-top:170px;
		font-size:14px;
	}
		
		
	#main .message .inner .cont .introLine{
		width:50%;
		display:inline-block;
	}
	
	
	#main .message .inner .cont .introLine .company{
		width:100%;
		background:url(../images/company.jpg) top center;
		padding:20px;
		box-sizing:border-box;
		min-height:200px;
		background-size:100%;
	}



	
	
	#main .message .inner .cont .introLine .haccp{
		width:100%;
		background:url(../images/haccp.jpg) top center;
		padding:20px;
		box-sizing:border-box;
		min-height:200px;
		color:#fff;
		background-size:100%;
	}
	
	
	#main .message .inner .cont .introLine .title{
		font-size:26px;
		color:#2f2f2f;
		font-family:'montserrat','noto sans kr';
		font-weight:300;
	}
	
	#main .message .inner .cont .introLine .text{
		font-size:18px;
		color:#444444;
		font-family:'roboto','noto sans kr';
		font-weight:300;
		margin-top:5px;
	}
	
	
	#main .message .inner .cont .introLine .haccp .title{
		color:#fff;
	}
	
	#main .message .inner .cont .introLine .haccp .text{
		color:#fff;
	}
	
	
	#main .message .inner .cont .introLine .goLink{
		font-size:16px;
		color:#fff;
		text-decoration:underline;
		margin-top:40px;
	}
	
	
	#main .message .inner .cont .introLine .goLink a{
		color:#fff;
	}
	
}




	
@media screen and (max-width: 600px){
	#main .message{
		width:100%;
		position:relative;
		left:50%;
		margin-left:-50%;
		background:url(../images/messageBg.jpg) no-repeat center center;
		padding:4em 0px;
		margin-top:4em;
		background-size:700%;
	}
	
	
	
	#main .message .inner{
		width:94%;
		margin:0 auto;
	}
	
	#main .message .inner .cont{
		width:100%;
		display:inline-block;
	}
		
	#main .message .inner .cont .thum{
		width:100%;
		display:block;
	}
	
	#main .message .inner .cont .thum img{
		width:100%;
		vertical-align:bottom;
	}
	
	
	#main .message .inner .cont .news{
		width:100%;
		background:#fff;
		display:inline-block;
		padding:20px;
		box-sizing:Border-box;
		clear:both;
		min-height:100%;
	}
	
	#main .message .inner .cont .news .title{
		font-size:26px;
		font-family:'montserrat';
		font-weight:300;
		color:#2f2f2f
	}
	
	#main .message .inner .cont .news .subtitle{
		font-size:15px;
		font-weight:300;
		color:#2f2f2f;
		line-height:26px;
		margin-top:10px;
		letter-spacing:-0.7px;
	}
	
	#main .message .inner .cont .news ul{
		width:100%;
		margin-top:20px;
	}
	
	
	
	#main .message .inner .cont .news ul .text{
		width:100%;
		font-size:15px;
		color:#777;
		letter-spacing:-0.7px;
		max-height:65px;
		overflow:hidden;
	}
	
	#main .message .inner .cont .news ul  span{
		width:100%;
		display:block;
		border-top:1px solid #e5e5e5;
		padding:15px 0px 0px;
		color:#999;
		text-align:right;
		font-family:'roboto';
		margin-top:20px;
		font-size:14px;
	}
		
		
	#main .message .inner .cont .introLine{
		width:100%;
		display:inline-block;
	}
	
	
	#main .message .inner .cont .introLine .company{
		width:50%;
		background:url(../images/company.jpg) top center;
		padding:20px;
		box-sizing:border-box;
		min-height:180px;
		display:inline-block;
		float:left;
	}



	
	
	#main .message .inner .cont .introLine .haccp{
		width:50%;
		background:url(../images/haccp.jpg) top right;
		padding:20px;
		box-sizing:border-box;
		min-height:180px;
		color:#fff;
		display:inline-block;
	}
	
	
	#main .message .inner .cont .introLine .title{
		font-size:26px;
		color:#2f2f2f;
		font-family:'montserrat','noto sans kr';
		font-weight:300;
	}
	
	#main .message .inner .cont .introLine .text{
		font-size:18px;
		color:#444444;
		font-family:'roboto','noto sans kr';
		font-weight:300;
		margin-top:5px;
	}
	
	
	#main .message .inner .cont .introLine .haccp .title{
		color:#fff;
	}
	
	#main .message .inner .cont .introLine .haccp .text{
		color:#fff;
	}
	
	
	#main .message .inner .cont .introLine .goLink{
		font-size:16px;
		color:#fff;
		text-decoration:underline;
		margin-top:40px;
	}
	
	
	#main .message .inner .cont .introLine .goLink a{
		color:#fff;
	}
	
}






	
@media screen and (max-width: 425px){
	#main .message{
		width:100%;
		position:relative;
		left:50%;
		margin-left:-50%;
		background:url(../images/messageBg.jpg) no-repeat center center;
		padding:4em 0px;
		margin-top:4em;
		background-size:1000%;
	}
	
	
	
	#main .message .inner{
		width:94%;
		margin:0 auto;
	}
	
	#main .message .inner .cont{
		width:100%;
		display:inline-block;
	}
		
	#main .message .inner .cont .thum{
		width:100%;
		display:block;
	}
	
	#main .message .inner .cont .thum img{
		width:100%;
		vertical-align:bottom;
	}
	
	
	#main .message .inner .cont .news{
		width:100%;
		background:#fff;
		display:inline-block;
		padding:20px;
		box-sizing:Border-box;
		clear:both;
		min-height:100%;
	}
	
	#main .message .inner .cont .news .title{
		font-size:26px;
		font-family:'montserrat';
		font-weight:300;
		color:#2f2f2f
	}
	
	#main .message .inner .cont .news .subtitle{
		font-size:15px;
		font-weight:300;
		color:#2f2f2f;
		line-height:26px;
		margin-top:10px;
		letter-spacing:-0.7px;
	}
	
	#main .message .inner .cont .news ul{
		width:100%;
		margin-top:20px;
	}
	
	
	
	#main .message .inner .cont .news ul .text{
		width:100%;
		font-size:15px;
		color:#777;
		letter-spacing:-0.7px;
		max-height:65px;
		overflow:hidden;
	}
	
	#main .message .inner .cont .news ul  span{
		width:100%;
		display:block;
		border-top:1px solid #e5e5e5;
		padding:15px 0px 0px;
		color:#999;
		text-align:right;
		font-family:'roboto';
		margin-top:20px;
		font-size:14px;
	}
		
		
	#main .message .inner .cont .introLine{
		width:100%;
		display:inline-block;
	}
	
	
	#main .message .inner .cont .introLine .company{
		width:100%;
		background:url(../images/company.jpg) top center;
		padding:20px 20px 60px;
		box-sizing:border-box;
		min-height:100%;
		display:inline-block;
		background-size:100%;
		clear:both;
	}



	
	
	#main .message .inner .cont .introLine .haccp{
		width:100%;
		background:url(../images/haccp.jpg) bottom right;
		padding:20px;
		box-sizing:border-box;
		min-height:auto;
		color:#fff;
		display:inline-block;
		background-size:100%
	}
	
	
	#main .message .inner .cont .introLine .title{
		font-size:26px;
		color:#2f2f2f;
		font-family:'montserrat','noto sans kr';
		font-weight:300;
	}
	
	#main .message .inner .cont .introLine .text{
		font-size:18px;
		color:#444444;
		font-family:'roboto','noto sans kr';
		font-weight:300;
		margin-top:5px;
	}
	
	
	#main .message .inner .cont .introLine .haccp .title{
		color:#fff;
	}
	
	#main .message .inner .cont .introLine .haccp .text{
		color:#fff;
	}
	
	
	#main .message .inner .cont .introLine .goLink{
		font-size:16px;
		color:#fff;
		text-decoration:underline;
		margin-top:40px;
	}
	
	
	#main .message .inner .cont .introLine .goLink a{
		color:#fff;
	}
	
}






@media screen and (max-width: 1180px){
	

	#main .social{
		width:94%;
		margin:4em auto 4em;
	}
	
	#main .social .snsList{
		width:100%;
		text-align:Center;
	}
	
	#main .social .snsList li{
		display:inline-block;
		margin:0px 6px;
	}
	
	
	#main .social .boardList{
		width:100%;
		margin-top:50px;
	}
	
	
	#main .social .boardList dd{
		width:23.5%;
		display:inline-block;
		vertical-align:top;
		margin-left:1.5%;
		position:relative;
	}
	
	
	#main .social .boardList dd:first-child{
		margin-left:0px;
	}
	
	
	
	#main .social .boardList li{
		width:100%;
		display:block;
		vertical-align:top;
	}
	
	
	#main .social .boardList li .thum{
		width:100%;
		overflow:hidden;
	}
	
	#main .social .boardList li .thum img{
		width:100%;
		height:100%;
	}
	
	
	#main .social .boardList li .textArea{
		width:100%;
		margin-top:20px;
	}
	#main .social .boardList li .textArea .title{
		font-size:20px;
		color:#444444;
		letter-spacing:-0.7px;
	}
	
	
	
	#main .social .boardList li .textArea .text{
		font-size:16px;
		max-height:50px;
		min-height:50px;
		overflow:hidden;
		color:#777777;
		letter-spacing:-0.7px;
		font-weight:300;
		margin-top:5px;
		
	}
	
	
	#main .social .boardList li .textArea .cate{
		font-size:14px;
		color:#f67029;
		font-family:'roboto'
	}
	
	
	
	
	
	
	#main .social .boardList li .textArea .date{
		width:100%;
		border-top:1px solid #e5e5e5;
		padding:15px 0px 0px;
		margin-top:15px;
		font-family:'roboto';
		color:#999;
		font-size:16px;
	}
	
	
	
	#main .social .boardList ul .icon{
		position:absolute;
		top:10px;
		left:10px;
		width:40px;
	}
	
	
	
	#main .social .boardList ul .icon img{
		width:100%;
	}




}



@media screen and (max-width: 768px){
	

	#main .social{
		width:94%;
		margin:4em auto 4em;
	}
	
	#main .social .snsList{
		width:100%;
		text-align:Center;
	}
	
	#main .social .snsList li{
		display:inline-block;
		margin:0px 6px;
	}
	
	
	#main .social .boardList{
		width:100%;
		margin-top:50px;
	}
	
	
	#main .social .boardList dd{
		width:48%;
		display:inline-block;
		vertical-align:top;
		margin-left:1.5%;
		position:relative;
		margin-top:2em;
	}
	
	
	#main .social .boardList dd:nth-child(2n+1){
		margin-left:0px;
	}
	
	
	
	#main .social .boardList li{
		width:100%;
		display:block;
		vertical-align:top;
	}
	
	
	#main .social .boardList li .thum{
		width:100%;
		overflow:hidden;
	}
	
	#main .social .boardList li .thum img{
		width:100%;
		height:100%;
	}
	
	
	#main .social .boardList li .textArea{
		width:100%;
		margin-top:20px;
	}
	#main .social .boardList li .textArea .title{
		font-size:16px;
		color:#444444;
		letter-spacing:-0.7px;
	}
	
	
	
	#main .social .boardList li .textArea .text{
		font-size:14px;
		max-height:50px;
		min-height:50px;
		overflow:hidden;
		color:#777777;
		letter-spacing:-0.7px;
		font-weight:300;
		margin-top:5px;
		
	}
	
	
	#main .social .boardList li .textArea .cate{
		font-size:13px;
		color:#f67029;
		font-family:'roboto'
	}
	
	
	
	
	
	
	#main .social .boardList li .textArea .date{
		width:100%;
		border-top:1px solid #e5e5e5;
		padding:15px 0px 0px;
		margin-top:15px;
		font-family:'roboto';
		color:#999;
		font-size:16px;
	}
	
	
	
	#main .social .boardList ul .icon{
		position:absolute;
		top:10px;
		left:10px;
		width:40px;
	}
	
	
	
	#main .social .boardList ul .icon img{
		width:100%;
	}




}