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

@media screen and (max-width: 1180px){
	#sub .subTitleImg{
		width:100%;
		position:relative;
		left:50%;
		margin-left:-50%;
	}
	
	#sub .subTitleImg .bg{
		width:100%;
	}
	
	#sub .subTitleImg .bg img{
		width:120%;
	}
	
	#sub .subTitleImg .subGnb{
		display:none;
	}
	
}



@media screen and (max-width: 1180px){
	
	#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:30px;
		font-weight:300;
		letter-spacing:-0.7px;
		margin-top:10px;
		text-align:center;
	}
	
}



@media screen and (max-width: 768px){
	
	#sub .subTitleLine{
		width:100%;
	}
	
	#sub .subTitleLine .subTitle{
		font-size:36px;
		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:26px;
		font-weight:300;
		letter-spacing:-0.7px;
		margin-top:10px;
		text-align:center;
	}
	
}


@media screen and (max-width: 425px){
	
	#sub .subTitleLine{
		width:100%;
	}
	
	#sub .subTitleLine .subTitle{
		font-size:30px;
		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:20px;
		font-weight:300;
		letter-spacing:-0.7px;
		margin-top:10px;
		text-align:center;
	}
	
}





@media screen and (max-width: 1180px){
	#sub .company{
		width:100%;
	}
	#sub .company .introduce{
		width:100%;
		margin:4em 0px;
	}
	
	#sub .company .introduce .banchandanji{
		width:94%;
		margin:0 auto;
		padding:4em 0px;
	}

	
	#sub .company .introduce .banchandanji .thum{
		width:48%;
		display:inline-block;
		vertical-align:middle;
	}
	#sub .company .introduce .banchandanji .thum img{
		width:100%;
	}
	
	
	#sub .company .introduce .banchandanji .textArea{
		width:48%;
		display:inline-block;
		vertical-align:middle;
		margin-left:3%;
	}
		
	#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:32px;
		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;
	}
}




@media screen and (max-width: 900px){
	#sub .company{
		width:100%;
	}
	#sub .company .introduce{
		width:100%;
		margin:4em 0px;
	}
	
	#sub .company .introduce .banchandanji{
		width:94%;
		margin:0 auto;
		padding:4em 0px;
	}

	
	#sub .company .introduce .banchandanji .thum{
		width:100%;
		display:inline-block;
		vertical-align:middle;
	}
	#sub .company .introduce .banchandanji .thum img{
		width:100%;
	}
	
	
	#sub .company .introduce .banchandanji .textArea{
		width:100%;
		display:inline-block;
		vertical-align:middle;
		margin-left:0%;
		margin-top:1em;
	}
		
	#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:16px;
		color:#f67029;
		display:inline-block;
		font-family:'nanum myeongjo';
		margin-left:6px;
	}
	
	#sub .company .introduce .banchandanji .textArea .subject{
		font-size:30px;
		font-weight:300;
		color:#444444;
		letter-spacing:-1px;
		line-height:36px;
		word-break:keep-all;
		margin-top:15px;
	}

	#sub .company .introduce .banchandanji .textArea .line{
		width:200px;
		height:5px;
		background:#f67029;
		position:relative;
		left:0px;
		margin:30px 0px;
	}
	
	#sub .company .introduce .banchandanji .textArea .substance{
		font-size:16px;
		color:#444444;
		letter-spacing:-0.7px;
		line-height:26px;
		word-break:keep-all;
	}
}








@media screen and (max-width: 425px){
	#sub .company{
		width:100%;
	}
	#sub .company .introduce{
		width:100%;
		margin:4em 0px;
	}
	
	#sub .company .introduce .banchandanji{
		width:94%;
		margin:0 auto;
		padding:4em 0px;
	}

	
	#sub .company .introduce .banchandanji .thum{
		width:100%;
		display:inline-block;
		vertical-align:middle;
	}
	#sub .company .introduce .banchandanji .thum img{
		width:100%;
	}
	
	
	#sub .company .introduce .banchandanji .textArea{
		width:100%;
		display:inline-block;
		vertical-align:middle;
		margin-left:0%;
		margin-top:1em;
	}
		
	#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:14px;
		color:#f67029;
		display:inline-block;
		font-family:'nanum myeongjo';
		margin-left:6px;
	}
	
	#sub .company .introduce .banchandanji .textArea .subject{
		font-size:24px;
		font-weight:300;
		color:#444444;
		letter-spacing:-1px;
		line-height:30px;
		word-break:keep-all;
		margin-top:15px;
	}

	#sub .company .introduce .banchandanji .textArea .line{
		width:100px;
		height:5px;
		background:#f67029;
		position:relative;
		left:0px;
		margin:1.5em 0px;
	}
	
	#sub .company .introduce .banchandanji .textArea .substance{
		font-size:14px;
		color:#444444;
		letter-spacing:-0.7px;
		line-height:19px;
		word-break:keep-all;
	}
}




@media screen and (max-width: 1180px){
		
	#sub .company .introduce .brandIntro{
		width:100%;
		position:relative;
		left:50%;
		margin-left:-50%;
		background:url(../images/company/introduceBg.jpg) center center no-repeat;
		padding:4em 0px;
	}
	
	
	#sub .company .introduce .brandIntro .inner{
		width:94%;
		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;
	}

}






@media screen and (max-width: 768px){
		
	#sub .company .introduce .brandIntro{
		width:100%;
		position:relative;
		left:50%;
		margin-left:-50%;
		background:url(../images/company/introduceBg.jpg) center center no-repeat;
		padding:4em 0px;
	}
	
	
	#sub .company .introduce .brandIntro .inner{
		width:94%;
		margin:0 auto;
	}
	
	#sub .posiTitle{
		font-size:16px;
		color:#f67029;
		font-family:'nanum myeongjo';
		text-align:center;
	}
	
	#sub .company .introduce .brandIntro .subject{
		font-size:30px;
		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:16px;
		color:#444444;
		font-weight:300;
		font-family:'roboto','noto sans kr';
		text-align:center;
		padding:0px 0px;
		box-sizing:border-box;
		word-break:keep-all;
		line-height:22px;
	}

}


@media screen and (max-width: 425px){
		
	#sub .company .introduce .brandIntro{
		width:100%;
		position:relative;
		left:50%;
		margin-left:-50%;
		background:url(../images/company/introduceBg.jpg) center center no-repeat;
		padding:4em 0px;
	}
	
	
	#sub .company .introduce .brandIntro .inner{
		width:94%;
		margin:0 auto;
	}
	
	#sub .posiTitle{
		font-size:14px;
		color:#f67029;
		font-family:'nanum myeongjo';
		text-align:center;
	}
	
	#sub .company .introduce .brandIntro .subject{
		font-size:26px;
		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:14px;
		color:#444444;
		font-weight:300;
		font-family:'roboto','noto sans kr';
		text-align:center;
		padding:0px 0px;
		box-sizing:border-box;
		word-break:keep-all;
		line-height:20px;
	}

}



@media screen and (max-width: 1180px){
	
	#sub .company .introduce .infoLine{
		width:94%;
		margin:0 auto;
		padding:4em 0px;
	}
	
	
	#sub .company .introduce .infoLine .subjectLine{
		width:100%;
	}
	
	#sub .company .introduce .infoLine .subjectLine .subject{
		font-size:28px;
		text-align:center;
		letter-spacing:-0.7px;
		font-weight:300;
		color:#2f2f2f;
	}
	
	#sub .company .introduce .infoLine .subjectLine .enSubject{
		font-size:18px;
		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:25%;
		display:inline-block;
		vertical-align:middle;
		font-size:22px;
		color:#f67029;
		font-weight:100;
		text-align:left;
	}
	
	#sub .company .introduce .infoLine .list li .textLine{
		width:74%;
		display:inline-block;
		padding-left:20px;
		box-sizing:border-box;
		vertical-align:middle;
	}
	
	#sub .company .introduce .infoLine .list li .textLine .subject{
		font-size:18px;
		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;
	}
	
	
}







@media screen and (max-width: 768px){
	
	#sub .company .introduce .infoLine{
		width:94%;
		margin:0 auto;
		padding:4em 0px;
	}
	
	
	#sub .company .introduce .infoLine .subjectLine{
		width:100%;
	}
	
	#sub .company .introduce .infoLine .subjectLine .subject{
		font-size:24px;
		text-align:center;
		letter-spacing:-0.7px;
		font-weight:300;
		color:#2f2f2f;
	}
	
	#sub .company .introduce .infoLine .subjectLine .enSubject{
		font-size:16px;
		text-align:center;
		font-weight:300;
		color:#777;
		font-family:'roboto';
		letter-spacing:2px;
		margin-top:5px
	}
	
	
	#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:2.5em 1em;
		box-sizing:border-box;
	}
	
	
	#sub .company .introduce .infoLine .list li .keyword{
		width:100%;
		display:inline-block;
		vertical-align:middle;
		font-size:22px;
		color:#f67029;
		font-weight:100;
		text-align:left;
	}
	
	#sub .company .introduce .infoLine .list li .textLine{
		width:100%;
		display:inline-block;
		padding-left:0px;
		padding-top:2em;
		box-sizing:border-box;
		vertical-align:middle;
	}
	
	#sub .company .introduce .infoLine .list li .textLine .subject{
		font-size:18px;
		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:0.5em;
		line-height:24px;
	}
	
	
}








@media screen and (max-width: 425px){
	
	#sub .company .introduce .infoLine{
		width:94%;
		margin:0 auto;
		padding:4em 0px;
	}
	
	
	#sub .company .introduce .infoLine .subjectLine{
		width:100%;
	}
	
	#sub .company .introduce .infoLine .subjectLine .subject{
		font-size:20px;
		text-align:center;
		letter-spacing:-0.7px;
		font-weight:300;
		color:#2f2f2f;
		word-break:keep-all;
	}
	
	#sub .company .introduce .infoLine .subjectLine .enSubject{
		font-size:16px;
		text-align:center;
		font-weight:300;
		color:#777;
		font-family:'roboto';
		letter-spacing:2px;
		margin-top:5px;
		word-break:keep-all;
	}
	
	
	#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:2.5em 1em;
		box-sizing:border-box;
	}
	
	
	#sub .company .introduce .infoLine .list li .keyword{
		width:100%;
		display:inline-block;
		vertical-align:middle;
		font-size:20px;
		color:#f67029;
		font-weight:100;
		text-align:left;
	}
	
	#sub .company .introduce .infoLine .list li .textLine{
		width:100%;
		display:inline-block;
		padding-left:0px;
		padding-top:2em;
		box-sizing:border-box;
		vertical-align:middle;
	}
	
	#sub .company .introduce .infoLine .list li .textLine .subject{
		font-size:16px;
		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:14px;
		font-weight:300;
		color:#444;
		letter-spacing:-0.7px;
		font-family:'roboto','noto sans kr';
		margin-top:0.5em;
		line-height:20px;
	}
	
	
}








@media screen and (max-width: 1180px){
	
	#sub .company .introduce .bannerThum{
		width:94%;
		margin:0 auto ;
		vertical-align:bottom;
	}
	
	
	#sub .company .introduce .bannerThum img{
		vertical-align:bottom;
		width:100%;
	}
	
	
	#sub .company .introduce .comInfo{
		width:94%;
		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:15px;
		margin-left:1%;
		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;
		word-break:keep-all;
	}


}





@media screen and (max-width: 768px){
	
	#sub .company .introduce .bannerThum{
		width:94%;
		margin:0 auto ;
		vertical-align:bottom;
	}
	
	
	#sub .company .introduce .bannerThum img{
		vertical-align:bottom;
		width:100%;
	}
	
	
	#sub .company .introduce .comInfo{
		width:94%;
		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:30px;
		text-align:Center;
		color:#2f2f2f;
	}
	
	
	
	#sub .company .introduce .comInfo .List{
		width:100%;
		margin-top:30px;
		display:inline-block;
		text-align:center;
	}
	
	#sub .company .introduce .comInfo .List li{
		width:32%;
		display:inline-block;
		border:1px solid #e5e5e5;
		padding:15px;
		margin-left:0.5%;
		margin-right:0.5%;
		margin-bottom:2%;
		box-sizing:border-box;
		min-height:15em;
		vertical-align:top;
	}
	
	
	#sub .company .introduce .comInfo .List li:hover{
		border:1px solid #f67029;
	}
	
	
	#sub .company .introduce .comInfo .List li:first-child{
		margin-left:0.5%;
	}
	
	#sub .company .introduce .comInfo .List li .subject{
		font-size:16px;
		color:#777;
		text-align:left;
	}
	
	#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:14px;
		color:#2f2f2f;
		letter-spacing:-0.7px;
		line-height:24px;
		word-break:keep-all;
		text-align:left;
	}


}





@media screen and (max-width: 425px){
	
	#sub .company .introduce .bannerThum{
		width:94%;
		margin:0 auto ;
		vertical-align:bottom;
	}
	
	
	#sub .company .introduce .bannerThum img{
		vertical-align:bottom;
		width:100%;
	}
	
	
	#sub .company .introduce .comInfo{
		width:94%;
		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:30px;
		text-align:Center;
		color:#2f2f2f;
	}
	
	
	
	#sub .company .introduce .comInfo .List{
		width:100%;
		margin-top:30px;
		display:inline-block;
		text-align:center;
	}
	
	#sub .company .introduce .comInfo .List li{
		width:48%;
		display:inline-block;
		border:1px solid #e5e5e5;
		padding:15px;
		margin-left:0.5%;
		margin-right:0.5%;
		margin-bottom:2%;
		box-sizing:border-box;
		min-height:15em;
		vertical-align:top;
	}
	
	
	#sub .company .introduce .comInfo .List li:hover{
		border:1px solid #f67029;
	}
	
	
	#sub .company .introduce .comInfo .List li:first-child{
		margin-left:0.5%;
	}
	
	#sub .company .introduce .comInfo .List li .subject{
		font-size:16px;
		color:#777;
		text-align:left;
	}
	
	#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:14px;
		color:#2f2f2f;
		letter-spacing:-0.7px;
		line-height:24px;
		word-break:keep-all;
		text-align:left;
	}


}



@media screen and (max-width: 1180px){
	
	#sub .company .history {
		position:relative; 
		text-align:center;
		margin:0 auto;
		padding:4em 0px;
		width:94%
	}
	
	#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:#f67029;
		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:#f67029;
		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;
	}


}






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

	#sub .company .history {position:relative; text-align:left; padding:4em 15px;}
	#sub .company .history .centerline {width:1px; height:75%; background:#bebebe; position:absolute; top:13em; left:20px;}
	#sub .company .history .centerline:before {content:""; display:inline-block; width:6px; height:6px; background:#bebebe;position:absolute; top:0px; left:0px; z-index:-1;}
	#sub .company .history .centerline:after {content:""; display:inline-block; width:6px; height:6px; background:#bebebe; position:absolute; bottom:0px; left:0px; z-index:-1;}
	#sub .company .history .h_wrap {padding:30px 0;}
	#sub .company .history dl {padding-left:30px; position:relative;}
	#sub .company .history dl dt {font-size:25px; color:#f67029; margin-bottom:5px;width:100%;margin-top:20px;font-family:'roboto';}
	#sub .company .history dl dd ul li {overflow:hidden; margin-bottom:5px;text-align:left;}
	#sub .company .history dl dd ul li span {font-size:13px; letter-spacing:-0.15px; color:#787878; word-break:keep-all; width:75%;}
	#sub .company .history dl dd ul li em {font-size:14px;width:100%;font-family:'roboto','noto sans kr';}
	
	#sub .company .history dl:before {content:""; display:inline-block; width:5px; height:5px; background:#f67029;	border:2px solid #aee6c0;  position:absolute; top:12px; left:-2px;}
	#sub .company .history dl:after {content:""; display:none;}
	#sub .company .history dl dt:after {content:""; display:none;}
	#sub .company .history dl dd ul li span {float:left; text-align:left;}
	#sub .company .history dl dd ul li em {float:left; text-align:left;}
	
	
	#sub .company .history dl.h_left {position:relative; margin-right:0%; text-align:left; padding-right:0px; }
	#sub .company .history dl.h_left:before {content:""; display:inline-block; width:11px; height:11px; background:#fff;	border:2px solid #f67029;  position:absolute; top:5px; right:-3px;}
	#sub .company .history dl.h_left:after {display:none;}
	#sub .company .history dl.h_left dt:after {display:none;}
	#sub .company .history dl.h_left dd ul li span {float:left;}
	#sub .company .history dl.h_left dd ul li em {float:left;}
	
	#sub .company .history dl.h_right {position:relative; margin-left:0%; text-align:left; margin-left:6px;padding-left:26px;}
	#sub .company .history dl.h_right:before {content:""; display:inline-block; width:11px; height:11px; background:#fff;	border:2px solid #f67029;  position:absolute; top:5px; right:-3px;}
	#sub .company .history dl.h_right:after {display:none;}
	#sub .company .history dl.h_right dt:after {display:none;}
	#sub .company .history dl.h_right dd ul li span {float:left;}
	#sub .company .history dl.h_right dd ul li em {float:left;}

}


















@media screen and (max-width: 1180px){
	
	#sub .company .mission{
		width:100%;
		padding:4em 0px;
	}
	
	#sub .company .mission .posiTitle{
		margin-top:2.5em;
	}
	
	#sub .company .mission .overview{
		width:100%;
		position:relative;
		left:50%;
		margin-left:-50%;
		margin-top:2.5em;
	}
	
	#sub .company .mission .overview .cont{
		width:94%;
		left:50%;
		margin-left:-47%;
		position:absolute;
		bottom:-100px;
	}
		
	#sub .company .mission .overview .cont .textBox{
		width:50%;
		background:#f67029;
		padding:20px;
		box-sizing:border-box;
	}
	
	#sub .company .mission .overview .cont .textBox .lineBox{
		width:100%;
		padding:2.5em 1em;
		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;
	}

}






@media screen and (max-width: 900px){
	
	#sub .company .mission{
		width:100%;
		padding:4em 0px;
	}
	
	#sub .company .mission .posiTitle{
		margin-top:2.5em;
	}
	
	#sub .company .mission .overview{
		width:100%;
		position:relative;
		left:50%;
		margin-left:-50%;
		margin-top:2.5em;
	}
	
	#sub .company .mission .overview .cont{
		width:94%;
		left:50%;
		margin-left:-47%;
		position:absolute;
		bottom:-100px;
	}
		
	#sub .company .mission .overview .cont .textBox{
		width:80%;
		background:#f67029;
		padding:20px;
		box-sizing:border-box;
	}
	
	#sub .company .mission .overview .cont .textBox .lineBox{
		width:100%;
		padding:2.5em 1em;
		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;
	}

}




@media screen and (max-width: 768px){
	
	#sub .company .mission{
		width:100%;
		padding:4em 0px;
	}
	
	#sub .company .mission .posiTitle{
		margin-top:2.5em;
	}
	
	#sub .company .mission .overview{
		width:100%;
		position:relative;
		left:50%;
		margin-left:-50%;
		margin-top:2.5em;
	}
	
	#sub .company .mission .overview .cont{
		width:94%;
		left:50%;
		margin-left:-47%;
		position:absolute;
		bottom:-100px;
	}
		
	#sub .company .mission .overview .cont .textBox{
		width:80%;
		background:#f67029;
		padding:20px;
		box-sizing:border-box;
	}
	
	#sub .company .mission .overview .cont .textBox .lineBox{
		width:100%;
		padding:2.5em 1em;
		box-sizing:border-box;
		border:1px solid #fff;
	}
		
	
	
	#sub .company .mission .overview .cont .textBox .lineBox .subject{
		font-size:36px;
		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;
	}


}







@media screen and (max-width: 425px){
	
	#sub .company .mission{
		width:100%;
		padding:4em 0px;
	}
	
	#sub .company .mission .posiTitle{
		margin-top:2.5em;
	}
	
	#sub .company .mission .overview{
		width:100%;
		position:relative;
		left:50%;
		margin-left:-50%;
		margin-top:2.5em;
	}
	
	#sub .company .mission .overview .cont{
		width:94%;
		left:50%;
		margin-left:-47%;
		position:absolute;
		bottom:-100px;
	}
		
	#sub .company .mission .overview .cont .textBox{
		width:100%;
		background:#f67029;
		padding:1em;
		box-sizing:border-box;
	}
	
	#sub .company .mission .overview .cont .textBox .lineBox{
		width:100%;
		padding:2.5em 1em;
		box-sizing:border-box;
		border:1px solid #fff;
	}
		
	
	
	#sub .company .mission .overview .cont .textBox .lineBox .subject{
		font-size:30px;
		color:#fff;
		font-family:'roboto','noto sans kr';
	}
	
	#sub .company .mission .overview .cont .textBox .lineBox .subSubject{
		font-size:20px;
		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:16px;
		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;
	}

}


@media screen and (max-width: 1180px){
	#sub .company .mission .list{
		width:94%;
		display:flex;
		margin:180px auto 0;
	}
	
	
	
	#sub .company .mission .list li{
		width:19%;
		display:inline-block;
		border:1px solid #e5e5e5;
		padding:1.5em 1em;
		margin-left:1%;
	}
	
	#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:50px;
		margin:0 auto;
	}
	
	#sub .company .mission .list li .icon img{
		width:100%;
	}
	
	#sub .company .mission .list li .text{
		font-size:17px;
		margin-top:15px;
		color:#444444;
		text-align:center;
		padding:0px 0px;
		word-break:keep-all;
		letter-spacing:-0.7px;
	}


}





@media screen and (max-width: 768px){
	#sub .company .mission .list{
		width:94%;
		display:block;
		margin:180px auto 0;
	}
	
	
	
	#sub .company .mission .list li{
		width:32%;
		display:inline-block;
		border:1px solid #e5e5e5;
		padding:1.5em 1em;
		margin-left:1%;
		min-height:140px;
		margin-top:1em;
		vertical-align:top;
	}
	
	#sub .company .mission .list li:hover{
		border:1px solid #f67029;
	}
	
	#sub .company .mission .list li:nth-child(3n+1){
		margin-left:0px;
	}
	
	
	#sub .company .mission .list li .icon{
		width:50px;
		margin:0 auto;
	}
	
	#sub .company .mission .list li .icon img{
		width:100%;
	}
	
	#sub .company .mission .list li .text{
		font-size:15px;
		margin-top:15px;
		color:#444444;
		text-align:center;
		padding:0px 0px;
		word-break:keep-all;
		letter-spacing:-0.7px;
	}


}




@media screen and (max-width: 375px){
	#sub .company .mission .list{
		width:94%;
		display:block;
		margin:180px auto 0;
	}
	
	
	
	#sub .company .mission .list li{
		width:48%;
		display:inline-block;
		border:1px solid #e5e5e5;
		padding:1.5em 1em;
		margin-left:1%;
		min-height:150px;
		margin-top:1em;
		vertical-align:top;
	}
	
	#sub .company .mission .list li:hover{
		border:1px solid #f67029;
	}
	
	#sub .company .mission .list li:nth-child(2n+1){
		margin-left:0px;
	}
	
	#sub .company .mission .list li:nth-child(4){
		margin-left:1%;
	}
	
	
	
	#sub .company .mission .list li .icon{
		width:50px;
		margin:0 auto;
	}
	
	#sub .company .mission .list li .icon img{
		width:100%;
	}
	
	#sub .company .mission .list li .text{
		font-size:15px;
		margin-top:15px;
		color:#444444;
		text-align:center;
		padding:0px 0px;
		word-break:keep-all;
		letter-spacing:-0.7px;
	}


}


@media screen and (max-width: 1180px){
	#sub .company .greeting{
		width:100%;
		padding:4em 0px 16em;
	}
	
	
	
	#sub .company .greeting .explain{
		width:94%;
		position:relative;
		left:50%;
		margin-left:-47%;
		margin-top:2.5em;
	}
	
	
	#sub .company .greeting .explain .thum{
		width:610px;
		display:inlnie-block;
	}
	
	#sub .company .greeting .explain .thum img{
		width:100%;
	}
	
	
	#sub .company .greeting .explain .textBox{
		width:70%;
		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;
	}
}




@media screen and (max-width: 900px){
	#sub .company .greeting{
		width:100%;
		padding:4em 0px 4em;
	}
	
	
	
	#sub .company .greeting .explain{
		width:94%;
		position:relative;
		left:50%;
		margin-left:-47%;
		margin-top:2.5em;
	}
	
	
	#sub .company .greeting .explain .thum{
		width:100%;
		display:inlnie-block;
	}
	
	#sub .company .greeting .explain .thum img{
		width:100%;
		vertical-align:bottom;
	}
	
	
	#sub .company .greeting .explain .textBox{
		width:100%;
		display:inlnie-block;
		position:relative;
		right:0;
		background:#f67029;
		bottom:0px;
		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;
	}
}




@media screen and (max-width: 425px){
	#sub .company .greeting{
		width:100%;
		padding:4em 0px 4em;
	}
	
	
	
	#sub .company .greeting .explain{
		width:94%;
		position:relative;
		left:50%;
		margin-left:-47%;
		margin-top:2.5em;
	}
	
	
	#sub .company .greeting .explain .thum{
		width:100%;
		display:inlnie-block;
	}
	
	#sub .company .greeting .explain .thum img{
		width:100%;
		vertical-align:bottom;
	}
	
	
	#sub .company .greeting .explain .textBox{
		width:100%;
		display:inlnie-block;
		position:relative;
		right:0;
		background:#f67029;
		bottom:0px;
		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:30px;
		font-weight:300;
		line-height:44px;
		letter-spacing:-0.7px;
		color:#fff;
		margin-top:1.5em;
		font-family:'roboto'
	}
	
	#sub .company .greeting .explain .textBox .substance{
		font-size:14px;
		color:#fff;
		letter-spacing:-0.7px;
		word-break:keep-all;
		margin-top:10px;
	}
}






@media screen and (max-width: 1180px){
	#sub .business .food{
		width:100%;
		margin:4em 0px 0px;
	}
	
	#sub .business .food .posiTitle{
		margin-top:2.5em;
	}
	#sub .business .food .productList{
		width:94%;
		text-align:center;
		margin-top:2.5em;
		display:flex;
		position:relative;
		left:50%;
		margin-left:-47%;
	}

	#sub .business .food .productList li{
		width:100%;
		display:inline-block;
		position:relative;
	}
	
	#sub .business .food .productList li img{
		width:100%;
	}
	
	#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:94%;
		margin:0 auto;
		padding:4em 0px;
		display:flex;
	}
	
	#sub .business .food .stepList dd{
		width:32%;
		border:1px solid #e5e5e5;
		margin-left:2%;
	}
	
	#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;
	}

}









@media screen and (max-width: 768px){
	#sub .business .food{
		width:100%;
		margin:4em 0px 0px;
	}
	
	#sub .business .food .posiTitle{
		margin-top:2.5em;
	}
	#sub .business .food .productList{
		width:94%;
		text-align:center;
		margin-top:2.5em;
		display:flex;
		position:relative;
		left:50%;
		margin-left:-47%;
	}

	#sub .business .food .productList li{
		width:100%;
		display:inline-block;
		position:relative;
	}
	
	#sub .business .food .productList li img{
		width:100%;
	}
	
	#sub .business .food .productList li .cont{
		position:absolute;
		bottom:40%;
		text-align:center;
		width:100%;
	}
	
	
	
	#sub .business .food .productList li .cont .en{
		font-size:16px;
		text-align:center;
		font-family:'roboto','montserrat';
	}
	
	
	#sub .business .food .productList li .cont .kr{
		font-size:20px;
		text-align:center;
	}
		
	
	#sub .business .food .stepList{
		width:94%;
		margin:0 auto;
		padding:4em 0px;
		display:block;
	}
	
	#sub .business .food .stepList dd{
		width:100%;
		border:1px solid #e5e5e5;
		margin-left:0%;
		margin-bottom:2em;
	}
	
	#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;
	}

}






@media screen and (max-width: 600px){
	#sub .business .food{
		width:100%;
		margin:4em 0px 0px;
	}
	
	#sub .business .food .posiTitle{
		margin-top:2.5em;
	}
	#sub .business .food .productList{
		width:94%;
		text-align:center;
		margin-top:2.5em;
		display:flex;
		position:relative;
		left:50%;
		margin-left:-47%;
	}

	#sub .business .food .productList li{
		width:100%;
		display:inline-block;
		position:relative;
	}
	
	#sub .business .food .productList li img{
		width:100%;
	}
	
	#sub .business .food .productList li .cont{
		position:absolute;
		bottom:40%;
		text-align:center;
		width:100%;
	}
	
	
	
	#sub .business .food .productList li .cont .en{
		font-size:14px;
		text-align:center;
		font-family:'roboto','montserrat';
	}
	
	
	#sub .business .food .productList li .cont .kr{
		font-size:16px;
		text-align:center;
	}
		
	
	#sub .business .food .stepList{
		width:94%;
		margin:0 auto;
		padding:4em 0px;
		display:block;
	}
	
	#sub .business .food .stepList dd{
		width:100%;
		border:1px solid #e5e5e5;
		margin-left:0%;
		margin-bottom:2em;
	}
	
	#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;
	}

}








@media screen and (max-width: 425px){
	#sub .business .food{
		width:100%;
		margin:4em 0px 0px;
	}
	
	#sub .business .food .posiTitle{
		margin-top:2.5em;
	}
	#sub .business .food .productList{
		width:94%;
		text-align:center;
		margin-top:2.5em;
		display:flex;
		position:relative;
		left:50%;
		margin-left:-47%;
	}

	#sub .business .food .productList li{
		width:100%;
		display:inline-block;
		position:relative;
	}
	
	#sub .business .food .productList li img{
		width:100%;
	}
	
	#sub .business .food .productList li .cont{
		position:absolute;
		bottom:40%;
		text-align:center;
		width:100%;
	}
	
	
	
	#sub .business .food .productList li .cont .en{
		font-size:13px;
		text-align:center;
		font-family:'roboto','montserrat';
		display:none;
	}
	
	
	#sub .business .food .productList li .cont .kr{
		font-size:14px;
		text-align:center;
	}
		
	
	#sub .business .food .stepList{
		width:94%;
		margin:0 auto;
		padding:4em 0px;
		display:block;
	}
	
	#sub .business .food .stepList dd{
		width:100%;
		border:1px solid #e5e5e5;
		margin-left:0%;
		margin-bottom:2em;
	}
	
	#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:15px;
		color:#f67029;
		font-family:'roboto';
	}
	
	#sub .business .food .stepList dd .subjectLine .subject{
		font-size:18px;
		color:#444444;
		font-weight:300;
	}
	
	#sub .business .food .stepList dd .List{
		width:100%;
		padding:1em 3em;
		box-sizing:border-box;
	}
	
	#sub .business .food .stepList dd .List li{
		margin-bottom:15px;
		list-style:disc;
		font-size:14px;
		word-break:keep-all;
		color:#444;
	}
	
	#sub .business .food .stepList dd .List li:last-child{
		margin-bottom:0px;
	}

}



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

	#sub .business .graphLine{
		width:100%;
		background:#f7f7f7;
		padding:4em 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:5px;
	}
	
	#sub .business .graphLine .subjectLine .subject span{
		font-weight:bold;
	}
	
	
	#sub .business .graphLine .graph{
		width:874px;
		margin:30px auto 0;
	}


}






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

	#sub .business .graphLine{
		width:100%;
		background:#f7f7f7;
		padding:4em 0px;
	}
	
	
	
	#sub .business .graphLine .subjectLine{
		width:100%;
	}
	
	#sub .business .graphLine .subjectLine .subject{
		font-size:30px;
		text-align:center;
		color:#444444;
		letter-spacing:-0.7px;
		margin-top:5px;
	}
	
	#sub .business .graphLine .subjectLine .subject span{
		font-weight:bold;
	}
	
	#sub .business .graphLine .info{
	font-size:14px;
	text-align:right;
	color:#777;
	letter-spacing:-0.7px;
	width:94%;
	margin:10px auto 0;
}

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

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




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

	#sub .business .graphLine{
		width:100%;
		background:#f7f7f7;
		padding:4em 0px;
	}
	
	
	
	#sub .business .graphLine .subjectLine{
		width:100%;
	}
	
	#sub .business .graphLine .subjectLine .subject{
		font-size:26px;
		text-align:center;
		color:#444444;
		letter-spacing:-0.7px;
		margin-top:5px;
		word-break:keep-all;
	}
	
	#sub .business .graphLine .subjectLine .subject span{
		font-weight:bold;
	}
	
	
	#sub .business .graphLine .graph{
		width:94%;
		margin:30px auto 0;
	}

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




@media screen and (max-width: 1180px){
	#sub .business .metrial{
		width:100%;
		padding:4em 0px 0px;
	}
	
	
	
	#sub .business .metrial .explain{
		width:94%;
		position:relative;
		left:50%;
		margin-left:-47%;
		margin-top:2.5em;
	}
		
	
	#sub .business .metrial .explain .thum{
		width:610px;
		display:inlnie-block;
	}
	
	#sub .business .metrial .explain .thum img{
		width:100%;
	}
	
	#sub .business .metrial .explain .textBox{
		width:80%;
		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;
	}

}




@media screen and (max-width: 768px){
	#sub .business .metrial{
		width:100%;
		padding:4em 0px 0px;
	}
	
	
	
	#sub .business .metrial .explain{
		width:94%;
		position:relative;
		left:50%;
		margin-left:-47%;
		margin-top:2.5em;
	}
		
	
	#sub .business .metrial .explain .thum{
		width:100%;
		display:inlnie-block;
	}
	
	#sub .business .metrial .explain .thum img{
		width:100%;
		vertical-align:bottom;
	}
	
	#sub .business .metrial .explain .textBox{
		width:100%;
		display:inlnie-block;
		position:relative;
		right:0;
		background:#f67029;
		bottom:0px;
	}
	
	#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:30px;
		font-weight:300;
		line-height:36px;
		letter-spacing:-0.7px;
		color:#fff;
		margin-top:30px;
	}
	
	#sub .business .metrial .explain .textBox .substance{
		font-size:16px;
		color:#fff;
		letter-spacing:-0.7px;
		word-break:keep-all;
		margin-top:10px;
	}

}



@media screen and (max-width: 425px){
	#sub .business .metrial{
		width:100%;
		padding:4em 0px 0px;
	}
	
	
	
	#sub .business .metrial .explain{
		width:94%;
		position:relative;
		left:50%;
		margin-left:-47%;
		margin-top:2.5em;
	}
		
	
	#sub .business .metrial .explain .thum{
		width:100%;
		display:inlnie-block;
	}
	
	#sub .business .metrial .explain .thum img{
		width:100%;
		vertical-align:bottom;
	}
	
	#sub .business .metrial .explain .textBox{
		width:100%;
		display:inlnie-block;
		position:relative;
		right:0;
		background:#f67029;
		bottom:0px;
	}
	
	#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:24px;
		font-weight:300;
		line-height:30px;
		letter-spacing:-0.7px;
		color:#fff;
		margin-top:30px;
	}
	
	#sub .business .metrial .explain .textBox .substance{
		font-size:14px;
		color:#fff;
		letter-spacing:-0.7px;
		word-break:keep-all;
		margin-top:10px;
	}

}




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

	#sub .business .metrial .thirList{
		width:94%;
		margin:0 auto;
		padding:10em 0em 4em 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:100%;
		position:relative;
		left:50%;
		margin-left:-50%;
		margin-top:4em;
	}
	
	#sub .business .metrial .bannerThum img{
		width:100%;
	}
	
}






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

	#sub .business .metrial .thirList{
		width:94%;
		margin:0 auto;
		padding:8em 0em 4em 0px;
		border-bottom:1px solid #e5e5e5;
		text-align:center;
	}
	
	#sub .business .metrial .thirList li{
		width:100%;
		display:inline-block;
		padding:20px 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:100%;
		position:relative;
		left:50%;
		margin-left:-50%;
		margin-top:4em;
	}
	
	#sub .business .metrial .bannerThum img{
		width:100%;
	}
	
}


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

	#sub .business .metrial .thirList{
		width:94%;
		margin:0 auto;
		padding:8em 0em 4em 0px;
		border-bottom:1px solid #e5e5e5;
		text-align:center;
	}
	
	#sub .business .metrial .thirList li{
		width:100%;
		display:inline-block;
		padding:20px 20px;
		box-sizing:border-box;
		vertical-align:top;
	}
	
	#sub .business .metrial .thirList li .icon{
		width:100px;
		margin:0 auto;
	}
	#sub .business .metrial .thirList li .icon img{
		width:100%;
	}
	
	#sub .business .metrial .thirList li .subject{
		font-size:20px;
		color:#444444;
		margin-top:20px;
	}
		
	#sub .business .metrial .thirList li .subSubject{
		font-size:14px;
		color:#f67029;
		margin-top:20px;
		letter-spacing:-0.7px;
	}
	
	
	#sub .business .metrial .thirList li .substance{
		font-size:14px;
		color:#777777;
		margin-top:5px;
		letter-spacing:-0.7px;
		line-height:19px;
		word-break:keep-all;
		}
	
	#sub .business .metrial .bannerThum{
		width:100%;
		position:relative;
		left:50%;
		margin-left:-50%;
		margin-top:4em;
	}
	
	#sub .business .metrial .bannerThum img{
		width:100%;
	}
	
}



@media screen and (max-width: 1180px){
	
	#sub .business .client{
		width:94%;
		margin:0 auto;
		padding:4em 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;
	}


}






@media screen and (max-width: 768px){
	
	#sub .business .client{
		width:94%;
		margin:0 auto;
		padding:4em 0px;
	}
	
	#sub .business .client .subjectLine{
		width:100%;
	}
	
	#sub .business .client .subjectLine .subject{
		font-size:30px;
		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:20px;
		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:30px;
		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:18px;
		font-weight:500;
		letter-spacing:-0.7px;
	}
	
	#sub .business .client .list li .textArea .substance{
		font-size:14px;
		color:#777;
		letter-spacing:-0.7px;
		margin-top:10px;
	}


}





@media screen and (max-width: 425px){
	
	#sub .business .client{
		width:94%;
		margin:0 auto;
		padding:4em 0px;
	}
	
	#sub .business .client .subjectLine{
		width:100%;
	}
	
	#sub .business .client .subjectLine .subject{
		font-size:26px;
		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:18px;
		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:100%;
		display:inline-block;
		vertical-align:middle;
		font-size:30px;
		font-family:'roboto';
		color:#f37d5f;
		text-align:left;
	}
	
	
	#sub .business .client .list li .textArea{
		width:100%;
		margin-top:2em;
		display:block;
		vertical-align:middle;
	}
	
	#sub .business .client .list li .textArea .subject{
		font-size:18px;
		font-weight:500;
		letter-spacing:-0.7px;
	}
	
	#sub .business .client .list li .textArea .substance{
		font-size:14px;
		color:#777;
		letter-spacing:-0.7px;
		margin-top:10px;
	}


}




@media screen and (max-width: 1180px){
	#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:94%;
		margin:0 auto;
		padding:4em 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
	}
	
	

}





@media screen and (max-width: 768px){
	#sub .business .oversea{
		width:100%;
		margin-top:4em;
	}
	
	
	#sub .business .oversea .subTitleLine{
		margin-bottom:4em;
	}
	
	#sub .business .oversea .subTitleLine .posiTitle{
		margin-top:50px;
	}
	
	#sub .business .oversea .consulting{
		width:94%;
		margin:0 auto;
		padding:4em 0px;
		border-top:1px solid #e5e5e5;
	}
	
	#sub .business .oversea .consulting .subjectLine{
		width:100%;
	}
	
	#sub .business .oversea .consulting .subjectLine .subject{
		font-size:30px;
		text-align:center;
		color:#444;
		font-weight:500;
	}
	
	#sub .business .oversea .consulting .subjectLine .subSubject{
		font-size:20px;
		text-align:center;
		color:#444;
		font-weight:300;
		margin-top:5px;
	}
	
	
	#sub .business .oversea .consulting .stepList{
		width:100%;
		margin-top:30px;
		display:inline-block;
	}
	
	#sub .business .oversea .consulting .stepList li{
		width:25%;
		display:inline-block;
		float:left;
	}
	
	
	
	#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:14px;
		text-align:center;
		font-family:roboto;
		margin-top:1.5em
	}
	
	#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:14px;
		text-align:center;
		color:#2f2f2f;
		margin-top:5px;
		word-break:keep-all;
		padding:0px 10px;
	}
	
	

}




@media screen and (max-width: 1180px){
	#sub .business .oversea .bannerThum{
		width:100%;
		position:relative;
		left:50%;
		margin-left:-50%;
	}
	
	
	#sub .business .oversea .bannerThum .bg{
		width:100%;
	}
	
	#sub .business .oversea .bannerThum .bg img{
		vertical-align:bottom;
	}
	
	#sub .business .oversea .bannerThum .cont{
		width:94%;
		position:absolute;
		bottom:30%;
		text-align:center;
		color:#fff;
		left:50%;
		margin-left:-47%;
		font-size:18px;
		padding:0px 50px;
		box-sizing:border-box;
		word-break:keep-all;
	}
	
}






@media screen and (max-width: 425px){
	#sub .business .oversea .bannerThum{
		width:100%;
		position:relative;
		left:50%;
		margin-left:-50%;
	}
	
	
	#sub .business .oversea .bannerThum .bg{
		width:100%;
	}
	
	#sub .business .oversea .bannerThum .bg img{
		vertical-align:bottom;
	}
	
	#sub .business .oversea .bannerThum .cont{
		width:94%;
		position:absolute;
		bottom:30%;
		text-align:center;
		color:#fff;
		left:50%;
		margin-left:-47%;
		font-size:16px;
		padding:0px 0px;
		box-sizing:border-box;
		word-break:keep-all;
	}
	

}

@media screen and (max-width: 1180px){
	
	
#sub .business .haccpEx{
	width:100%;
	position:relative;
	left:50%;
	margin-left:-50%;
	background:url(../images/brand/haccpBg.jpg);
	padding:5em 0px 2.5em;
	margin-top:80px;
	
}

#sub .business .haccpEx .inner{
	width:94%;
	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:34px;
	color:#fff;
	margin-top:30px;
}

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

#sub .business .haccpEx .inner .substance{
	font-size:16px;
	color:#dadada;
	margin-top:10px;
}
	
	
	
	#sub .business .haccp{
		width:94%;
		margin:4em auto 4em;
	}
	
	#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:83%;
		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;
	}


}




@media screen and (max-width: 768px){
	
		
	#sub .business .haccpEx{
		width:100%;
		position:relative;
		left:50%;
		margin-left:-50%;
		background:url(../images/brand/haccpBg.jpg);
		padding:5em 0px 2.5em;
		margin-top:80px;
		
	}
	
	#sub .business .haccpEx .inner{
		width:94%;
		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:30px;
		color:#fff;
		margin-top:30px;
	}
	
	#sub .business .haccpEx .inner .subject{
		font-size:18px;
		color:#fff;
		margin-top:10px;
		font-weight:bold;
	}
	
	#sub .business .haccpEx .inner .substance{
		font-size:14px;
		color:#dadada;
		margin-top:10px;
	}
		
	
	
	#sub .business .haccp{
		width:94%;
		margin:4em auto 4em;
	}
	
	#sub .business .haccp .posiTitle{
		margin-top:2.5em;
	}
	
		
	
	#sub .business .haccp .subjectLine{
		width:100%;
		margin-top:4em;
	}
	
	#sub .business .haccp .subjectLine .subject{
		font-size:20px;
		text-align:center;
		font-weight:300;
		word-break:keep-all;
	}
	
	
	#sub .business .haccp .subjectLine .enSubject{
		font-size:18px;
		text-align:center;
		font-family:'roboto';
		margin-top:10px;
		color:#999;
		font-weight:300;
		word-break:keep-all;
	}
	
	#sub .business .haccp .list{
		width:100%;
		margin-top:1.5em;
	}
	
	#sub .business .haccp .list li{
		width:100%;
		padding:2.5em 1em;
		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:100%;
		display:inline-block;
		vertical-align:Middle;
		padding-left:0em;
		padding-top:1em;
		box-sizing:border-box;
	}
	
	#sub .business .haccp .list li .textArea .name{
		font-size:16px;
		font-weight:500;
		font-family:'roboto','noto sans kr';
	}
	
	#sub .business .haccp .list li .textArea .text{
		font-size:14px;
		font-family:'roboto','noto sans kr';
		margin-top:0.5em;
		word-break:keep-all;
	}


}




@media screen and (max-width: 1180px){
	#sub .brand{
		width:100%;
	}
	
	
	

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



#sub .brand .brandLogo .danjiLogo li{
	width:48%;
	display:inline-block;
	vertical-align:top;
	margin-left:1%;
}

#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:15px;
	text-align:center;
	margin-top:10px;
}

	
	
	
	#sub .brand .brandLogo{
		width:94%;
		margin:0 auto;
		padding:4em 0px;
	}
	
	
	#sub .brand .brandLogo .posiTitle{
		margin-top:2.5em;
	}
	
	#sub .brand .brandLogo .logoList{
		width:100%;
		margin-top:10px;
	}
	
	
	#sub .brand .brandLogo .logoList li{
		width:23%;
		display:inline-block;
		margin-left:1%;
		margin-top:1%;
	}
	
	
	#sub .brand .brandLogo .logoList li img{
		width:100%;
	}
	
	
	#sub .brand .brandLogo .logoList li:nth-child(4n+1){
		margin-left:0px;
	}

}







@media screen and (max-width: 680px){
	#sub .brand{
		width:100%;
	}
	
	
	#sub .brand .brandLogo{
		width:94%;
		margin:0 auto;
		padding:4em 0px;
	}
	
	
	#sub .brand .brandLogo .posiTitle{
		margin-top:2.5em;
	}
	
	#sub .brand .brandLogo .logoList{
		width:100%;
		margin-top:10px;
	}
	
	
	#sub .brand .brandLogo .logoList li{
		width:48%;
		display:inline-block;
		margin-left:2%;
		margin-top:2%;
	}
	
	
	#sub .brand .brandLogo .logoList li img{
		width:100%;
	}
	
	
	#sub .brand .brandLogo .logoList li:nth-child(2n+1){
		margin-left:0px;
	}
	
	#sub .brand .brandLogo .logoList li:nth-child(4){
		margin-left:2%;
	}

}


@media screen and (max-width: 1180px){
	#sub .brand .process{
		width:94%;
		margin:4em auto 4em;
	}
	
	
	
	#sub .brand .process .posiTitle{
		margin-top:50px;
	}
	
	
	#sub .brand .process .sec{
		width:100%;
		margin:4em 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:23.8%;
	}
	
	#sub .brand .process .sec .fourList li:nth-child(4n+1){
		margin-left:0;
	}
	
	
	
	#sub .brand .process .sec .threeList li{
		width:32%;
	}
	
	
	
	#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:1%;
		margin-top:2em;
	}
	
	
	#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;
	}


}






@media screen and (max-width: 768px){
	#sub .brand .process{
		width:94%;
		margin:4em auto 4em;
	}
	
	
	
	#sub .brand .process .posiTitle{
		margin-top:50px;
	}
	
	
	#sub .brand .process .sec{
		width:100%;
		margin:4em 0px 0px;
	}
	
	
	
	#sub .brand .process .sec .subjectLine{
		width:100%;
	}
	
	#sub .brand .process .sec .subjectLine .subject{
		width:100%;
		font-size:24px;
		font-family:'roboto','noto sans kr';
		text-align:center;
	}
	
	#sub .brand .process .sec .subjectLine .substance{
		font-size:16px;
		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:48%;
	}
	
	#sub .brand .process .sec .fourList li:nth-child(2n+1){
		margin-left:0;
	}
	
	
	
	#sub .brand .process .sec .threeList li{
		width:48%;
	}
	
	
	
	#sub .brand .process .sec .threeList li:nth-child(2n+1){
		margin-left:0;
	}
	
	#sub .brand .process .sec .threeList li:nth-child(4){
		margin-left:1%
	}
	
	
	
	#sub .brand .process .sec ul li{
		display:inline-block;
		vertical-align:top;
		margin-left:1%;
		margin-top:2em;
	}
	
	
	#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:16px;
		font-family:'roboto','noto sans kr';
		font-weight:500;
		margin-top:20px;
	}
	
	
	
	#sub .brand .process .sec ul li .text{
		font-size:14px;
		font-family:'roboto','noto sans kr';
		margin-top:5px;
		color:#777;
	}


}




@media screen and (max-width: 375px){
	#sub .brand .process{
		width:94%;
		margin:4em auto 4em;
	}
	
	
	
	#sub .brand .process .posiTitle{
		margin-top:50px;
	}
	
	
	#sub .brand .process .sec{
		width:100%;
		margin:4em 0px 0px;
	}
	
	
	
	#sub .brand .process .sec .subjectLine{
		width:100%;
	}
	
	#sub .brand .process .sec .subjectLine .subject{
		width:100%;
		font-size:24px;
		font-family:'roboto','noto sans kr';
		text-align:center;
	}
	
	#sub .brand .process .sec .subjectLine .substance{
		font-size:16px;
		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:100%;
	}
	
	#sub .brand .process .sec .fourList li:nth-child(2n+1){
		margin-left:0;
	}
	
	
	
	#sub .brand .process .sec .threeList li{
		width:100%;
	}
	
	
	
	#sub .brand .process .sec .threeList li:nth-child(2n+1){
		margin-left:0;
	}
	
	#sub .brand .process .sec .threeList li:nth-child(4){
		margin-left:0%
	}
	
	
	
	#sub .brand .process .sec ul li{
		display:inline-block;
		vertical-align:top;
		margin-left:0%;
		margin-top:2em;
	}
	
	
	#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:16px;
		font-family:'roboto','noto sans kr';
		font-weight:500;
		margin-top:20px;
	}
	
	
	
	#sub .brand .process .sec ul li .text{
		font-size:14px;
		font-family:'roboto','noto sans kr';
		margin-top:5px;
		color:#777;
	}


}


@media screen and (max-width: 1180px){
	
	.board{
		width:94%;
		margin:0 auto;
		padding:80px 0px;
	}

}







@media screen and (max-width: 1180px){
	#sub .direction{
		width:94%;
		margin:4em auto 4em;
	}
	
	
	
	#sub .direction .map{
		width:100%;
		margin-top:1.5em;
	}
	
	
	#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:16px;
		font-weight:bold;
	}
	
	
	#sub .direction .directionInfo li .substance{
		font-size:14px;
		margin-top:10px;
		
	}


}