/* 신규 작업영역 */
.list-ali li{float:left; text-align:left; margin-right:30px; font-size:20px; color:#ccc;;}


.top_area{width:95%;height:180px;background-color:#fff;margin:0 auto;}

.top_area ul li{padding-top:35px;float:left;display:block;}
.top_area ul li img{display:block;margin:0 auto;}
.top_area ul li.center_logo{text-align:center;width:65%}
.top_area ul li.right_logo{float:right;text-align:right;width:20%;}
.top_area ul li.left_logo{width:15%;}



h4{font-size:20px;color:#343233;margin-bottom:14px;text-align:center;line-height:140%}
.point_img{display:inline;}


.right_banner{position:absolute;z-index:100;right:0;top:200px}
.right_banner a.r_banner1{display:block;clear:both;padding:15px 50px;background:url(../../images/r_banner1.png) no-repeat 20px #38393a;color:#ffffff;margin-top:3px;opacity:.90; -moz-border-radius:5px;-webkit-border-radius:5px;  border-radius:5px 0 0 5px;}
.right_banner a.r_banner2{display:block;clear:both;padding:15px 50px;background:url(../../images/r_banner2.png) no-repeat 20px #38393a;color:#ffffff;margin-top:3px;opacity:.90; -moz-border-radius:5px;-webkit-border-radius:5px;  border-radius:5px 0 0 5px;}
.right_banner a.r_banner3{display:block;clear:both;padding:15px 50px;background:url(../../images/r_banner3.png) no-repeat 20px #38393a;color:#ffffff;margin-top:3px;opacity:.90; -moz-border-radius:5px;-webkit-border-radius:5px;  border-radius:5px 0 0 5px;}
.right_banner a.r_banner1:hover{background:url(../../images/r_banner1.png) no-repeat 20px #df2428}
.right_banner a.r_banner2:hover{background:url(../../images/r_banner2.png) no-repeat 20px #df2428}
.right_banner a.r_banner3:hover{background:url(../../images/r_banner3.png) no-repeat 20px #df2428}

.quick{
	position:absolute;z-index:10000;font-size:15px;font-weight:bold;
	margin:0px 0px 0px 650px;   /* 가장 오른쪽의 수치가 화면 가운데에서 얼마만큼 오른쪽으로 레이어를 붙일 것인지 설정  */ 
	top: 860px;  /* 배너 상단에서 얼마나 떨어뜨릴지 설정*/
	left: 50%;     /* 레이어의 시작점이 왼쪽으로 부터 50% 지정 */
	text-align:center;
	padding: 10px 0 0 0;
}

.request_top{width:100%;margin:0 auto;text-align:center;padding:20px 0}
.request_top img{max-width:100%;}

/******************************************************************************************/
.instal1{float:left;width:50%;margin-top:5px}
.instal2{float:right;width:50%;margin-top:5px}
.instal1 img{max-width:100%;}
.instal2 img{max-width:100%;}


h5.stitle{font-size:36px;font-weight:100;color:#000000;text-align:center;margin:10px 0 20px 0;
	font-weight:bold;
	height:55px;line-height:55px;
	background:url("/images/dot.png");
	background-position:center center;
	background-repeat:repeat-x;
}
h5.stitle span{background:#ffffff;padding:0 20px}
h5.stitle span.bg2{background:#faf9f3;padding:0 20px}


.service_item{width:100%;overflow:hidden;position:relative;text-align:center;background:#fff;padding:20px 0px;margin:0 auto; }
.service_item ul{width:100%;}
.service_item ul li{float:left;margin-bottom:20px;padding-bottom:0px;min-height:120px;}/*border-bottom:solid 1px #c9c9c9;*/
.service_item ul li:first-child{width:20%;text-align:right}
.service_item ul li:last-child{width:80%;}
.service_item ul li:last-child p{margin-left:20px;text-align:left;}
.service_item ul li .title{color:#3a383a;font-size:36px;}
.service_item ul li .big{font-size:36px;color:#e91f27;}
.service_item ul li span{color:#3a383a;}


.faq_item{width:100%;overflow:hidden;position:relative;background:#fff;padding:40px 10px;margin:0 auto; }
.faq_item ul{width:100%;}
.faq_item ul li{font-size:16px;margin-bottom:5px;text-align:left;}
/*.faq_item ul li:first-child{width:20%;text-align:right}
.faq_item ul li:last-child{width:80%;}
.faq_item ul li:last-child p{margin-left:20px;text-align:left;}*/
.faq_item ul li.title{color:#3a383a;font-size:28px;font-weight:bold}
.faq_item ul li .big{color:#e91f27;}
.faq_item ul li span{color:#3a383a;}
.faq_item ul li.reply{border-bottom:solid 1px #c9c9c9;padding:5px 45px 20px 45px;margin-bottom:20px;line-height:160%}




.btn-gray {display:block;background:#717171 !important; color:#fff; font-size:18px;font-weight:bold; padding:10px 20px;
  -moz-border-radius:5px;-webkit-border-radius:5px;  border-radius:5px;}
.btn-gray:hover {background:#000 !important; color:#fff;}



@media screen and (max-width:1200px) {
	.navbar-default .nav li a {padding-top:30px !important;padding-left:0px !important;}
		.top_area ul li.center_logo img{display:block;margin:0 auto;max-width:80%}
		.top_area ul li.right_logo img{max-width:100%}
		.top_area ul li:first-child img{display:block;margin:0 auto;max-width:100%}

}

@media screen and (max-width:990px) {
	.navbar-default .nav li a {padding-top:0px !important;padding-left:0px !important;font-size:13px;padding-bottom:0px;line-height:50px}



	.instal1{float:none;width:100%;clear:both;text-align:center;}
	.instal2{float:none;width:100%;clear:both;text-align:center;}
}

@media screen and (max-width:760px) {
	.top_area {display:none}
	.right_banner{display:none}

	p.tac{font-size:15px;}
	h4{font-size: 15px;}
	h5.stitle{font-size:24px;}

	.section-title h3{
		font-size:32px;
		margin-bottom:0px;
	}
	
	.section-title p {
		padding-bottom:60px;
		color: #666;
		font-size:15px;
		margin-top:40px;
	}

	.service_item ul li{float:none;margin-bottom:50px;border-bottom:0;margin-bottom:0px;padding-bottom:10px;min-height:40px;}
	.service_item ul li:first-child{width:100%;text-align:center;}
	.service_item ul li:last-child{width:100%;margin-bottom:10px;text-align:center;}
	.service_item ul li .title{color:#3a383a;font-size:25px;line-height:140%}
	.service_item ul li .big{font-size:25px;}
	
	.faq_item ul li.reply{border-bottom:solid 1px #c9c9c9;padding:5px 0 20px;margin-bottom:20px;line-height:160%}

	
	.counter-item-new2 ul li{float:none;width:100%;}

	
	.call-to-action {
   background-color:#f1f1f1;
	color: #fff;
    text-align: center;
    padding:20px 0;
	}

	.fun-facts {
	 padding-top:0px; 
     padding-bottom: 0px; 
	}	

	.counter-item-new ul li{height:240px;}

	.quick{display:none}

	.feature, .feature-2, .feature-3 {
		padding-bottom: 20px;
	}

	.faq_item ul li.title{color:#3a383a;font-size:22px;font-weight:bold}

	

}


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

	
}