
#main{
	width:100%;
	display:block;
	min-width:1180px;
	overflow-x:hidden;
}

#main .slides{
	width:1920px;
	position:relative;
	left:50%;
	margin-left:-960px;
}

#main .mainVisual .bg{
	width:100%;
}

#main .mainVisual .bg img{
	width:100%;
	vertical-align:bottom;
}


#main .mainVisual .cont{
	width:1180px;
	height:100%;
	position:absolute;
	z-index:9;
	left:50%;
	margin-left:-590px;
}

#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;
	color:#ff9760;
}

#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 230px;
	box-sizing:Border-box;
	font-size:20px;
	letter-spacing:-0.7px;
	color:#222;
	border-radius:5px;
}

#main .mainVisual .cont .shortcut .button{
	background:#f67029;
	display:inline-block;
	padding:15px 50px;
	box-sizing:Border-box;
	font-size:20px;
	letter-spacing:-0.7px;
	color:#fff;
	border-radius:5px;
}

#main .mainVisual .cont .shortcut .button a{
	color:#fff;
	display:block;
}


#main .recipe{
	width:100%;
	background:#f7f7f7;
	padding:80px 0px;
}



#main .recipe .inner{
	width:1180px;
	margin:0 auto;
}

#main .recipe .inner .recipeList{
	width:580px;
	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 .recipeCont{
	width:580px;
	display:inline-block;
	vertical-align:top;
	margin-left:15px;
}

#main .recipe .inner .recipeCont li{
	width:100%;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	background:#fff;
	overflow:hidden;
	height:149px;
	margin-top:20px;
	box-shadow:3px 3px 5px #a1a1a1;
}

#main .recipe .inner .recipeCont li:first-child{
	margin-top:0px;
}


#main .recipe .inner .recipeCont li .thum{
	width:205px;
	height:100%;
	display:inline-block;
	overflow:hidden;
	vertical-align:middle;
}

#main .recipe .inner .recipeCont li .thum img{
	vertical-align:bottom;
	width:100%;
	height:100%;
}


#main .recipe .inner .textbox{
	display:inline-block;
	padding:17px 20px;
	box-sizing:Border-box;
	vertical-align:middle;
	width:64%
}

#main .recipe .inner .textbox .subtitle{
	font-size:15px;
	color:#f67029;
	letter-spacing:-0.7px;
}

#main .recipe .inner .textbox .title{
	font-size:24px;
	color:#2f2f2f;
	letter-spacing:-0.7px;
	width:100%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

#main .recipe .inner .textbox .substance{
	font-size:18px;
	color:#777;
	letter-spacing:-0.7px;
	font-weight:300;
	margin-top:10px;
}


#main .product{
	width:1180px;
	margin-top:80px;
	position:relative;
	left:50%;
	margin-left:-590px;
}


#main .product .productVisual{
	width:100%;
}


#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;
}



#main .mainTitle{
	font-size:48px;
	font-family:'montserrat';
	text-align:Center;
	color:#222;
	margin-bottom:30px;
}


#main .mallBanner{
	width:1180px;
	position:relative;
	left:50%;
	margin-left:-590px;
	margin-top:80px;
}


#main .mallBanner .bg{
	width:100%;
}



#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;
}

#main .message{
	width:1920px;
	position:relative;
	left:50%;
	margin-left:-960px;
	background:url(../images/messageBg.jpg) no-repeat center center;
	padding:80px 0px;
	margin-top:80px;
}



#main .message .inner{
	width:1180px;
	margin:0 auto;
}

#main .message .inner .cont{
	width:100%;
	display:flex;
}

#main .message .inner .cont .thum{
	width:590px;
	display:inline-block;
}

#main .message .inner .cont .news{
	width:295px;
	background:#fff;
	display:inline-block;
}

#main .message .inner .cont .news{
	width:295px;
	background:#fff;
	display:inline-block;
	padding:20px;
	box-sizing:Border-box;
}

#main .message .inner .cont .news .title{
	font-size:30px;
	font-family:'montserrat';
	font-weight:300;
	color:#2f2f2f
}

#main .message .inner .cont .news .subtitle{
	font-size:18px;
	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:295px;
	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:30px;
	color:#2f2f2f;
	font-family:'montserrat','noto sans kr';
	font-weight:300;
}

#main .message .inner .cont .introLine .text{
	font-size:24px;
	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;
}



#main .social{
	width:1180px;
	margin:80px auto 80px;
}

#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:280px;
	display:inline-block;
	vertical-align:top;
	margin-left:15px;
	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%;
}


























