/*sub common*/

#sub{
	width:100%;
	overflow:hidden;
}

#sub .subTitleA{
	width:100%;
	position:Relative;
}

#sub .subTitleA .tx{
	width:1180px;
	position:absolute;
	left:50%;
	font-size:60px;
	color:#fff;
	font-weight:bold;
	font-family:'montserrat','nanumsquare';
	top:50%;
	transform:translate(-50%, -50%);
}

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

#sub .subTitleA .bg img{
	width:100%;
}

#sub .deTitleA{
	width:100%;
}

#sub .deTitleA .tit{
	font-size:40px;
	text-align:Center;
	font-weight:bold;
	color:#222;
}

#sub .deTitleA .subTit{
	font-size:24px;
	text-align:Center;
	color:#444;
	line-height:34px;
	word-break:keep-all;
	margin-top:30px;
}

#sub .deTitleA .subTit br{
	display:block;
}


/*company*/

#sub .company{
	width:100%;
	margin-top:100px;
}

#sub .company .compTitleA{
	width:100%;
}

#sub .company .compTitleA .tit{
	font-size:48px;
	color:#222;
	font-weight:bold;
	font-familY:'montserrat';
}

#sub .company .compTitleA .subTit{
	font-size:30px;
	color:#444444;
	margin-top:20px;
}




#sub .company .slogan{
	width:1180px;
	position:relative;
	left:50%;
	transform:translateX(-50%);
	margin-top:100px;
}

#sub .company .slogan .bg{
	width:100%;
}

#sub .company .slogan .bg img{
	width:100%;
}

#sub .company .slogan .txA{
	width:100%;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
}

#sub .company .slogan .txA .tit{
	font-size:36px;
	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:100px;
	padding:100px 0px;
	background:#f7f7f7;
}

#sub .company .status .inner{
	width:1180px;
	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;
}

#sub .company .status .inner .statusList li .ico{
	width:180px;
	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:20px;
	color:#222222;
	margin-top:30px;
	font-weight:bold;
}

#sub .company .status .inner .statusList li .subj{
	text-align:Center;
	font-size:16px;
	color:#777777;
	margin-top:10px;
}



#sub .company .organization{
	width:1180px;
	margin:100px 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:33%;
	display:inline-block;
}

#sub .company .organization .or_chart .chartListA .chartList li .cir{
	width:230px;
	height:230px;
	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:120px;
	text-align:Center;
	font-family:'montserrat';
	color:#f7f7f7;
	bottom:-50px;
	z-index:-1;
	font-weight:bold;
}


#sub .company .certification{
	width:1180px;
	margin:100px auto;
}


#sub .company .certification .lf{
	width:49.5%;
	display:inline-block;
	vertical-align:top;
}

#sub .company .certification .lf .subs{
	font-size:20px;
	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 20px;
}

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










/*로드맵*/


#sub .roadmap{
	width:1180px;
	margin:100px auto;
}

#sub .roadmap .roadmapImg{
	width:100%;
	margin-top:50px;
}


#sub .roadmap .roadmapImg img{
	width:100%;
}

#sub .roadmap .roadmapImg .pc{
	display:block;
}


#sub .roadmap .roadmapImg .tab{
	display:none;
}

#sub .roadmap .roadmapImg .mo{
	display:none;
}






/*솔루션*/

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




#sub .solution .doDial{
	width:1180px;
	margin:80px 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:30%;
	display:inline-block;
	vertical-align:top;
	font-size:36px;
	font-weighT:bold;
}


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

#sub .solution .doDial .txV .txVList li{
	width:100%;
	margin-top:20px;
	line-height:26px;
	font-size:16px;
	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:1180px;
	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:15px;
	text-align:center;
	font-size:18px;
	word-break:break-all;
	line-height:36px;
	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:1180px;
	margin:100px auto 0;
}

#sub .solution .infra .solutionTitleA .titLine{
	width:30%;
	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:50px;
	display:flex;
}



#sub .solution .infra .infraList li{
	width:100%;
	display:inline-block;
	margin-left:20px;
	background:#fff;
	border-radius:10px;
	box-shadow:3px 3px 10px rgba(0,0,0,0.05);
	padding:30px 0px;
	font-size:18px;
	font-family:'lato','nanumsquare';
	text-align:center;
}

#sub .solution .infra .infraList li:first-child{
	margin-left:0px;
}

#sub .solution .si{
	width:100%;
	background:#f7f7f7;
	padding:100px 0px;
	margin-top:100px;
}


#sub .solution .si .inner{
	width:1180px;
	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;
}














/*faq*/


#sub .faq{
	width:1180px;
	margin:100px auto 100px;
}

#sub .faq .faqBox{
	width:100%;
	border:1px solid #e5e5e5;
	margin-top:50px;
}


#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:18px;
	color:#ffa014;
	font-family: 'yg-jalnan';
	display:inline-block;
	line-height:12px;
}

#sub .faq .faqBox .faqList li .questionL .question{
	font-size:18px;
	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:18px;
	font-family: 'yg-jalnan';
	display:inline-block;
	vertical-align:top;
}

#sub .faq .faqBox .faqList li .answerA .answer{
	width:96%;
	font-size:16px;
	display:inline-block;
	vertical-align:top;
	color:#444444;
	line-height:24px;
	word-break:keep-all;
	
}




/* 레퍼런스 */

#sub .subreference{
	width:100%;
	margin:100px auto 0;
}


#sub .subreference .refernceListA{
	width:100%;
	padding:100px 0px;
	background:#f7f7f7;
	margin:100px auto 0;
}

#sub .subreference .refernceListA .refernceList{
	width:1180px;
	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.5%;
	margin-top:20px;
	padding:30px 0px;
}


#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:18px;
}

#sub .subreference .refernceListA .refernceList li .reTx{
	text-align:center;
	margin-top:10px;
	text-align:Center;
	color:#444;
	font-size:16px;
	width:100%;
	overflow:Hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}







/*구축사례*/

#sub .subcase{
	width:1180px;
	margin:100px auto 100px;
}

#sub .subcase .caseCont{
	width:100%;
	margin-top:50px;
}

#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:18px;
	color:#222;
	padding:30px 0px;
}


#sub .subcase .caseCont table th{
	font-weight:normal;
	font-size:16px;
	color:#444;
	padding:20px 10px;
	border-bottom:1px solid #e5e5e5;
	word-break:keep-all;
	line-height:26px;
	border-right:1px solid #e5e5e5;
}

#sub .subcase .caseCont table th:last-child{
	border-right:0px solid #e5e5e5;
}