/*sub common*/

@media screen and (max-width: 1180px) {
		
	#sub{
		width:100%;
		overflow:hidden;
	}
	
	#sub .subTitleA{
		width:100%;
		position:Relative;
	}
	
	#sub .subTitleA .tx{
		width:94%;
		position:absolute;
		left:50%;
		font-size:40px;
		color:#fff;
		font-weight:bold;
		font-family:'montserrat','nanumsquare';
		top:60%;
		transform:translate(-50%, -50%);
		z-index:1;
	}
	
	#sub .subTitleA .bg{
		width:100%;
		overflow:hidden;
	}
	
	#sub .subTitleA .bg img{
		width:130%;
		position:Relative;
		left:50%;
		margin-left:-75%;
	}
	
	#sub .deTitleA{
		width:100%;
	}
	
	#sub .deTitleA .tit{
		font-size:30px;
		text-align:Center;
		font-weight:bold;
		color:#222;
	}
	
	#sub .deTitleA .subTit{
		font-size:18px;
		text-align:Center;
		color:#444;
		line-height:34px;
		word-break:keep-all;
		margin-top:30px;
	}
	
	#sub .deTitleA .subTit br{
		display:block;
	}
	
	
}


@media screen and (max-width: 767px) {
		
	#sub{
		width:100%;
		overflow:hidden;
	}
	
	#sub .subTitleA{
		width:100%;
		position:Relative;
	}
	
	#sub .subTitleA .tx{
		width:94%;
		position:absolute;
		left:50%;
		font-size:20px;
		color:#fff;
		font-weight:bold;
		font-family:'montserrat','nanumsquare';
		top:60%;
		transform:translate(-50%, -50%);
		z-index:1;
	}
	
	#sub .subTitleA .bg{
		width:100%;
		overflow:hidden;
	}
	
	#sub .subTitleA .bg img{
		width:200%;
		position:Relative;
		left:50%;
		margin-left:-100%;
	}
	
	#sub .deTitleA{
		width:100%;
	}
	
	#sub .deTitleA .tit{
		font-size:24px;
		text-align:Center;
		font-weight:bold;
		color:#222;
	}
	
	#sub .deTitleA .subTit{
		font-size:15px;
		text-align:Center;
		color:#444;
		line-height:23px;
		word-break:keep-all;
		margin-top:30px;
	}
	
	#sub .deTitleA .subTit br{
		display:none;
	}
	
	
}








/*company*/


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

	#sub .company{
		width:100%;
		margin-top:5em;
	}
	
	#sub .company .compTitleA{
		width:100%;
	}
	
	#sub .company .compTitleA .tit{
		font-size:36px;
		color:#222;
		font-weight:bold;
		font-familY:'montserrat';
		word-break:keep-all;
		line-height:46px;
	}
	
	#sub .company .compTitleA .subTit{
		font-size:24px;
		color:#444444;
		margin-top:20px;
	}
		
	
	#sub .company .slogan{
		width:94%;
		position:relative;
		left:50%;
		transform:translateX(-50%);
		margin-top:5em;
	}
	
	#sub .company .slogan .bg{
		width:100%;
		overflow:hidden;
	}
	
	#sub .company .slogan .bg img{
		width:120%;
		position:relative;
		left:50%;
		margin-left:-60%;
	}
	
	#sub .company .slogan .txA{
		width:100%;
		position:absolute;
		top:50%;
		transform:translateY(-50%);
		z-index:1;
	}
	
	#sub .company .slogan .txA .tit{
		font-size:30px;
		color:#fff;
		text-align:Center;
		font-weight:900;
		font-family:'montserrat';
	}
	
	
	#sub .company .slogan .txA .tit span{
		color:#feb53a;
		display:block;
	}
	
	
	#sub .company .slogan .txA .subs{
		width:100%;
		text-align:Center;
		margin-top:20px;
		color:#fff;
	}
	
	
	
	
	#sub .company .status{
		width:100%;
		margin-top:5em;
		padding:5em 0px;
		background:#f7f7f7;
	}
	
	#sub .company .status .inner{
		width:94%;
		margin:0 auto;
	}
	
	#sub .company .status .inner .statusList{
		width:100%;
		text-align:Center;
	}
	
	#sub .company .status .inner .statusList li{
		width:24.5%;
		display:inline-block;
		margin-top:50px;
		vertical-align:top;
		padding:0px 10px;
		box-sizing:border-box;
	}
	
	#sub .company .status .inner .statusList li .ico{
		width:120px;
		margin:0 auto;
	}
	
	#sub .company .status .inner .statusList li .ico img{
		width:100%;
	}
	
	#sub .company .status .inner .statusList li .reTx{
		text-align:Center;
		font-size:16px;
		color:#222222;
		margin-top:30px;
		font-weight:bold;
		word-break:keep-all;
		line-height:24px;
	}
	
	#sub .company .status .inner .statusList li .subj{
		text-align:Center;
		font-size:14px;
		color:#777777;
		margin-top:10px;
	}
	
	
	
	#sub .company .organization{
		width:94%;
		margin:5em auto 0;
	}
	
	
	
	#sub .company .organization .or_chart{
		width:100%;
		margin-top:50px;
	}
	
	#sub .company .organization .or_chart .ceo{
		width:100%;
		color:#e89200;
		text-align:center;
		font-weight:bold;
		font-size:24px;
		positioN:relative;
	}
	
	#sub .company .organization .or_chart .ceo:before{
		content:'';
		position:absolute;
		left:50%;
		transform:translateX(-50%);
		width:13px;
		height:13px;
		background:#e89200;
		border-radius:10px;
		bottom:-30px;
	}
	
	#sub .company .organization .or_chart .ceo:after{
		content:'';
		position:absolute;
		left:50%;
		transform:translateX(-50%);
		width:1px;
		height:50px;
		background:#e89200;
		bottom:-80px;
	}
	
	
	#sub .company .organization .or_chart .chartListA{
		width:100%;
		margin-top:80px;
		position:relative;
	}
	
	#sub .company .organization .or_chart .chartListA .line{
		width:100%;
		height:1px;
		background:#e89200;
		position:absolute;
		z-index:-1;
		top:50%;
		transform:translateY(-50%);
	}
	
	#sub .company .organization .or_chart .chartListA .line:before{
		content:'';
		position:absolute;
		width:13px;
		height:13px;
		background:#e89200;
		border-radius:10px;
		left:0px;
		top:50%;
		transform:translateY(-50%);
	}
	
	#sub .company .organization .or_chart .chartListA .line:after{
		content:'';
		position:absolute;
		width:13px;
		height:13px;
		background:#e89200;
		border-radius:10px;
		right:0px;
		top:50%;
		transform:translateY(-50%);
	}
	
	
	
	#sub .company .organization .or_chart .chartListA .chartList{
		width:100%;
		text-align:Center;
	}
	
	#sub .company .organization .or_chart .chartListA .chartList li{
		width:32%;
		display:inline-block;
	}
	
	#sub .company .organization .or_chart .chartListA .chartList li .cir{
		width:180px;
		height:180px;
		background:#fff;
		border-radius:100%;
		border:1px solid #e5e5e5;
		position:relative;
		margin:0 auto;
	}
	
	
	#sub .company .organization .or_chart .chartListA .chartList li .cir .cont{
		width:100%;
		top:50%;
		transform:translateY(-50%);
		position:absolute;
	}
	
	#sub .company .organization .or_chart .chartListA .chartList li .cir .cont .enNm{
		font-size:20px;
		text-align:center;
		color:#222;
		font-family:'lato','nanumsquare';
	}
	
	#sub .company .organization .or_chart .chartListA .chartList li .cir .cont .nm{
		font-size:16px;
		text-align:center;
		color:#777;
		margin-top:15px;
	}
	
	
	
	
	#sub .company .organization .chartA{
		width:100%;
		position:relative;
		margin-top:50px;
		border-left:1px solid #e5e5e5;
		border-right:1px solid #e5e5e5;
		box-sizing:border-box;
		padding:0px 20px;
		box-sizing:border-box;
	}
	
	#sub .company .organization .chartA #chartdiv{
		width:100%;
		height:400px;
	}
	
	#sub .company .organization .chartA .txbg{
		width:100%;
		position:absolute;
		font-size:80px;
		text-align:Center;
		font-family:'montserrat';
		color:#f7f7f7;
		bottom:-30px;
		z-index:-1;
		font-weight:bold;
	}
	
	
	#sub .company .certification{
		width:94%;
		margin:5em auto;
	}
	
	
	#sub .company .certification .lf{
		width:49.5%;
		display:inline-block;
		vertical-align:top;
	}
	
	#sub .company .certification .lf .subs{
		font-size:18px;
		color:#444;
		margin-top:50px;
	}
	
	#sub .company .certification .rt{
		width:49.5%;
		display:inline-block;
		vertical-align:top;
	}
	
	#sub .company .certification .rt .certificationVisual li{
		width:100%;
		margin:0px 10px;
	}
	
	#sub .company .certification .rt .certificationVisual li .thum{
		width:100%;
		box-shadow:4px 4px 10px rgba(0,0,0,0.08)
	}
	
	#sub .company .certification .rt .certificationVisual li .thum img{
		width:100%;
	}
	
	
	
	#sub .company .certification .rt .certificationVisual li .subj{
		width:100%;
		text-align:center;
		margin-top:20px;
		font-size:18px;
		color:#222;
		font-weight:bold;
	}
	
	
	
	#sub .company .certification .rt .certificationVisual .slick-prev{
		background:url(../images/sub/certificationPrev.png) no-repeat;
		width:43px;
		height:43px;
		border:0;
		text-indent:-9999px;
		position:absolute;
		left:-100%;
		bottom:0%;
		z-index:2;
		cursor:pointer;
		border:1px solid #e5e5e5;
	}
	
	
	#sub .company .certification .rt .certificationVisual .slick-next{
		background:url(../images/sub/certificationNext.png) no-repeat;
		width:43px;
		height:43px;
		border:0;
		text-indent:-9999px;
		position:absolute;
		left:-92.7%;
		bottom:0%;
		cursor:pointer;
		border:1px solid #e5e5e5;
	}



}

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

	#sub .company{
		width:100%;
		margin-top:5em;
	}
	
	#sub .company .compTitleA{
		width:100%;
	}
	
	#sub .company .compTitleA .tit{
		font-size:26px;
		color:#222;
		font-weight:bold;
		font-familY:'montserrat';
		word-break:keep-all;
		line-height:36px;
	}
	
	#sub .company .compTitleA .subTit{
		font-size:18px;
		color:#444444;
		margin-top:10px;
	}
		
	
	#sub .company .slogan{
		width:94%;
		position:relative;
		left:50%;
		transform:translateX(-50%);
		margin-top:5em;
	}
	
	#sub .company .slogan .bg{
		width:100%;
		overflow:hidden;
	}
	
	#sub .company .slogan .bg img{
		width:150%;
		position:relative;
		left:50%;
		margin-left:-75%;
	}
	
	#sub .company .slogan .txA{
		width:100%;
		position:absolute;
		top:50%;
		transform:translateY(-50%);
		z-index:1;
	}
	
	#sub .company .slogan .txA .tit{
		font-size:22px;
		color:#fff;
		text-align:Center;
		font-weight:900;
		font-family:'montserrat';
	}
	
	
	#sub .company .slogan .txA .tit span{
		color:#feb53a;
		display:block;
	}
	
	
	#sub .company .slogan .txA .subs{
		width:100%;
		text-align:Center;
		margin-top:20px;
		color:#fff;
		font-size:14px;
		line-height:22px;
		word-break:keep-all;
	}
	
	
	
	
	#sub .company .status{
		width:100%;
		margin-top:5em;
		padding:5em 0px;
		background:#f7f7f7;
	}
	
	#sub .company .status .inner{
		width:94%;
		margin:0 auto;
	}
	
	#sub .company .status .inner .statusList{
		width:100%;
		text-align:Center;
	}
	
	#sub .company .status .inner .statusList li{
		width:49%;
		display:inline-block;
		margin-top:50px;
		vertical-align:top;
		padding:0px 10px;
		box-sizing:border-box;
	}
	
	#sub .company .status .inner .statusList li .ico{
		width:120px;
		margin:0 auto;
	}
	
	#sub .company .status .inner .statusList li .ico img{
		width:100%;
	}
	
	#sub .company .status .inner .statusList li .reTx{
		text-align:Center;
		font-size:16px;
		color:#222222;
		margin-top:30px;
		font-weight:bold;
		word-break:keep-all;
		line-height:24px;
	}
	
	#sub .company .status .inner .statusList li .subj{
		text-align:Center;
		font-size:14px;
		color:#777777;
		margin-top:10px;
	}
	
	
	
	#sub .company .organization{
		width:94%;
		margin:5em auto 0;
	}
	
	
	
	#sub .company .organization .or_chart{
		width:100%;
		margin-top:50px;
	}
	
	#sub .company .organization .or_chart .ceo{
		width:100%;
		color:#e89200;
		text-align:center;
		font-weight:bold;
		font-size:24px;
		positioN:relative;
	}
	
	#sub .company .organization .or_chart .ceo:before{
		content:'';
		position:absolute;
		left:50%;
		transform:translateX(-50%);
		width:13px;
		height:13px;
		background:#e89200;
		border-radius:10px;
		bottom:-30px;
	}
	
	#sub .company .organization .or_chart .ceo:after{
		content:'';
		position:absolute;
		left:50%;
		transform:translateX(0%);
		width:1px;
		height:50px;
		background:#e89200;
		bottom:-80px;
	}
	
	
	#sub .company .organization .or_chart .chartListA{
		width:100%;
		margin-top:80px;
		position:relative;
	}
	
	#sub .company .organization .or_chart .chartListA .line{
		width:1px;
		height:100%;
		background:#e89200;
		position:absolute;
		z-index:-1;
		left:50%;
		
	}
	
	#sub .company .organization .or_chart .chartListA .line:before{
		content:'';
		position:absolute;
		width:13px;
		height:13px;
		background:#e89200;
		border-radius:10px;
		left:50%;
		bottom:0%;
		transform:translateX(-50%);
		top:auto;
	}
	
	#sub .company .organization .or_chart .chartListA .line:after{
		content:'';
		position:absolute;
		width:13px;
		height:13px;
		background:#e89200;
		border-radius:10px;
		right:0px;
		top:50%;
		transform:translateY(-50%);
		display:none;
	}
	
	
	
	#sub .company .organization .or_chart .chartListA .chartList{
		width:100%;
		text-align:Center;
		padding-bottom:50px;
	}
	
	#sub .company .organization .or_chart .chartListA .chartList li{
		width:100%;
		display:inline-block;
		margin-top:10px;
	}
	
	#sub .company .organization .or_chart .chartListA .chartList li .cir{
		width:180px;
		height:180px;
		background:#fff;
		border-radius:100%;
		border:1px solid #e5e5e5;
		position:relative;
		margin:0 auto;
	}
	
	
	#sub .company .organization .or_chart .chartListA .chartList li .cir .cont{
		width:100%;
		top:50%;
		transform:translateY(-50%);
		position:absolute;
	}
	
	#sub .company .organization .or_chart .chartListA .chartList li .cir .cont .enNm{
		font-size:20px;
		text-align:center;
		color:#222;
		font-family:'lato','nanumsquare';
	}
	
	#sub .company .organization .or_chart .chartListA .chartList li .cir .cont .nm{
		font-size:16px;
		text-align:center;
		color:#777;
		margin-top:15px;
	}
	
	
	
	
	#sub .company .organization .chartA{
		width:100%;
		position:relative;
		margin-top:50px;
		border-left:0px solid #e5e5e5;
		border-right:0px solid #e5e5e5;
		box-sizing:border-box;
		padding:0px 0px;
		box-sizing:border-box;
	}
	
	#sub .company .organization .chartA #chartdiv{
		width:100%;
		height:300px;
		font-size:13px;
	}
	
	#sub .company .organization .chartA .txbg{
		width:100%;
		position:absolute;
		font-size:80px;
		text-align:Center;
		font-family:'montserrat';
		color:#f7f7f7;
		bottom:-30px;
		z-index:-1;
		display:None;
		font-weight:bold;
	}
	
	
	#sub .company .certification{
		width:94%;
		margin:5em auto;
	}
	
	
	#sub .company .certification .lf{
		width:100%;
		display:inline-block;
		vertical-align:top;
	}
	
	#sub .company .certification .lf .subs{
		font-size:15px;
		color:#444;
		margin-top:50px;
	}
	
	#sub .company .certification .rt{
		width:100%;
		display:inline-block;
		vertical-align:top;
		margin-top:50px;
	}
	
	#sub .company .certification .rt .certificationVisual li{
		width:100%;
		margin:0px 10px;
	}
	
	#sub .company .certification .rt .certificationVisual li .thum{
		width:100%;
		box-shadow:4px 4px 10px rgba(0,0,0,0.08)
	}
	
	#sub .company .certification .rt .certificationVisual li .thum img{
		width:100%;
	}
	
	
	
	#sub .company .certification .rt .certificationVisual li .subj{
		width:100%;
		text-align:center;
		margin-top:20px;
		font-size:15px;
		color:#222;
		font-weight:bold;
	}
	
	
	
	#sub .company .certification .rt .certificationVisual .slick-prev{
		background:url(../images/sub/certificationPrev.png) no-repeat;
		width:43px;
		height:43px;
		border:0;
		text-indent:-9999px;
		position:absolute;
		left:-100%;
		bottom:0%;
		z-index:2;
		cursor:pointer;
		border:1px solid #e5e5e5;
	}
	
	
	#sub .company .certification .rt .certificationVisual .slick-next{
		background:url(../images/sub/certificationNext.png) no-repeat;
		width:43px;
		height:43px;
		border:0;
		text-indent:-9999px;
		position:absolute;
		left:-92.7%;
		bottom:0%;
		cursor:pointer;
		border:1px solid #e5e5e5;
	}



}









/*로드맵*/

@media screen and (max-width: 1180px) {
	#sub .roadmap{
		width:94%;
		margin:5em auto;
	}
	
	#sub .roadmap .roadmapImg{
		width:100%;
		margin-top:50px;
	}
	
	
	#sub .roadmap .roadmapImg img{
		width:100%;
	}
	
	#sub .roadmap .roadmapImg .pc{
		display:none;
	}
	
	
	#sub .roadmap .roadmapImg .tab{
		display:block;
	}
	
	#sub .roadmap .roadmapImg .mo{
		display:none;
	}
	

}



@media screen and (max-width: 767px) {
	#sub .roadmap{
		width:94%;
		margin:5em auto;
	}
	
	#sub .roadmap .roadmapImg{
		width:100%;
		margin-top:50px;
	}
	
	
	#sub .roadmap .roadmapImg img{
		width:100%;
	}
	
	#sub .roadmap .roadmapImg .pc{
		display:none;
	}
	
	
	#sub .roadmap .roadmapImg .tab{
		display:none;
	}
	
	#sub .roadmap .roadmapImg .mo{
		display:block;
	}
	

}






/*솔루션*/

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

	#sub .solution{
		width:100%;
		margin-top:5em;
	}
	
	
	
	

#sub .solution .doDial{
	width:94%;
	margin:4em auto 0;
}
#sub .solution .doDial .bannerA{
	width:100%;
	position:relative;
}

#sub .solution .doDial .bannerA .bg{
	width:100%;
}

#sub .solution .doDial .bannerA .bg img{
	width:100%;
}

#sub .solution .doDial .bannerA .txA{
	width:100%;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	text-align:Center;
	font-size:48px;
	font-family:'montserrat';
	font-weight:bold;
	color:#fff;
}


#sub .solution .doDial .txV{
	width:100%;
	display:inline-block;
	margin-top:50px;
}

#sub .solution .doDial .txV .tit{
	width:35%;
	display:inline-block;
	vertical-align:top;
	font-size:30px;
	font-weighT:bold;
}


#sub .solution .doDial .txV .txVList{
	width:64%;
	display:inline-block;
	vertical-align:top;
}

#sub .solution .doDial .txV .txVList li{
	width:100%;
	margin-top:20px;
	line-height:24px;
	font-size:15px;
	color:#444;
	list-style:disc;
	word-break:keep-all;
}

#sub .solution .doDial .txV .txVList li:first-child{
	margin-top:0px;
}

#sub .solution .doDial .productThum{
	width:100%;
	margin-top:50px;
	display:flex;
}

#sub .solution .doDial .productThum div{
	width:100%;
	border:1px solid #e5e5e5;
	box-sizing:border-box;
	display:inline-block;
	margin-left:20px;
	border:1px solid #e5e5e5;
	padding:20px;
	box-sizing:border-box;
}

#sub .solution .doDial .productThum div img{
	width:100%;
}

#sub .solution .doDial .productThum div:first-child{
	margin-left:0px;
}

	
	
	
	#sub .solution .solutionTitleA{
		width:100%;
	}
	
	#sub .solution .solutionTitleA .titLine{
		width:100%;
	}
	
	#sub .solution .solutionTitleA .titLine .num{
		font-size:24px;
		color:#e89200;
		display:inline-block;
		vertical-align:middle;
		font-family:'lato';
	}
	
	#sub .solution .solutionTitleA .titLine .line{
		width:30px;
		height:1px;
		display:inline-block;
		vertical-align:Middle;
		background:#e89200;
		margin:0px 4px;
	}
	
	#sub .solution .solutionTitleA .titLine .tit{
		font-size:24px;
		display:inline-block;
		vertical-align:Middle;
		color:#e89200;
	}
	
	
	#sub .solution .solutionTitleA .subTit{
		font-size:18px;
		color:#444444;
	}
	
	
	
	
	
	
	
	#sub .solution .data{
		width:94%;
		margin:100px auto 0;
	}
	
	#sub .solution .data .solutionTitleA .titLine{
		width:100%;
		text-align:Center;
	}
	
	
	
	#sub .solution .data .solutionTitleA .subTit{
		font-size:18px;
		color:#444444;
		text-align:center;
		margin-top:20px;
	}
	
	
	
	#sub .solution .data .dataList{
		width:100%;
		position:relative;
		margin-top:50px;
	}
	
	#sub .solution .data .dataList .line{
		width:1px;
		height:100%;
		background:#e5e5e5;
		position:absolute;
		left:50%;
	}
	
	
	#sub .solution .data .dataList dl{
		width:100%;
		display:inline-block;
		padding-bottom:50px;
	}
	
	
	#sub .solution .data .dataList dl dd{
		width:50%;
		display:inline-block;
		float:left;
		padding:0px 50px;
		box-sizing:border-box;
		margin-top:50px;
		position:relative;
	}
	
	#sub .solution .data .dataList dl dd .thum{
		width:100%;
	}
	
	#sub .solution .data .dataList dl dd .thum img{
		width:100%;
	}
	
	#sub .solution .data .dataList dl dd .subj{
		position:absolute;
		left:0;
		width:10px;
		text-align:center;
		font-size:13px;
		word-break:break-all;
		line-height:21px;
		font-family:'lato'
	}
	
	#sub .solution .data .dataList dl dd:nth-child(2n) .subj{
		right:0;
		left:auto;
	}
	
	
	#sub .solution .data .dataList dl dd:nth-child(2){
		margin-top:250px
	}
	
	#sub .solution .data .dataList dl dd:nth-child(3),
	#sub .solution .data .dataList dl dd:nth-child(5){
		margin-top:-150px
	}
	
	
	
	
	
	#sub .solution .infra{
		width:94%;
		margin:5em auto 0;
	}
	
	#sub .solution .infra .solutionTitleA .titLine{
		width:40%;
		display:inline-block;
		vertical-align:middle;
	}
	
	
	#sub .solution .infra .solutionTitleA .subTit{
		font-size:18px;
		color:#444444;
		display:inline-block;
		vertical-align:middle;
	}
	
	
	
	#sub .solution .infra .infraList{
		width:100%;
		margin-top:2.5em;
		display:flex;
	}
	
	
	
	#sub .solution .infra .infraList li{
		width:100%;
		display:inline-block;
		margin-left:10px;
		background:#fff;
		border-radius:10px;
		box-shadow:3px 3px 10px rgba(0,0,0,0.05);
		padding:30px 0px;
		font-size:15px;
		font-family:'lato','nanumsquare';
		text-align:center;
	}
	
	
	#sub .solution .si{
		width:100%;
		background:#f7f7f7;
		padding:100px 0px;
		margin-top:100px;
	}
	
	
	#sub .solution .si .inner{
		width:94%;
		margin:0 auto;
	}
	
	
	
	#sub .solution .si .inner .solutionTitleA{
		width:30%;
		display:inline-block;
		vertical-align:top;
	}
	
	#sub .solution .si .inner .siListA{
		width:69%;
		display:inline-block;
		vertical-align:top;
	}
	
	
	
	#sub .solution .si .inner .siListA .subTit{
		font-size:18px;
		color:#444444;
		vertical-align:middle;
	}
	
	
	#sub .solution .si .inner .siListA .siList{
		width:100%;
		margin-top:20px;
	}
	
	#sub .solution .si .inner .siListA .siList li{
		width:100%;
		padding:30px 0px;
		border-bottom:1px solid #e5e5e5;
	}
	
	#sub .solution .si .inner .siListA .siList li:first-child{
		border-top:1px solid #222;
	}
	
	#sub .solution .si .inner .siListA .siList li .num{
		width:40px;
		line-height:40px;
		background:#c1c1c1;
		border-radius:100%;
		text-align:Center;
		font-size:18px;
		color:#fff;
		font-family:'lato';
		display:inline-block;
		vertical-align:middle;
	}
	
	
	#sub .solution .si .inner .siListA .siList li .nm{
		font-size:18px;
		line-height:40px;
		text-align:Center;
		color:#222;
		display:inline-block;
		vertical-align:middle;
		font-weight:bold;
		margin-left:10px;
	}

}


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

	#sub .solution{
		width:100%;
		margin-top:5em;
	}
	
	
#sub .solution .doDial{
	width:94%;
	margin:4em auto 0;
}
#sub .solution .doDial .bannerA{
	width:100%;
	position:relative;
}

#sub .solution .doDial .bannerA .bg{
	width:100%;
}

#sub .solution .doDial .bannerA .bg img{
	width:100%;
}

#sub .solution .doDial .bannerA .txA{
	width:100%;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	text-align:Center;
	font-size:36px;
	font-family:'montserrat';
	font-weight:bold;
	color:#fff;
}


#sub .solution .doDial .txV{
	width:100%;
	display:inline-block;
	margin-top:50px;
}

#sub .solution .doDial .txV .tit{
	width:100%;
	display:inline-block;
	vertical-align:top;
	font-size:24px;
	font-weighT:bold;
}


#sub .solution .doDial .txV .txVList{
	width:100%;
	display:inline-block;
	vertical-align:top;
	padding:0px 0px 0px 20px;
	box-sizing:border-box;
}

#sub .solution .doDial .txV .txVList li{
	width:100%;
	margin-top:20px;
	line-height:22px;
	font-size:14px;
	color:#444;
	list-style:disc;
	word-break:keep-all;
	box-sizing:border-box;
}

#sub .solution .doDial .txV .txVList li:first-child{
	margin-top:20px;
}

#sub .solution .doDial .productThum{
	width:100%;
	margin-top:50px;
	display:inline-block;
}

#sub .solution .doDial .productThum div{
	width:100%;
	border:1px solid #e5e5e5;
	box-sizing:border-box;
	display:inline-block;
	margin-left:0px;
	border:1px solid #e5e5e5;
	padding:20px;
	box-sizing:border-box;
	margin-top:20px;
}

#sub .solution .doDial .productThum div img{
	width:100%;
}

#sub .solution .doDial .productThum div:first-child{
	margin-top:0px;
}



	#sub .solution .solutionTitleA{
		width:100%;
	}
	
	#sub .solution .solutionTitleA .titLine{
		width:100%;
	}
	
	#sub .solution .solutionTitleA .titLine .num{
		font-size:18px;
		color:#e89200;
		display:inline-block;
		vertical-align:middle;
		font-family:'lato';
	}
	
	#sub .solution .solutionTitleA .titLine .line{
		width:20px;
		height:1px;
		display:inline-block;
		vertical-align:Middle;
		background:#e89200;
		margin:0px 4px;
	}
	
	#sub .solution .solutionTitleA .titLine .tit{
		font-size:18px;
		display:inline-block;
		vertical-align:Middle;
		color:#e89200;
	}
	
	
	#sub .solution .solutionTitleA .subTit{
		font-size:15px;
		color:#444444;
	}
	
	
	
	
	
	
	
	#sub .solution .data{
		width:94%;
		margin:100px auto 0;
	}
	
	#sub .solution .data .solutionTitleA .titLine{
		width:100%;
		text-align:Center;
	}
	
	
	
	#sub .solution .data .solutionTitleA .subTit{
		font-size:15px;
		color:#444444;
		text-align:center;
		margin-top:20px;
	}
	
	
	
	#sub .solution .data .dataList{
		width:100%;
		position:relative;
		margin-top:20px;
	}
	
	#sub .solution .data .dataList .line{
		width:1px;
		height:100%;
		background:#e5e5e5;
		position:absolute;
		left:50%;
		margin-top:25px;
	}
	
	
	#sub .solution .data .dataList dl{
		width:100%;
		display:inline-block;
		padding-bottom:0px;
	}
	
	
	#sub .solution .data .dataList dl dd{
		width:50%;
		display:inline-block;
		float:left;
		padding:0px 10px;
		box-sizing:border-box;
		margin-top:40px;
		position:relative;
	}
	
	#sub .solution .data .dataList dl dd .thum{
		width:100%;
	}
	
	#sub .solution .data .dataList dl dd .thum img{
		width:100%;
	}
	
	#sub .solution .data .dataList dl dd .subj{
		position:relative;
		left:0;
		width:100%;
		text-align:center;
		font-size:14px;
		word-break:break-all;
		line-height:21px;
		font-family:'lato';
		margin-bottom:15px;
	}
	
	#sub .solution .data .dataList dl dd:nth-child(2n) .subj{
		right:0;
		left:auto;
	}
	
	
	#sub .solution .data .dataList dl dd:nth-child(2){
		margin-top:40px
	}
	
	#sub .solution .data .dataList dl dd:nth-child(3),
	#sub .solution .data .dataList dl dd:nth-child(5){
		margin-top:40px
	}
	
	
	
	
	
	#sub .solution .infra{
		width:94%;
		margin:5em auto 0;
	}
	
	#sub .solution .infra .solutionTitleA .titLine{
		width:100%;
		display:inline-block;
		vertical-align:middle;
	}
	
	
	#sub .solution .infra .solutionTitleA .subTit{
		font-size:15px;
		color:#444444;
		display:inline-block;
		vertical-align:middle;
		margin-top:20px;
	}
	
	
	
	#sub .solution .infra .infraList{
		width:100%;
		margin-top:2em;
		display:inline-block;
	}
	
	
	
	#sub .solution .infra .infraList li{
		width:49%;
		display:inline-block;
		margin-left:2%;
		background:#fff;
		border-radius:10px;
		box-shadow:3px 3px 10px rgba(0,0,0,0.05);
		padding:30px 0px;
		font-size:14px;
		font-family:'lato','nanumsquare';
		text-align:center;
		float:left;
		margin-top:10px;
	}
	
	#sub .solution .infra .infraList li:nth-child(2n+1){
		margin-left:0%;
	}
	
	#sub .solution .si{
		width:100%;
		background:#f7f7f7;
		padding:5em 0px;
		margin-top:5em;
	}
	
	
	#sub .solution .si .inner{
		width:94%;
		margin:0 auto;
	}
	
	
	
	#sub .solution .si .inner .solutionTitleA{
		width:100%;
		display:inline-block;
		vertical-align:top;
	}
	
	#sub .solution .si .inner .siListA{
		width:100%;
		display:inline-block;
		vertical-align:top;
		margin-top:30px;
	}
	
	
	
	#sub .solution .si .inner .siListA .subTit{
		font-size:15px;
		color:#444444;
		vertical-align:middle;
	}
	
	
	#sub .solution .si .inner .siListA .siList{
		width:100%;
		margin-top:20px;
	}
	
	#sub .solution .si .inner .siListA .siList li{
		width:100%;
		padding:30px 0px;
		border-bottom:1px solid #e5e5e5;
	}
	
	#sub .solution .si .inner .siListA .siList li:first-child{
		border-top:1px solid #222;
	}
	
	#sub .solution .si .inner .siListA .siList li .num{
		width:30px;
		line-height:30px;
		background:#c1c1c1;
		border-radius:100%;
		text-align:Center;
		font-size:14px;
		color:#fff;
		font-family:'lato';
		display:inline-block;
		vertical-align:middle;
	}
	
	
	#sub .solution .si .inner .siListA .siList li .nm{
		font-size:14px;
		line-height:30px;
		text-align:Center;
		color:#222;
		display:inline-block;
		vertical-align:middle;
		font-weight:bold;
		margin-left:10px;
	}

}










/*faq*/

@media screen and (max-width: 1180px) {
	#sub .faq{
		width:94%;
		margin:5em auto 5em;
	}
	
	#sub .faq .faqBox{
		width:100%;
		border:1px solid #e5e5e5;
		margin-top:2.5em
	}
	
	
	#sub .faq .faqBox .faqList{
		width:100%;
	}
	
	#sub .faq .faqBox .faqList li{
		width:100%;
		border-bottom:1px solid #e5e5e5;
	}
	
	#sub .faq .faqBox .faqList li:last-child{
		border-bottom:0px solid #e5e5e5;
	}
	
	#sub .faq .faqBox .faqList li .questionL{
		width:100%;
		display:inline-block;
		padding:30px 20px;
		box-sizing:border-box;
		cursor:pointer;
	}
	
	#sub .faq .faqBox .faqList li .questionL .mk{
		font-size:16px;
		color:#ffa014;
		font-family: 'yg-jalnan';
		display:inline-block;
		line-height:12px;
	}
	
	#sub .faq .faqBox .faqList li .questionL .question{
		font-size:16px;
		color:#444444;
		display:inline-block;
		line-height:12px;
		margin-left:10px;
	}
	
	#sub .faq .faqBox .faqList li .questionL .arrow{
		width:23px;
		display:inline-block;
		float:right;
	}
	
	#sub .faq .faqBox .faqList li .questionL .toggleArrow{
		transform:rotate(180deg)
	}
	
	
	
	#sub .faq .faqBox .faqList li .answerA{
		width:100%;
		padding:30px 20px;
		background:#f9f6ff;
		box-sizing:border-box;
		display:none;
	}
	
	#sub .faq .faqBox .faqList li .answerA .A{
		width:3%;
		color:#fd535d;
		font-size:16px;
		font-family: 'yg-jalnan';
		display:inline-block;
		vertical-align:top;
	}
	
	#sub .faq .faqBox .faqList li .answerA .answer{
		width:96%;
		font-size:15px;
		display:inline-block;
		vertical-align:top;
		color:#444444;
		line-height:23px;
		word-break:keep-all;
		
	}

}


@media screen and (max-width: 767px) {
	#sub .faq{
		width:94%;
		margin:5em auto 5em;
	}
	
	#sub .faq .faqBox{
		width:100%;
		border:1px solid #e5e5e5;
		margin-top:2.5em
	}
	
	
	#sub .faq .faqBox .faqList{
		width:100%;
	}
	
	#sub .faq .faqBox .faqList li{
		width:100%;
		border-bottom:1px solid #e5e5e5;
	}
	
	#sub .faq .faqBox .faqList li:last-child{
		border-bottom:0px solid #e5e5e5;
	}
	
	#sub .faq .faqBox .faqList li .questionL{
		width:100%;
		display:inline-block;
		padding:1.5em 1em;
		box-sizing:border-box;
		cursor:pointer;
	}
	
	#sub .faq .faqBox .faqList li .questionL .mk{
		font-size:14px;
		color:#ffa014;
		font-family: 'yg-jalnan';
		display:inline-block;
		line-height:12px;
		width:4%;
	}
	
	#sub .faq .faqBox .faqList li .questionL .question{
		font-size:14px;
		color:#444444;
		display:inline-block;
		line-height:12px;
		margin-left:10px;
		width:84%;
	}
	
	#sub .faq .faqBox .faqList li .questionL .arrow{
		width:23px;
		display:inline-block;
		float:right;
	}
	
	#sub .faq .faqBox .faqList li .questionL .toggleArrow{
		transform:rotate(180deg)
	}
	
	
	
	#sub .faq .faqBox .faqList li .answerA{
		width:100%;
		padding:30px 20px;
		background:#f9f6ff;
		box-sizing:border-box;
		display:none;
	}
	
	#sub .faq .faqBox .faqList li .answerA .A{
		width:4%;
		color:#fd535d;
		font-size:14px;
		font-family: 'yg-jalnan';
		display:inline-block;
		vertical-align:top;
	}
	
	#sub .faq .faqBox .faqList li .answerA .answer{
		width:94%;
		font-size:13px;
		display:inline-block;
		vertical-align:top;
		color:#444444;
		line-height:23px;
		word-break:keep-all;
		
	}

}











/* 레퍼런스 */

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

	
	#sub .subreference{
		width:100%;
		margin:5em auto 0;
	}
	
	
	#sub .subreference .refernceListA{
		width:100%;
		padding:5em 0px;
		background:#f7f7f7;
		margin:5em auto 0;
	}
	
	#sub .subreference .refernceListA .refernceList{
		width:94%;
		margin:0 auto;
		text-align:center;
	}
	
	#sub .subreference .refernceListA .refernceList li{
		width:23.5%;
		display:inline-block;
		vertical-align:top;
		background:#fff;
		border-radius:10px;
		box-shadow:3px 3px 10px rgba(0,0,0,0.05);
		margin-left:1%;
		margin-top:20px;
		padding:30px 10px;
		box-sizing:border-box;
	}
	
	
	#sub .subreference .refernceListA .refernceList li:nth-child(4n+1){
		margin-left:0%;
	}
	
	
	#sub .subreference .refernceListA .refernceList li .logoImg{
		width:100%;
	}
	
	
	#sub .subreference .refernceListA .refernceList li .logoImg img{
		width:100%;
	}
	
	
	#sub .subreference .refernceListA .refernceList li .nm{
		text-align:center;
		margin-top:30px;
		text-align:Center;
		color:#222;
		font-weight:bold;
		font-size:16px;
		width:100%;
		overflow:Hidden;
		text-overflow:ellipsis;
		white-space:nowrap;
	}
	
	#sub .subreference .refernceListA .refernceList li .reTx{
		text-align:center;
		margin-top:10px;
		text-align:Center;
		color:#444;
		font-size:13px;
		width:100%;
		overflow:Hidden;
		text-overflow:ellipsis;
		white-space:nowrap;
	}

}


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

	
	#sub .subreference{
		width:100%;
		margin:5em auto 0;
	}
	
	
	#sub .subreference .refernceListA{
		width:100%;
		padding:5em 0px;
		background:#f7f7f7;
		margin:5em auto 0;
	}
	
	#sub .subreference .refernceListA .refernceList{
		width:94%;
		margin:0 auto;
		text-align:center;
	}
	
	#sub .subreference .refernceListA .refernceList li{
		width:48%;
		display:inline-block;
		vertical-align:top;
		background:#fff;
		border-radius:10px;
		box-shadow:3px 3px 10px rgba(0,0,0,0.05);
		margin-left:1%;
		margin-top:20px;
		padding:30px 10px;
		box-sizing:border-box;
	}
	
	
	#sub .subreference .refernceListA .refernceList li:nth-child(2n+1){
		margin-left:0%;
	}
	
	
	#sub .subreference .refernceListA .refernceList li .logoImg{
		width:100%;
	}
	
	
	#sub .subreference .refernceListA .refernceList li .logoImg img{
		width:100%;
	}
	
	
	#sub .subreference .refernceListA .refernceList li .nm{
		text-align:center;
		margin-top:30px;
		text-align:Center;
		color:#222;
		font-weight:bold;
		font-size:16px;
		width:100%;
		overflow:Hidden;
		text-overflow:ellipsis;
		white-space:nowrap;
	}
	
	#sub .subreference .refernceListA .refernceList li .reTx{
		text-align:center;
		margin-top:10px;
		text-align:Center;
		color:#444;
		font-size:13px;
		width:100%;
		overflow:Hidden;
		text-overflow:ellipsis;
		white-space:nowrap;
	}

}


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

	
	#sub .subreference{
		width:100%;
		margin:5em auto 0;
	}
	
	
	#sub .subreference .refernceListA{
		width:100%;
		padding:5em 0px;
		background:#f7f7f7;
		margin:5em auto 0;
	}
	
	#sub .subreference .refernceListA .refernceList{
		width:94%;
		margin:0 auto;
		text-align:center;
	}
	
	#sub .subreference .refernceListA .refernceList li{
		width:100%;
		display:inline-block;
		vertical-align:top;
		background:#fff;
		border-radius:10px;
		box-shadow:3px 3px 10px rgba(0,0,0,0.05);
		margin-left:0%;
		margin-top:20px;
		padding:30px 10px;
		box-sizing:border-box;
	}
	
	
	#sub .subreference .refernceListA .refernceList li:nth-child(2n+1){
		margin-left:0%;
	}
	
	
	#sub .subreference .refernceListA .refernceList li .logoImg{
		width:100%;
	}
	
	
	#sub .subreference .refernceListA .refernceList li .logoImg img{
		width:100%;
	}
	
	
	#sub .subreference .refernceListA .refernceList li .nm{
		text-align:center;
		margin-top:30px;
		text-align:Center;
		color:#222;
		font-weight:bold;
		font-size:16px;
		width:100%;
		overflow:Hidden;
		text-overflow:ellipsis;
		white-space:nowrap;
	}
	
	#sub .subreference .refernceListA .refernceList li .reTx{
		text-align:center;
		margin-top:10px;
		text-align:Center;
		color:#444;
		font-size:13px;
		width:100%;
		overflow:Hidden;
		text-overflow:ellipsis;
		white-space:nowrap;
	}

}





/*구축사례*/

@media screen and (max-width:1180px) {
	#sub .subcase{
		width:94%;
		margin:5em auto 5em;
	}
	
	#sub .subcase .caseCont{
		width:100%;
		margin-top:2.5em;
	}
	
	#sub .subcase .caseCont table{
		width:100%;
	}
	
	
	#sub .subcase .caseCont table thead{
		width:100%;
		padding:20px 0px;
		background:#f7f7f7;
		border-top:1px solid #222;
	}
	
	#sub .subcase .caseCont table thead th{
		font-size:15px;
		color:#222;
		padding:30px 0px;
	}
	
	
	#sub .subcase .caseCont table th{
		font-weight:normal;
		font-size:14px;
		color:#444;
		padding:20px 10px;
		border-bottom:1px solid #e5e5e5;
		word-break:keep-all;
		line-height:23px;
		border-right:1px solid #e5e5e5;
	}
	
	#sub .subcase .caseCont table th:last-child{
		border-right:0px solid #e5e5e5;
	}
	
	
}



@media screen and (max-width:767px) {
	#sub .subcase{
		width:94%;
		margin:5em auto 5em;
	}
	
	#sub .subcase .caseCont{
		width:100%;
		margin-top:2.5em;
	}
	
	#sub .subcase .caseCont table{
		width:100%;
	}
	
	
	#sub .subcase .caseCont table thead{
		width:100%;
		padding:20px 0px;
		background:#f7f7f7;
		border-top:1px solid #222;
	}
	
	#sub .subcase .caseCont table thead th{
		font-size:14px;
		color:#222;
		padding:30px 0px;
	}
	
	
	#sub .subcase .caseCont table th{
		font-weight:normal;
		font-size:13px;
		color:#444;
		padding:20px 10px;
		border-bottom:1px solid #e5e5e5;
		word-break:keep-all;
		line-height:21px;
		border-right:1px solid #e5e5e5;
	}
	
	#sub .subcase .caseCont table th:last-child{
		border-right:0px solid #e5e5e5;
	}
	
	#sub .subcase .caseCont table .moNone{
		display:none;
	}
	
}