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

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

#sub .subTitleImg .bg{
	width:100%;
}

#sub .subTitleImg .bg img{
	width:100%;vertical-align:bottom;
}

#sub .subTitleImg .subGnb{
	position:absolute;
	width:1180px;
	left:50%;
	margin-left:-590px;
	z-index:9;
	bottom:0;
	display:flex;
}

#sub .subTitleImg .subGnb .home{
	width:60px;
	padding:15px;
	background:#f67029;
	box-sizing:border-box;
}

#sub .subTitleImg .subGnb .home img{
	width:100%;
}


#sub .subTitleImg .subGnb .subMenu{
	width:1120px;
	background:#fff;
	border:1px solid #e5e5e5;
	box-sizing:border-box;
}

#sub .subTitleImg .subGnb .subMenu{
	width:1120px;
	display:flex;
	background:#fff;
}

#sub .subTitleImg .subGnb .subMenu li{
	width:100%;
	text-align:center;
	border-right:1px solid #e5e5e5;
	font-size:17px;
	padding:15px 0px;
	box-sizing:border-box;
	letter-spacing:-0.7px;
	font-family:'roboto','noto sans kr';
}

#sub .subTitleImg .subGnb .subMenu li a{
	display:block;
}


#sub .subTitleImg .subGnb .subMenu .on{
	background:#f7f7f7;
}




#sub .subTitleLine{
	width:100%;
}

#sub .subTitleLine .subTitle{
	font-size:40px;
	letter-spacing:-0.7px;
	font-weight:500;
	text-align:center;
	color:#222;
	font-family:'roboto','noto sans kr';
	
}
#sub .subTitleLine .line{
	width:50px;
	height:3px;
	background:#222;
	margin:20px auto 0;
	
}


#sub .subTitleLine .subject{
	font-size:36px;
	font-weight:300;
	letter-spacing:-0.7px;
	margin-top:10px;
	text-align:center;
}

#sub .company{
	width:100%;
}
#sub .company .introduce{
	width:100%;
	margin:80px 0px;
}


#sub .company .introduce{
	width:100%;
	margin:80px 0px;
}
#sub .company .introduce .banchandanji{
	width:1180px;
	margin:0 auto;
	padding:80px 0px;
}


#sub .company .introduce .banchandanji .thum{
	width:570px;
	display:inline-block;
	vertical-align:middle;
}
#sub .company .introduce .banchandanji .thum img{
	width:100%;
}


#sub .company .introduce .banchandanji .textArea{
	width:570px;
	display:inline-block;
	vertical-align:middle;
	margin-left:35px;
}

#sub .company .introduce .banchandanji .textArea .posiLine{
	width:100%;
}


#sub .company .introduce .banchandanji .textArea .posiLine .icon{
	width:47px;
	display:inline-block;
}

#sub .company .introduce .banchandanji .textArea .posiLine .icon img{
	width:100%;
}

#sub .company .introduce .banchandanji .textArea .posiLine .posi{
	font-size:18px;
	color:#f67029;
	display:inline-block;
	font-family:'nanum myeongjo';
	margin-left:6px;
}

#sub .company .introduce .banchandanji .textArea .subject{
	font-size:36px;
	font-weight:300;
	color:#444444;
	letter-spacing:-1px;
	line-height:44px;
	word-break:keep-all;
	margin-top:15px;
}

#sub .company .introduce .banchandanji .textArea .line{
	width:200px;
	height:5px;
	background:#f67029;
	position:relative;
	left:-100px;
	margin:30px 0px;
}

#sub .company .introduce .banchandanji .textArea .substance{
	font-size:18px;
	color:#444444;
	letter-spacing:-0.7px;
	line-height:26px;
	word-break:keep-all;
}

#sub .company .introduce .brandIntro{
	width:1920px;
	position:relative;
	left:50%;
	margin-left:-960px;
	background:url(../images/company/introduceBg.jpg) center center no-repeat;
	padding:80px 0px;
}


#sub .company .introduce .brandIntro .inner{
	width:1180px;
	margin:0 auto;
}

#sub .posiTitle{
	font-size:18px;
	color:#f67029;
	font-family:'nanum myeongjo';
	text-align:center;
}

#sub .company .introduce .brandIntro .subject{
	font-size:36px;
	text-align:center;
	color:#2f2f2f;
	font-weighT:300;
	letter-spacing:-0.7px;
}


#sub .company .introduce .brandIntro .line{
	width:1px;
	height:30px;
	background:#2f2f2f;
	margin:20px auto 20px;
}


#sub .company .introduce .brandIntro .substance{
	font-size:18px;
	color:#444444;
	font-weight:300;
	font-family:'roboto','noto sans kr';
	text-align:center;
	padding:0px 100px;
	box-sizing:border-box;
	word-break:keep-all;
	line-height:26px;
}

#sub .company .introduce .infoLine{
	width:1180px;
	margin:0 auto;
	padding:80px 0px;
}


#sub .company .introduce .infoLine .subjectLine{
	width:100%;
}

#sub .company .introduce .infoLine .subjectLine .subject{
	font-size:30px;
	text-align:center;
	letter-spacing:-0.7px;
	font-weight:300;
	color:#2f2f2f;
}

#sub .company .introduce .infoLine .subjectLine .enSubject{
	font-size:20px;
	text-align:center;
	font-weight:300;
	color:#777;
	font-family:'roboto';
	letter-spacing:2px;
}


#sub .company .introduce .infoLine .list{
	width:100%;
	margin-top:30px;
}


#sub .company .introduce .infoLine .list li:first-child{
	border-top:1px solid #f67029;
}


#sub .company .introduce .infoLine .list li{
	border-bottom:1px solid #e5e5e5;
	width:100%;
	padding:50px 20px;
	box-sizing:border-box;
}


#sub .company .introduce .infoLine .list li .keyword{
	width:20%;
	display:inline-block;
	vertical-align:middle;
	font-size:24px;
	color:#f67029;
	font-weight:100;
	text-align:left;
}

#sub .company .introduce .infoLine .list li .textLine{
	width:79%;
	display:inline-block;
	padding-left:20px;
	box-sizing:border-box;
	vertical-align:middle;
}

#sub .company .introduce .infoLine .list li .textLine .subject{
	font-size:20px;
	font-weight:500;
	color:#222;
	letter-spacing:-0.7px;
	font-family:'roboto','noto sans kr'
}


#sub .company .introduce .infoLine .list li .textLine .substance{
	font-size:16px;
	font-weight:300;
	color:#444;
	letter-spacing:-0.7px;
	font-family:'roboto','noto sans kr';
	margin-top:10px;
	line-height:24px;
}


#sub .company .introduce .bannerThum{
	width:1180px;
	margin:0 auto ;
	vertical-align:bottom;
}


#sub .company .introduce .bannerThum img{
	vertical-align:bottom;
}


#sub .company .introduce .comInfo{
	width:1180px;
	margin:0px auto 80px;
	vertical-align:bottom;
}




#sub .company .introduce .comInfo .subjectLine{
	width:100%;
}

#sub .company .introduce .comInfo .subjectLine .line{
	width:1px;
	height:100px;
	background:#2f2f2f;
	margin:0 auto;
}

#sub .company .introduce .comInfo .subjectLine .subject{
	font-size:36px;
	text-align:Center;
	color:#2f2f2f;
}



#sub .company .introduce .comInfo .List{
	width:100%;
	margin-top:30px;
	display:flex;
}

#sub .company .introduce .comInfo .List li{
	width:16.6%;
	display:inline-block;
	border:1px solid #e5e5e5;
	padding:20px;
	margin-left:2%;
	box-sizing:border-box;
}


#sub .company .introduce .comInfo .List li:hover{
	border:1px solid #f67029;
}


#sub .company .introduce .comInfo .List li:first-child{
	margin-left:0%;
}

#sub .company .introduce .comInfo .List li .subject{
	font-size:18px;
	color:#777;
}

#sub .company .introduce .comInfo .List li .line{
	width:30px;
	height:1px;
	background:#e5e5e5;
	margin:20px 0px;
}

#sub .company .introduce .comInfo .List li .substance{
	font-size:16px;
	color:#2f2f2f;
	letter-spacing:-0.7px;
	line-height:24px;
}







#sub .company .history {
	position:relative; 
	text-align:center;
	margin:0 auto;
	padding:80px 0px;
	width:1180px
}

#sub .company .history .title{
	font-size:36px;
	color:#444444;
	text-align:center;
	font-family:'montserrat';
}

#sub .company .history .centerline {
	width:1px; 
	height:80%; 
	background:#bebebe; 
	position:absolute; 
	top:180px; 
	left:50%;
}

#sub .company .history .centerline:before {
	content:""; 
	display:inline-block;
	width:11px;
	height:11px; 
	background:#1d7a3a;
	border:4px solid #f8f8f8;
	position:absolute;
	top:-7px; 
	left:-7px; 
	z-index:-1;
}

#sub .company .history .centerline:after {
	content:""; 
	display:inline-block; 
	width:11px;
	height:11px; 
	background:#1d7a3a;
	border:4px solid #f8f8f8;
	position:absolute;
	bottom:-7px; 
	left:-7px; 
	z-index:-1;
}

#sub .company .history .h_wrap {
	padding:30px 0;
}

#sub .company .history dl {}

#sub .company .history dl dt {
	font-family:"Roboto"; 
	font-size:35px;
	color:#f67029;
	margin-bottom:10px;
	position:relative;
}


#sub .company .history dl dd ul li {
	margin-bottom:15px;
	width:100%;
}
#sub .company .history dl dd ul li em {
	font-family:'roboto','noto sans kr';
	font-size:16px;
	color:#222;
	display:block;
	width:100%;
	font-weight:500;
	letter-spacing:-0.7px; 
}


#sub .company .history dl dd ul li p {
	font-size:14px; 
	letter-spacing:-0.7px; 
	color:#787878;
	display:block;
	width:100%;
	font-family:'roboto','noto sans kr';
	word-break:keep-all;
	margin-top:5px;
}


#sub .company .history dl.h_left {
	position:relative;
	margin-right:50%; 
	text-align:right;
	padding-right:160px;
}

#sub .company .history dl.h_left:before {
	content:""; 
	display:inline-block; 
	width:11px;
	height:11px; 
	background:#fff;
	border:2px solid #f67029; 
	position:absolute; 
	top:22px; 
	right:-7px;
}

#sub .company .history dl.h_left:after {
	content:""; 
	display:inline-block; 
	width:140px; 
	height:1px;
	background:#d8d8d8;
	position:absolute;
	top:27px;
	right:2px; 
}
	
#sub .company .history dl.h_left dt:after {
	content:""; 
	display:inline-block; 
	width:6px; 
	height:6px; 
	background:#d8d8d8; 
	position:absolute; 
	top:24px; 
	right:-18px;
	border-radius:6px;
}


#sub .company .history dl.h_left p{
	padding-right:10px;
	box-sizing:border-box;
}



#sub .company .history dl.h_right {
	position:relative; 
	margin-left:50%; 
	text-align:left; 
	padding-left:160px;
}


#sub .company .history dl.h_right:before {
	content:""; 
	display:inline-block; 
	width:11px;
	height:11px; 
	background:#fff;
	border:2px solid #f67029; 
	position:absolute; 
	top:22px; 
	left:-7px;
}

#sub .company .history dl.h_right:after {
	content:""; 
	display:inline-block; 
	width:140px; 
	height:1px; 
	background:#d8d8d8; 
	position:absolute; 
	top:27px; 
	left:2px;
}

#sub .company .history dl.h_right dt:after {
	content:""; 
	display:inline-block; 
	width:6px; 
	height:6px; 
	background:#d8d8d8; 
	position:absolute; 
	top:25px; 
	left:-18px;
	border-radius:6px;
}

#sub .company .history dl.h_right p{
	padding-left:10px;
	box-sizing:border-box;
}




#sub .company .mission{
	width:100%;
	padding:80px 0px;
}

#sub .company .mission .posiTitle{
	margin-top:50px;
}

#sub .company .mission .overview{
	width:1920px;
	position:relative;
	left:50%;
	margin-left:-960px;
	margin-top:50px;
}

#sub .company .mission .overview .cont{
	width:1180px;
	left:50%;
	margin-left:-590px;
	position:absolute;
	bottom:-100px;
}

#sub .company .mission .overview .cont .textBox{
	width:590px;
	background:#f67029;
	padding:20px;
	box-sizing:border-box;
}

#sub .company .mission .overview .cont .textBox .lineBox{
	width:100%;
	padding:50px 20px;
	box-sizing:border-box;
	border:1px solid #fff;
}



#sub .company .mission .overview .cont .textBox .lineBox .subject{
	font-size:40px;
	color:#fff;
	font-family:'roboto','noto sans kr';
}

#sub .company .mission .overview .cont .textBox .lineBox .subSubject{
	font-size:24px;
	color:#fff;
	font-family:'roboto','noto sans kr';
	font-weight:300;
	word-break:keep-all;
}

#sub .company .mission .overview .cont .textBox .lineBox .substance{
	font-size:18px;
	color:#fccfbf;
	font-family:'roboto','noto sans kr';
	font-weight:300;
	word-break:keep-all;
	margin-top:30px;
	line-height:26px;
	letter-spacing:-0.7px;
}

#sub .company .mission .list{
	width:1180px;
	display:flex;
	margin:180px auto 0;
}



#sub .company .mission .list li{
	width:230px;
	display:inline-block;
	border:1px solid #e5e5e5;
	padding:30px 20px;
	margin-left:20px;
}

#sub .company .mission .list li:hover{
	border:1px solid #f67029;
}

#sub .company .mission .list li:first-child{
	margin-left:0px;
}


#sub .company .mission .list li .icon{
	width:67px;
	margin:0 auto;
}

#sub .company .mission .list li .icon img{
	width:100%;
}

#sub .company .mission .list li .text{
	font-size:18px;
	margin-top:15px;
	color:#444444;
	text-align:center;
	padding:0px 30px;
	word-break:keep-all;
	letter-spacing:-0.7px;
}







#sub .company .greeting{
	width:100%;
	padding:80px 0px 0px;
}



#sub .company .greeting .explain{
	width:1180px;
	position:relative;
	left:50%;
	margin-left:-590px;
	margin-top:50px;
}


#sub .company .greeting .explain .thum{
	width:610px;
	display:inlnie-block;
}

#sub .company .greeting .explain .thum img{
	width:100%;
}


#sub .company .greeting .explain .textBox{
	width:610px;
	display:inlnie-block;
	position:absolute;
	right:0;
	background:#f67029;
	bottom:-130px;
	padding:20px;
	box-sizing:border-box;
}

#sub .company .greeting .explain .textBox .lineBox{
	border:1px solid #fff;
	padding:20px;
}




#sub .company .greeting .explain .textBox .posiTitle{
	text-align:left;
	color:#fff;
}

#sub .company .greeting .explain .textBox .subject{
	font-size:36px;
	font-weight:300;
	line-height:44px;
	letter-spacing:-0.7px;
	color:#fff;
	margin-top:30px;
	font-family:'roboto'
}

#sub .company .greeting .explain .textBox .substance{
	font-size:16px;
	color:#fff;
	letter-spacing:-0.7px;
	word-break:keep-all;
	margin-top:10px;
}










#sub .business .food{
	width:100%;
	margin:80px 0px 0px;
}

#sub .business .food .posiTitle{
	margin-top:50px;
}
#sub .business .food .productList{
	width:1090px;
	text-align:center;
	margin-top:50px;
	display:flex;
	position:relative;
	left:50%;
	margin-left:-545px;
}

#sub .business .food .productList li{
	width:100%;
	display:inline-block;
	position:relative;
}

#sub .business .food .productList li .cont{
	position:absolute;
	bottom:40%;
	text-align:center;
	width:100%;
}



#sub .business .food .productList li .cont .en{
	font-size:18px;
	text-align:center;
	font-family:'roboto','montserrat';
}


#sub .business .food .productList li .cont .kr{
	font-size:24px;
	text-align:center;
}


#sub .business .food .stepList{
	width:1180px;
	margin:0 auto;
	padding:80px 0px;
	display:flex;
}

#sub .business .food .stepList dd{
	width:380px;
	border:1px solid #e5e5e5;
	margin-left:20px;
}

#sub .business .food .stepList dd:first-child{
	margin-left:0px;
}

#sub .business .food .stepList dd .subjectLine{
	width:100%;
	padding:15px;
	border-bottom:1px solid #e5e5e5;
}

#sub .business .food .stepList dd .subjectLine .step{
	font-size:18px;
	color:#f67029;
	font-family:'roboto';
}

#sub .business .food .stepList dd .subjectLine .subject{
	font-size:24px;
	color:#444444;
	font-weight:300;
}

#sub .business .food .stepList dd .List{
	width:100%;
	padding:20px 30px;
	box-sizing:border-box;
}

#sub .business .food .stepList dd .List li{
	margin-bottom:15px;
	list-style:disc;
	font-size:15px;
	word-break:keep-all;
	color:#444;
}

#sub .business .food .stepList dd .List li:last-child{
	margin-bottom:0px;
}





#sub .business .graphLine{
	width:100%;
	background:#f7f7f7;
	padding:80px 0px;
}





#sub .business .graphLine .subjectLine{
	width:100%;
}

#sub .business .graphLine .subjectLine .subject{
	font-size:36px;
	text-align:center;
	color:#444444;
	letter-spacing:-0.7px;
	margin-top:15px;
	font-family:'roboto','noto sans kr';
}

#sub .business .graphLine .subjectLine .subject span{
	font-weight:bold;
}


#sub .business .graphLine .subjectLine .substance{
	font-size:15px;
	text-align:center;
	color:#444444;
	letter-spacing:-0.7px;
	margin-top:5px;
}



#sub .business .graphLine .info{
	font-size:14px;
	text-align:right;
	color:#777;
	letter-spacing:-0.7px;
	width:874px;
	margin:10px auto 0;
}




#sub .business .graphLine .graph{
	width:874px;
	margin:30px auto 0;
}



#sub .business .metrial{
	width:100%;
	padding:80px 0px 0px;
}



#sub .business .metrial .explain{
	width:1180px;
	position:relative;
	left:50%;
	margin-left:-590px;
	margin-top:50px;
}


#sub .business .metrial .explain .thum{
	width:610px;
	display:inlnie-block;
}

#sub .business .metrial .explain .thum img{
	width:100%;
}

#sub .business .metrial .explain .textBox{
	width:610px;
	display:inlnie-block;
	position:absolute;
	right:0;
	background:#f67029;
	bottom:-30px;
}


#sub .business .metrial .explain .textBox{
	width:610px;
	display:inlnie-block;
	position:absolute;
	right:0;
	background:#f67029;
	bottom:-30px;
	padding:20px;
	box-sizing:border-box;
}

#sub .business .metrial .explain .textBox .lineBox{
	border:1px solid #fff;
	padding:50px 20px;
}




#sub .business .metrial .explain .textBox .posiTitle{
	text-align:left;
	color:#fff;
}

#sub .business .metrial .explain .textBox .subject{
	font-size:36px;
	font-weight:300;
	line-height:44px;
	letter-spacing:-0.7px;
	color:#fff;
	margin-top:30px;
}

#sub .business .metrial .explain .textBox .substance{
	font-size:18px;
	color:#fff;
	letter-spacing:-0.7px;
	word-break:keep-all;
	margin-top:10px;
}


#sub .business .metrial .thirList{
	width:1180px;
	margin:0 auto;
	padding:80px 0px;
	border-bottom:1px solid #e5e5e5;
	text-align:center;
}

#sub .business .metrial .thirList li{
	width:33%;
	display:inline-block;
	padding:0px 20px;
	box-sizing:border-box;
	vertical-align:top;
}

#sub .business .metrial .thirList li .icon{
	width:133px;
	margin:0 auto;
}
#sub .business .metrial .thirList li .icon img{
	width:100%;
}

#sub .business .metrial .thirList li .subject{
	font-size:24px;
	color:#444444;
	margin-top:20px;
}

#sub .business .metrial .thirList li .subSubject{
	font-size:16px;
	color:#f67029;
	margin-top:20px;
	letter-spacing:-0.7px;
}


#sub .business .metrial .thirList li .substance{
	font-size:16px;
	color:#777777;
	margin-top:5px;
	letter-spacing:-0.7px;
	line-height:24px;
	word-break:keep-all;
}

#sub .business .metrial .bannerThum{
	width:1920px;
	position:relative;
	left:50%;
	margin-left:-960px;
	margin-top:80px;
}

#sub .business .metrial .bannerThum img{
	width:100%;
}


#sub .business .client{
	width:1180px;
	margin:0 auto;
	padding:80px 0px;
}

#sub .business .client .subjectLine{
	width:100%;
}

#sub .business .client .subjectLine .subject{
	font-size:36px;
	text-align:center;
	color:#444444;
	letter-spacing:-0.7px;
	margin-top:5px;
	font-family:'roboto'
}

#sub .business .client .subjectLine .subject span{
	font-weight:bold;
}

#sub .business .client .subjectLine .subSubject{
	font-size:24px;
	text-align:center;
	color:#444444;
	letter-spacing:-0.7px;
	margin-top:5px;
	font-weight:300;
}


#sub .business .client .list{
	width:100%;
	margin-top:30px;
}
#sub .business .client .list li{
	width:100%;
	border-bottom:1px solid #e5e5e5;
	padding:50px 20px;
	box-sizing:border-box;
}

#sub .business .client .list li:first-child{
	border-top:1px solid #f37d5f;
}



#sub .business .client .list li .num{
	width:10%;
	display:inline-block;
	vertical-align:middle;
	font-size:36px;
	font-family:'roboto';
	color:#f37d5f;
	text-align:center;
}


#sub .business .client .list li .textArea{
	width:89%;
	display:inline-block;
	vertical-align:middle;
}

#sub .business .client .list li .textArea .subject{
	font-size:20px;
	font-weight:500;
	letter-spacing:-0.7px;
}

#sub .business .client .list li .textArea .substance{
	font-size:16px;
	color:#777;
	letter-spacing:-0.7px;
	margin-top:10px;
}


#sub .business .oversea{
	width:100%;
	margin-top:80px;
}


#sub .business .oversea .subTitleLine{
	margin-bottom:80px;
}

#sub .business .oversea .subTitleLine .posiTitle{
	margin-top:50px;
}

#sub .business .oversea .consulting{
	width:1180px;
	margin:0 auto;
	padding:80px 0px;
	border-top:1px solid #e5e5e5;
}

#sub .business .oversea .consulting .subjectLine{
	width:100%;
}

#sub .business .oversea .consulting .subjectLine .subject{
	font-size:36px;
	text-align:center;
	color:#444;
	font-weight:500;
}

#sub .business .oversea .consulting .subjectLine .subSubject{
	font-size:24px;
	text-align:center;
	color:#444;
	font-weight:300;
	margin-top:5px;
}


#sub .business .oversea .consulting .stepList{
	width:100%;
	margin-top:30px;
	display:flex;
}

#sub .business .oversea .consulting .stepList li{
	width:100%;
	display:inline-block;
}



#sub .business .oversea .consulting .stepList .icon{
	width:100%;
}

#sub .business .oversea .consulting .stepList .icon img{
	width:100%;
}

#sub .business .oversea .consulting .stepList .step{
	font-size:18px;
	text-align:center;
	font-family:roboto;
	margin-top:30px
}

#sub .business .oversea .consulting .stepList li:nth-child(1) .step{
	color:#ffc750;
}

#sub .business .oversea .consulting .stepList li:nth-child(2) .step{
	color:#ff9540;
}

#sub .business .oversea .consulting .stepList li:nth-child(3) .step{
	color:#ff6f6f;
}

#sub .business .oversea .consulting .stepList li:nth-child(4) .step{
	color:#4d4052;
}

#sub .business .oversea .consulting .stepList .subject{
	font-size:24px;
	text-align:center;
	color:#2f2f2f;
	margin-top:5px
}


#sub .business .oversea .bannerThum{
	width:1920px;
	position:relative;
	left:50%;
	margin-left:960px;
}

#sub .business .oversea .bannerThum{
	width:1920px;
	position:relative;
	left:50%;
	margin-left:-960px;
}

#sub .business .oversea .bannerThum .bg{
	width:100%;
}

#sub .business .oversea .bannerThum .bg img{
	vertical-align:bottom;
}

#sub .business .oversea .bannerThum .cont{
	width:1180px;
	position:absolute;
	bottom:40%;
	text-align:center;
	color:#fff;
	left:50%;
	margin-left:-590px;
	font-size:18px;
	padding:0px 200px;
	box-sizing:border-box;
	word-break:keep-all;
}

#sub .business .haccpEx{
	width:1920px;
	position:relative;
	left:50%;
	margin-left:-960px;
	background:url(../images/brand/haccpBg.jpg);
	padding:100px 0px 50px;
	margin-top:80px;
	
}

#sub .business .haccpEx .inner{
	width:1180px;
	margin:0 auto;
}

#sub .business .haccpEx .inner .logo{
	width:125px;
}

#sub .business .haccpEx .inner .logo img{
	width:100%;
}


#sub .business .haccpEx .inner .title{
	font-size:36px;
	color:#fff;
	margin-top:30px;
}

#sub .business .haccpEx .inner .subject{
	font-size:24px;
	color:#fff;
	margin-top:10px;
	font-weight:bold;
}

#sub .business .haccpEx .inner .substance{
	font-size:18px;
	color:#dadada;
	margin-top:10px;
}





#sub .business .haccp{
	width:1180px;
	margin:80px auto 80px;
}

#sub .business .haccp .posiTitle{
	margin-top:50px;
}



#sub .business .haccp .subjectLine{
	width:100%;
	margin-top:80px;
}

#sub .business .haccp .subjectLine .subject{
	font-size:30px;
	text-align:center;
	font-weight:300;
}


#sub .business .haccp .subjectLine .enSubject{
	font-size:24px;
	text-align:center;
	font-family:'roboto';
	margin-top:10px;
	color:#999;
	font-weight:300;
}

#sub .business .haccp .list{
	width:100%;
	margin-top:30px;
}

#sub .business .haccp .list li{
	width:100%;
	padding:50px 20px;
	border-bottom:1px solid #e5e5e5;
	box-sizing:border-box;
}

#sub .business .haccp .list li:first-child{
	border-top:1px solid #e5e5e5;
}

#sub .business .haccp .list li .logoImg{
	width:100px;
	display:inline-block;
}

#sub .business .haccp .list li .logoImg img{
	width:100%;
	vertical-align:Middle;
}


#sub .business .haccp .list li .textArea{
	width:85%;
	display:inline-block;
	vertical-align:Middle;
	padding-left:5em;
	box-sizing:border-box;
}

#sub .business .haccp .list li .textArea .name{
	font-size:18px;
	font-weight:500;
	font-family:'roboto','noto sans kr';
}

#sub .business .haccp .list li .textArea .text{
	font-size:16px;
	font-family:'roboto','noto sans kr';
	margin-top:20px;
	word-break:keep-all;
}


#sub .brand{
	width:100%;
}


#sub .brand .brandLogo{
	width:1180px;
	margin:0 auto;
	padding:80px 0px;
}


#sub .brand .brandLogo .posiTitle{
	margin-top:50px;
}


#sub .brand .brandLogo .danjiLogo{
	width:100%;
	margin-top:30px;
}



#sub .brand .brandLogo .danjiLogo li{
	width:580px;
	display:inline-block;
	vertical-align:top;
	margin-left:15px;
}

#sub .brand .brandLogo .danjiLogo li:first-child{
	margin-left:0px;
}

#sub .brand .brandLogo .danjiLogo li .thum{
	width:100%;
}


#sub .brand .brandLogo .danjiLogo li .thum img{
	width:100%;
}

#sub .brand .brandLogo .danjiLogo li .text{
	font-size:20px;
	margin-top:10px;
	text-align:center;
}



#sub .brand .brandLogo .subs{
	font-size:14px;
	margin:50px 0px;
	word-break:keep-all;
	text-align:center;
}


#sub .brand .brandLogo .logoList{
	width:100%;
	margin-top:10px;
}


#sub .brand .brandLogo .logoList li{
	width:280px;
	display:inline-block;
	margin-left:15px;
	margin-top:20px;
}

#sub .brand .brandLogo .logoList li img{
	width:100%;
}


#sub .brand .brandLogo .logoList li:nth-child(4n+1){
	margin-left:0px;
}




#sub .brand .process{
	width:1180px;
	margin:80px auto 80px;
}



#sub .brand .process .posiTitle{
	margin-top:50px;
}


#sub .brand .process .sec{
	width:100%;
	margin:80px 0px 0px;
}



#sub .brand .process .sec .subjectLine{
	width:100%;
}

#sub .brand .process .sec .subjectLine .subject{
	width:100%;
	font-size:30px;
	font-family:'roboto','noto sans kr';
	text-align:center;
}

#sub .brand .process .sec .subjectLine .substance{
	font-size:18px;
	font-family:'roboto','noto sans kr';
	text-align:center;
	font-weight:300;
	margin-top:10px;
	word-break:keep-all;
}


#sub .brand .process .sec ul{
	width:100%;
	margin-top:30px;
}

#sub .brand .process .sec .fourList li{
	width:280px;
}

#sub .brand .process .sec .fourList li:nth-child(4n+1){
	margin-left:0;
}



#sub .brand .process .sec .threeList li{
	width:380px;
}



#sub .brand .process .sec .threeList li:nth-child(3n+1){
	margin-left:0;
}




#sub .brand .process .sec ul li{
	display:inline-block;
	vertical-align:top;
	margin-left:15px;
	margin-top:20px;
}


#sub .brand .process .sec ul li .thum{
	width:100%;
}

#sub .brand .process .sec ul li .thum img{
	width:100%;
}


#sub .brand .process .sec ul li .step{
	font-size:18px;
	font-family:'roboto','noto sans kr';
	font-weight:500;
	margin-top:20px;
}



#sub .brand .process .sec ul li .text{
	font-size:15px;
	font-family:'roboto','noto sans kr';
	margin-top:10px;
	color:#777;
}

.board{
	width:1180px;
	margin:0 auto;
	padding:80px 0px;
}


#sub .direction{
	width:1180px;
	margin:80px auto 80px;
}



#sub .direction .map{
	width:100%;
	margin-top:30px;
}


#sub .direction .directionInfo{
	width:100%;
}


#sub .direction .directionInfo li{
	width:100%;
	padding:15px;
	border-bottom:1px solid #e5e5e5;
	box-sizing:border-box;
}



#sub .direction .directionInfo li .subject{
	font-size:18px;
	font-weight:bold;
}


#sub .direction .directionInfo li .substance{
	font-size:16px;
	margin-top:10px;
	
}


#sub .direction .directionInfo li .substance{
	font-size:16px;
	margin-top:10px;
	
}




.snsMenu{
	width:100%;
	text-align:center;
}



.snsMenu div{
	font-size:14px;
	display:inline-block;
	margin:20px 10px;
	padding:5px;
}

.snsMenu .on{
	background:#f67029;
	border-radius:5px;
}


.snsMenu .on a{
	color:#fff;
	display:block;
}