#company{
	width:100%;
}


#company .titleLine{
	width:100%;
}

#company .titleLine .subs{
	font-size:22px;
	text-align:Center;
	margin-bottom:5px;
}

#company .titleLine .title{
	font-size:30px;
	text-align:Center;
	letter-spacing:-1px;
	font-family:'roboto','noto sans kr';
}


#company .titleLine .subtitle{
	font-size:20px;
	text-align:Center;
	letter-spacing:-1px;
	color:#444;
}



#company .globlaFlex{
	width:94%;
	margin:4em auto 4em;
	padding-bottom:4em;
	border-bottom:1px solid #e5e5e5;
}

#company .globlaFlex .withCom{
	width:100%;
}

#company .globlaFlex .withCom img{
	width:100%;
}

#company .globlaFlex .textArea{
	width:100%;
	text-align:Center;
	margin-top:50px;
}

#company .globlaFlex .textArea .Dmark{
	width:27px;
	display:inline-block;
	vertical-align:top;
}

#company .globlaFlex .textArea .text{
	font-size:20px;
	text-align:center;
	margin:0px 10px;
	display:inline-block;
}

#company .testIntro{
	width:94%;
	margin:0 auto;
}

#company .testIntro .substance{
	font-size:16px;
	text-align:Center;
	color:#777;
	margin-top:20px;
	word-break:keep-all;
	letter-spacing:-0.7px;
}


#company .testIntro .thumBanner{
	width:100%;
	margin-top:50px;
}

#company .testIntro .thumBanner img{
	width:100%;
}


#company .pCondition{
	width:100%;
	background:url(../images/sub#company/pConditionBG.png) repeat-x;
	margin-top:80px;
	padding-bottom:80px;
}


#company .pCondition .inner{
	width:94%;
	margin:0 auto;
}


#company .pCondition .inner .pList{
	width:100%;
	margin-top:2.5em;
	display:flex;
}

#company .pCondition .inner .pList li{
	width:100%;
	border:1px solid #e5e5e5;
	box-sizing:border-box;
	display:inline-block;
	text-align:Center;
	font-size:13px;
	background-color:#fff;
	margin-left:5px;
	padding:30px 0px;
}

#company .pCondition .inner .pList li:first-child{
	margin-left:0px;
}

#company .pCondition .inner .arlText{
	width:100%;
	text-align:right;
	color:#999;
	font-size:13px;
	margin-top:10px;
}


#company .pCondition .inner .flexService{
	width:100%;
	margin-top:50px;
}

#company .pCondition .inner .flexService dd{
	width:23.2%;
	display:inline-block;
	vertical-align:top;
	margin-left:2%;
}


#company .pCondition .inner .flexService dd:first-child{
	margin-left:0px;
}



#company .pCondition .inner .flexService dd .thum{
	width:100%;
}

#company .pCondition .inner .flexService dd .thum img{
	width:100%;
}

#company .pCondition .inner .flexService dd .textArea{
	width:100%;
	margin-top:20px;
}

#company .pCondition .inner .flexService dd .textArea .enSubject{
	font-size:14px;
	color:#999;
	font-family:'roboto','noto sans kr';
}

#company .pCondition .inner .flexService dd .textArea .line{
	width:20px;
	height:1px;
	background:#222;
	margin:10px 0px;
}

#company .pCondition .inner .flexService dd .textArea .krSubject{
	font-size:18px;
	color:#222;
}

#company .pCondition .inner .flexService dd .textArea .detailList{
	width:100%;
	padding-left:20px;
	box-sizing:Border-box;
	margin-top:12px;
}
#company .pCondition .inner .flexService dd .textArea .detailList li{
	width:100%;
	list-style:disc;
	color:#777;
	font-size:13px;
	margin-top:2px;
}


#company .apCenter{
	width:94%;
	margin:4em auto 4em;
}

#company .apCenter .newsList{
	width:100%;
	margin-top:50px;
}

#company .apCenter .newsList li{
	width:31.3%;
	border:1px solid #e5e5e5;
	box-sizing:border-box;
	margin-left:2%;
	display:inline-block;
	vertical-align:top;
}
#company .apCenter .newsList li:nth-child(3n+1){
	margin-left:0px;
}


#company .apCenter .newsList li .thum{
	width:100%;
}

#company .apCenter .newsList li .thum img{
	width:100%;
}

#company .apCenter .newsList li .textArea{
	width:100%;
	padding:20px;
	box-sizing:border-box;
}


#company .apCenter .newsList li .textArea .subject{
	width:100%;
	font-size:16px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

#company .apCenter .newsList li .textArea .date{
	width:100%;
	font-size:15px;
	margin-top:5px;
	color:#999;
	font-family:'roboto'
}

#company .contact{
	width:94%;
	margin:4em auto 4em;
	
}

#company .contact .contLine{
	width:100%;
	display:flex;
	margin-top:2.5em;
}

#company .contact .contLine .map{
	width:787px;
	display:inline-block;
}

#company .contact .contLine .info{
	width:393px;
	display:inline-block;
	background:url(../../images/sub/company/contactBG.jpg) repeat;
	padding:20px;
	box-sizing:border-box;
}

#company .contact .contLine .info .subject{
	font-size:20px;
	font-family:'roboto';
	color:#fff;
	margin-bottom:15px;
}
#company .contact .contLine .info .deInfo{
	width:100%;
	margin-top:5px;
}


#company .contact .contLine .info .deInfo li{
	width:100%;
	margin-top:5px;
}

#company .contact .contLine .info .deInfo li .subj{
	width:20%;
	display:inline-block;
	vertical-align:top;
	font-size:14px;
	color:#777;
	font-family:'roboto','noto sans kr';
}


#company .contact .contLine .info .deInfo li .subs{
	width:79%;
	display:inline-block;
	vertical-align:top;
	font-size:14px;
	color:#999;
	font-family:'roboto','noto sans kr';
	word-break:keep-all;
}

#company .contact .contLine .info .detInfo{
	width:100%;
	margin-top:14px;
	border-top:1px solid #e5e5e5;
}
#company .contact .contLine .info .detInfo dd{
	width:100%;
	margin-top:15px;
}



#company .contact .contLine .info .detInfo .tit{
	font-size:14px;
	color:#777;
}


#company .contact .contLine .info .detInfo .text{
	font-size:14px;
	color:#999;
	margin-top:5px;
}






@media screen and (max-width: 768px){
	
	#company{
		width:100%;
	}
	
	
	#company .titleLine{
		width:100%;
	}
	
	#company .titleLine .subs{
		font-size:18px;
		text-align:Center;
		margin-bottom:5px;
	}
	
	#company .titleLine .title{
		font-size:24px;
		text-align:Center;
		letter-spacing:-1px;
		font-family:'roboto','noto sans kr';
	}
	
	
	#company .titleLine .subtitle{
		font-size:16px;
		text-align:Center;
		letter-spacing:-1px;
		color:#444;
	}


	
	#company .globlaFlex{
		width:94%;
		margin:4em auto 4em;
		padding-bottom:4em;
		border-bottom:1px solid #e5e5e5;
	}
	
	#company .globlaFlex .withCom{
		width:100%;
	}
	
	#company .globlaFlex .withCom img{
		width:100%;
	}
	
	#company .globlaFlex .textArea{
		width:100%;
		text-align:Center;
		margin-top:2.5em;
	}
	
	#company .globlaFlex .textArea .Dmark{
		width:27px;
		display:inline-block;
		vertical-align:top;
	}
	
	#company .globlaFlex .textArea .text{
		font-size:16px;
		text-align:center;
		margin:0px 10px;
		display:inline-block;
	}
	
	#company .testIntro{
		width:94%;
		margin:0 auto;
	}
	
	#company .testIntro .substance{
		font-size:14px;
		text-align:Center;
		color:#777;
		margin-top:20px;
		word-break:keep-all;
		letter-spacing:-0.7px;
	}
	
		
	#company .testIntro .thumBanner{
		width:100%;
		margin-top:2.5em;
	}
	
	#company .testIntro .thumBanner img{
		width:100%;
	}
	
	
	#company .pCondition{
		width:100%;
		background:url(../images/sub#company/pConditionBG.png) repeat-x;
		margin-top:4em;
		padding-bottom:4em;
	}
	
	
	#company .pCondition .inner{
		width:94%;
		margin:0 auto;
	}
	
	
	#company .pCondition .inner .pList{
		width:100%;
		margin-top:2.5em;
		display:block;
	}
	
	#company .pCondition .inner .pList li{
		width:32%;
		border:1px solid #e5e5e5;
		box-sizing:border-box;
		display:inline-block;
		text-align:Center;
		font-size:13px;
		background-color:#fff;
		margin-left:5px;
		padding:1.5em 0px;
		margin-top:5px;
	}
	
	#company .pCondition .inner .pList li:nth-child(3n+1){
		margin-left:0px;
	}
	
	#company .pCondition .inner .arlText{
		width:100%;
		text-align:right;
		color:#999;
		font-size:13px;
		margin-top:10px;
	}
	
	
	#company .pCondition .inner .flexService{
		width:100%;
		margin-top:2.5em;
	}
	
	#company .pCondition .inner .flexService dd{
		width:48.5%;
		display:inline-block;
		vertical-align:top;
		margin-left:2%;
		margin-top:2em;
	}
	
	
	#company .pCondition .inner .flexService dd:nth-child(2n+1){
		margin-left:0px;
	}
	
	
	
	#company .pCondition .inner .flexService dd .thum{
		width:100%;
	}
	
	#company .pCondition .inner .flexService dd .thum img{
		width:100%;
	}
	
	#company .pCondition .inner .flexService dd .textArea{
		width:100%;
		margin-top:20px;
	}
	
	#company .pCondition .inner .flexService dd .textArea .enSubject{
		font-size:14px;
		color:#999;
		font-family:'roboto','noto sans kr';
	}
	
	#company .pCondition .inner .flexService dd .textArea .line{
		width:20px;
		height:1px;
		background:#222;
		margin:10px 0px;
	}
	
	#company .pCondition .inner .flexService dd .textArea .krSubject{
		font-size:18px;
		color:#222;
	}
	
	#company .pCondition .inner .flexService dd .textArea .detailList{
		width:100%;
		padding-left:20px;
		box-sizing:Border-box;
		margin-top:12px;
	}
	#company .pCondition .inner .flexService dd .textArea .detailList li{
		width:100%;
		list-style:disc;
		color:#777;
		font-size:13px;
		margin-top:2px;
	}
	

	#company .apCenter{
		width:94%;
		margin:4em auto 4em;
	}

	#company .apCenter .newsList{
		width:100%;
		margin-top:50px;
	}

	#company .apCenter .newsList li{
		width:31.3%;
		border:1px solid #e5e5e5;
		box-sizing:border-box;
		margin-left:2%;
		display:inline-block;
		vertical-align:top;
	}
	#company .apCenter .newsList li:nth-child(3n+1){
		margin-left:0px;
	}


	#company .apCenter .newsList li .thum{
		width:100%;
	}

	#company .apCenter .newsList li .thum img{
		width:100%;
	}

	#company .apCenter .newsList li .textArea{
		width:100%;
		padding:20px;
		box-sizing:border-box;
	}


	#company .apCenter .newsList li .textArea .subject{
		width:100%;
		font-size:14px;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
	}

	#company .apCenter .newsList li .textArea .date{
		width:100%;
		font-size:13px;
		margin-top:5px;
		color:#999;
		font-family:'roboto'
	}

	#company .contact{
		width:94%;
		margin:4em auto 4em;
		
	}

	#company .contact .contLine{
		width:100%;
		display:block;
		margin-top:2.5em;
	}

	#company .contact .contLine .map{
		width:100%;
		display:inline-block;
	}

	#company .contact .contLine .info{
		width:100%;
		display:inline-block;
		background:url(../../images/sub/company/contactBG.jpg) repeat;
		padding:20px;
		box-sizing:border-box;
	}

	#company .contact .contLine .info .subject{
		font-size:20px;
		font-family:'roboto';
		color:#fff;
		margin-bottom:15px;
	}
	#company .contact .contLine .info .deInfo{
		width:100%;
		margin-top:5px;
	}


	#company .contact .contLine .info .deInfo li{
		width:100%;
		margin-top:5px;
	}

	#company .contact .contLine .info .deInfo li .subj{
		width:20%;
		display:inline-block;
		vertical-align:top;
		font-size:14px;
		color:#777;
		font-family:'roboto','noto sans kr';
	}


	#company .contact .contLine .info .deInfo li .subs{
		width:79%;
		display:inline-block;
		vertical-align:top;
		font-size:14px;
		color:#999;
		font-family:'roboto','noto sans kr';
		word-break:keep-all;
	}

	#company .contact .contLine .info .detInfo{
		width:100%;
		margin-top:14px;
		border-top:1px solid #e5e5e5;
	}
	#company .contact .contLine .info .detInfo dd{
		width:100%;
		margin-top:15px;
	}



	#company .contact .contLine .info .detInfo .tit{
		font-size:14px;
		color:#777;
	}


	#company .contact .contLine .info .detInfo .text{
		font-size:14px;
		color:#999;
		margin-top:5px;
	}
}







@media screen and (max-width: 568px){
	
	#company{
		width:100%;
	}
	
	
	#company .titleLine{
		width:100%;
	}
	
	#company .titleLine .subs{
		font-size:16px;
		text-align:Center;
		margin-bottom:5px;
	}
	
	#company .titleLine .title{
		font-size:20px;
		text-align:Center;
		letter-spacing:-1px;
		font-family:'roboto','noto sans kr';
	}
	
	
	#company .titleLine .subtitle{
		font-size:14px;
		text-align:Center;
		letter-spacing:-1px;
		color:#444;
	}


	
	#company .globlaFlex{
		width:94%;
		margin:4em auto 4em;
		padding-bottom:4em;
		border-bottom:1px solid #e5e5e5;
	}
	
	#company .globlaFlex .withCom{
		width:100%;
	}
	
	#company .globlaFlex .withCom img{
		width:100%;
	}
	
	#company .globlaFlex .textArea{
		width:100%;
		text-align:Center;
		margin-top:2.5em;
	}
	
	#company .globlaFlex .textArea .Dmark{
		width:27px;
		display:inline-block;
		vertical-align:top;
	}
	
	#company .globlaFlex .textArea .text{
		font-size:14px;
		text-align:center;
		margin:0px 10px;
		display:inline-block;
		word-break:keep-all;
	}
	
	#company .testIntro{
		width:94%;
		margin:0 auto;
	}
	
	#company .testIntro .substance{
		font-size:13px;
		text-align:Center;
		color:#777;
		margin-top:20px;
		word-break:keep-all;
		letter-spacing:-0.7px;
	}
	
		
	#company .testIntro .thumBanner{
		width:100%;
		margin-top:2.5em;
	}
	
	#company .testIntro .thumBanner img{
		width:100%;
	}
	
	
	#company .pCondition{
		width:100%;
		background:url(../images/sub#company/pConditionBG.png) repeat-x;
		margin-top:4em;
		padding-bottom:4em;
	}
	
	
	#company .pCondition .inner{
		width:94%;
		margin:0 auto;
	}
	
	
	#company .pCondition .inner .pList{
		width:100%;
		margin-top:2.5em;
		display:block;
	}
	
	#company .pCondition .inner .pList li{
		width:31%;
		border:1px solid #e5e5e5;
		box-sizing:border-box;
		display:inline-block;
		text-align:Center;
		font-size:13px;
		background-color:#fff;
		margin-left:5px;
		padding:1.5em 0px;
		margin-top:5px;
	}
	
	#company .pCondition .inner .pList li:nth-child(3n+1){
		margin-left:0px;
	}
	
	#company .pCondition .inner .arlText{
		width:100%;
		text-align:right;
		color:#999;
		font-size:13px;
		margin-top:10px;
	}
	
	
	#company .pCondition .inner .flexService{
		width:100%;
		margin-top:2.5em;
	}
	
	#company .pCondition .inner .flexService dd{
		width:48.5%;
		display:inline-block;
		vertical-align:top;
		margin-left:2%;
		margin-top:2em;
	}
	
	
	#company .pCondition .inner .flexService dd:nth-child(2n+1){
		margin-left:0px;
	}
	
	
	
	#company .pCondition .inner .flexService dd .thum{
		width:100%;
	}
	
	#company .pCondition .inner .flexService dd .thum img{
		width:100%;
	}
	
	#company .pCondition .inner .flexService dd .textArea{
		width:100%;
		margin-top:20px;
	}
	
	#company .pCondition .inner .flexService dd .textArea .enSubject{
		font-size:14px;
		color:#999;
		font-family:'roboto','noto sans kr';
	}
	
	#company .pCondition .inner .flexService dd .textArea .line{
		width:20px;
		height:1px;
		background:#222;
		margin:10px 0px;
	}
	
	#company .pCondition .inner .flexService dd .textArea .krSubject{
		font-size:18px;
		color:#222;
	}
	
	#company .pCondition .inner .flexService dd .textArea .detailList{
		width:100%;
		padding-left:20px;
		box-sizing:Border-box;
		margin-top:12px;
	}
	#company .pCondition .inner .flexService dd .textArea .detailList li{
		width:100%;
		list-style:disc;
		color:#777;
		font-size:13px;
		margin-top:2px;
	}
	

	#company .apCenter{
		width:94%;
		margin:4em auto 4em;
	}

	#company .apCenter .newsList{
		width:100%;
		margin-top:50px;
	}

	#company .apCenter .newsList li{
		width:100%;
		border:1px solid #e5e5e5;
		box-sizing:border-box;
		margin-left:0%;
		margin-top:1em;
		display:inline-block;
		vertical-align:top;
	}
	#company .apCenter .newsList li:nth-child(3n+1){
		margin-left:0px;
	}


	#company .apCenter .newsList li .thum{
		width:100%;
	}

	#company .apCenter .newsList li .thum img{
		width:100%;
	}

	#company .apCenter .newsList li .textArea{
		width:100%;
		padding:20px;
		box-sizing:border-box;
	}


	#company .apCenter .newsList li .textArea .subject{
		width:100%;
		font-size:14px;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
	}

	#company .apCenter .newsList li .textArea .date{
		width:100%;
		font-size:13px;
		margin-top:5px;
		color:#999;
		font-family:'roboto'
	}

	#company .contact{
		width:94%;
		margin:4em auto 4em;
		
	}

	#company .contact .contLine{
		width:100%;
		display:block;
		margin-top:2.5em;
	}

	#company .contact .contLine .map{
		width:100%;
		display:inline-block;
	}

	#company .contact .contLine .info{
		width:100%;
		display:inline-block;
		background:url(../../images/sub/company/contactBG.jpg) repeat;
		padding:20px;
		box-sizing:border-box;
	}

	#company .contact .contLine .info .subject{
		font-size:20px;
		font-family:'roboto';
		color:#fff;
		margin-bottom:15px;
	}
	#company .contact .contLine .info .deInfo{
		width:100%;
		margin-top:5px;
	}


	#company .contact .contLine .info .deInfo li{
		width:100%;
		margin-top:5px;
	}

	#company .contact .contLine .info .deInfo li .subj{
		width:20%;
		display:inline-block;
		vertical-align:top;
		font-size:14px;
		color:#777;
		font-family:'roboto','noto sans kr';
	}


	#company .contact .contLine .info .deInfo li .subs{
		width:79%;
		display:inline-block;
		vertical-align:top;
		font-size:14px;
		color:#999;
		font-family:'roboto','noto sans kr';
		word-break:keep-all;
	}

	#company .contact .contLine .info .detInfo{
		width:100%;
		margin-top:14px;
		border-top:1px solid #e5e5e5;
	}
	#company .contact .contLine .info .detInfo dd{
		width:100%;
		margin-top:15px;
	}



	#company .contact .contLine .info .detInfo .tit{
		font-size:14px;
		color:#777;
	}


	#company .contact .contLine .info .detInfo .text{
		font-size:14px;
		color:#999;
		margin-top:5px;
	}
}