/*클라우드*/

.cloud{ width:100%; max-width:1200px; margin:0px auto; }
.cloud:after { content:""; display:block; clear:both; }
.cloud{ overflow:hidden}
.cloud .slogan_back { text-align:center;border-top:1px solid #EEE; border-bottom:1px solid #EEE; margin:0em 0 2em 0; padding-top:1em; padding-bottom:1em; }
.cloud .slogan_text{ font-size:2.5em; letter-spacing:-2px; color:#333; line-height:1.4em;  }

.cloud .sddc_img img{width:100%; margin-bottom: 20px; }
.cloud .ceo_txt{ float:left; width:100%; padding:0 50px;}
.cloud .ceo_txt h2 { display: inline-block; font-size:2em; font-weight:300; line-height:1.4em; color:#000; letter-spacing:-0.05em; text-align: center; }
.cloud .ceo_txt p { margin-top:30px;}
.cloud .ceo_txt p strong {color:#0a2df1 !important; display:block; font-size:2.2em; padding-bottom:25px;text-align: center;}
.cloud .ceo_sign {float:left; font-size:1em; color:#222; margin-top:40px; }
.cloud .ceo_sign img { margin-left:-15px; vertical-align: middle;}

.cloud .ceo_txt1 p { margin-top:10px;}
.cloud .ceo_txt1 .inner-tit-top {font-size:1.2em; font-weight:300; line-height:1.4em; color:#000; letter-spacing:-0.05em; text-align: center;}
.cloud .ceo_txt1 .inner-tit-mid {    font-size:2.2em; font-weight:300; line-height:0.7em; color:#0a2df1; letter-spacing:-0.05em; text-align: center;}
.cloud .ceo_txt1 .inner-tit-bttm {font-size:1.2em; font-weight:300; line-height:1.5em; color:#000; letter-spacing:-0.05em; text-align: center;}
.cloud .sddc_img2 img{width:100%; margin-top: 30px; }

.con_arrow {font-size:1.6em; font-weight:700; line-height:30px;  color: #000; margin:50px 0 20px 0; border:0px solid red;}
.con_arrow:before { content: ""; width:16px; height:16px; display:inline-block; border:5px #59647A solid; box-sizing:border-box; border-radius:14px; background:#fff; margin-right:10px;}
.con_arrow:first-child { margin:0 0 20px 0;}

.tbl_type1{width:100%; border-collapse:separate; border-spacing:0px; border-top:2px solid #002b5c;}
.tbl_type1 th{ color:#333; text-align:center; font-weight:700; padding:10px 15px; border-bottom:1px solid #eee; border-right:1px solid #eee; background-color:#f8f8f8;}
.tbl_type1 td{ text-align:left; padding:10px 15px; border-bottom:1px solid #eee;}

/*클라우드서비스*/

.cloud_service{ width:100%; max-width:1200px; margin:0px auto; }
.cloud_service:after { content:""; display:block; clear:both; }
.cloud_service{ overflow:hidden}
.cloud_service .slogan_back { text-align:center;border-top:1px solid #EEE; border-bottom:1px solid #EEE; margin:0em 0 2em 0; padding-top:1em; padding-bottom:1em; }
.cloud_service .slogan_text{ font-size:2.5em; letter-spacing:-2px; color:#333; line-height:1.4em;  }

.cloud_service .service_img img{width:100%; margin-bottom: 20px; }
.cloud_service .ceo_txt{ float:left; width:100%; padding:0 50px;}
.cloud_service .ceo_txt h2 { font-size:2em; font-weight:300; line-height:1.4em; color:#000; letter-spacing:-0.05em; font-weight: bold; text-align: center; }
.cloud_service .ceo_txt p { margin-top:30px;}
.cloud_service .ceo_txt p strong {color:#000 !important; display:block; font-size:1.2em; padding-bottom:25px;text-align: center;}
.cloud_service .ceo_sign {float:left; font-size:1em; color:#222; margin-top:40px; }
.cloud_service .ceo_sign img { margin-left:-15px; vertical-align: middle;}

.cloud_service .ceo_txt1{ float:left; width:100%; padding:0 50px;}
.cloud_service .ceo_txt1 h2 { font-size:2em; font-weight:300; line-height:1.4em; color:#000; letter-spacing:-0.05em; font-weight: bold; text-align: center; }
.cloud_service .ceo_txt1 p { margin-top:30px;}
.cloud_service .ceo_txt1 p strong {color:#000 !important; display:block; font-size:1.2em; padding-bottom:25px;text-align: center;}
.cloud_service .ceo_sign {float:left; font-size:1em; color:#222; margin-top:40px; }
.cloud_service .ceo_sign img { margin-left:-15px; vertical-align: middle;}
.cloud_service .service_img2 img{width:25%; margin-top: 30px; }

.con_arrow {font-size:1.6em; font-weight:700; line-height:30px;  color: #000; margin:50px 0 20px 0; border:0px solid red;}
.con_arrow:before { content: ""; width:16px; height:16px; display:inline-block; border:5px #59647A solid; box-sizing:border-box; border-radius:14px; background:#fff; margin-right:10px;}
.con_arrow:first-child { margin:0 0 20px 0;}

.tbl_type1{width:100%; border-collapse:separate; border-spacing:0px; border-top:2px solid #002b5c;}
.tbl_type1 th{ color:#333; text-align:center; font-weight:700; padding:10px 15px; border-bottom:1px solid #eee; border-right:1px solid #eee; background-color:#f8f8f8;}
.tbl_type1 td{ text-align:left; padding:10px 15px; border-bottom:1px solid #eee;}

/*클라우드구축*/

.cloud_build{ width:100%; max-width:1200px; margin:0px auto; }
.cloud_build:after { content:""; display:block; clear:both; }
.cloud_build{ overflow:hidden}
.cloud_build .slogan_back { text-align:center;border-top:1px solid #EEE; border-bottom:1px solid #EEE; margin:0em 0 2em 0; padding-top:1em; padding-bottom:1em; }
.cloud_build .slogan_text{ font-size:2.5em; letter-spacing:-2px; color:#333; line-height:1.4em;  }

.cloud_build .service_img img{width:100%; margin-bottom: 20px; }
.cloud_build .ceo_txt{ float:left; width:100%; padding:0 50px;}
.cloud_build .ceo_txt h2 { font-size:2em; font-weight:300; line-height:1.4em; color:#000; letter-spacing:-0.05em; font-weight: bold; text-align: center; }
.cloud_build .ceo_txt p { margin-top:30px;}
.cloud_build .ceo_txt p strong {color:#000 !important; display:block; font-size:1.2em; padding-bottom:25px;text-align: center;}
.cloud_build .ceo_sign {float:left; font-size:1em; color:#222; margin-top:40px; }
.cloud_build .ceo_sign img { margin-left:-15px; vertical-align: middle;}

.cloud_build .ceo_txt1{ float:left; width:100%; padding:0 50px;}
.cloud_build .ceo_txt1 h2 { font-size:2em; font-weight:300; line-height:1.4em; color:#000; letter-spacing:-0.05em; font-weight: bold; text-align: center; }
.cloud_build .ceo_txt1 p { margin-top:30px;}
.cloud_build .ceo_txt1 p strong {color:#000 !important; display:block; font-size:1.2em; padding-bottom:25px;text-align: center;}
.cloud_build .ceo_sign {float:left; font-size:1em; color:#222; margin-top:40px; }
.cloud_build .ceo_sign img { margin-left:-15px; vertical-align: middle;}
.cloud_build .service_img2 img{width:25%; margin-top: 30px; }

.con_arrow {font-size:1.6em; font-weight:700; line-height:30px;  color: #000; margin:50px 0 20px 0; border:0px solid red;}
.con_arrow:before { content: ""; width:16px; height:16px; display:inline-block; border:5px #59647A solid; box-sizing:border-box; border-radius:14px; background:#fff; margin-right:10px;}
.con_arrow:first-child { margin:0 0 20px 0;}

.tbl_type1{width:100%; border-collapse:separate; border-spacing:0px; border-top:2px solid #002b5c;}
.tbl_type1 th{ color:#333; text-align:center; font-weight:700; padding:10px 15px; border-bottom:1px solid #eee; border-right:1px solid #eee; background-color:#f8f8f8;}
.tbl_type1 td{ text-align:left; padding:10px 15px; border-bottom:1px solid #eee;}

/* 탭메뉴 */
.tab_sub{overflow:hidden;margin-bottom:30px;}
.tab_sub li{float:left;margin-right:1px;font-size:14px;}
.tab_sub a{display:block;padding:10px 20px;border:solid 1px #ccc;background:#f6f6f6;}
.tab_sub .selected{border:1px solid #093767;color:#fff;font-weight:bold;background-color:#174e87;}
.tab_sub .borderR1{border-right:solid 1px #ddd;}


ul.tabs{
	margin: 0px;
	padding: 0px;
	list-style: none;
}
ul.tabs li{
	background: none;
	color: #222;
	display: inline-block;
	padding: 10px 15px;
	cursor: pointer;
}

ul.tabs li.current{
	background: #ededed;
	color: #222;
}

.tab-content{
	display: none;
	padding: 15px;
	border-top: 1px solid #ededed;
}

.tab-content.current{
	display: inherit;
}

/* 반응형 중간기기 992px 사이즈 이하*/
@media all and (max-width:992px){
	

	.timeline .timeline-content ul li img{height:auto; }
	
	.vision_area li {float: left;  width: 50%;    height: 250px;}
	.vision .vision_tit{position:absolute; top:30%; left:50%; transform:translate(-50%,10%); padding:20px 0; border-radius:0px; font-size:2em; text-align:center; background:#fff; z-index:999; border:0px solid #ddd; box-sizing:border-box; }

}



/* 반응형 중간기기 768사이즈 이하 */
@media screen and (max-width: 768px) {		
	

	.cloud .ceo_img { width:100%;  text-align:center;  height:auto;  }
	.cloud .ceo_img img { width:60%;height:auto;}
	.cloud .ceo_img1 img { width:60%;height:auto;}
	.cloud .ceo_txt{ width:100%; padding:0; margin-top:50px;}
	.cloud .ceo_txt1{ width:100%; padding:0; margin-top:50px;}

	.vision_area li {float: left;  width: 50%;    height: 365px;}
	.vision .vision_tit{position:absolute; top:36%; left:50%; transform:translate(-50%,10%); padding:20px 0; border-radius:0px; font-size:2em; text-align:center; background:#fff; z-index:999; border:0px solid #ddd; box-sizing:border-box; }
	.vision .vision_tit img{width: 80px;}


}



/* 반응형 작은기기 480사이즈 이하 */
@media screen and (max-width: 480px) {
	
.vision .circle_tit{top:40%; }
.vision_area li { height:250px;}



}



/* 반응형 작은기기 360사이즈 이하 */
@media screen and (max-width: 360px) {	

	.cloud .ceo_img img { width:80%;}
	.cloud .ceo_img1 img { width:80%;}


}