/*170921 팝업*/
	.pop_con{
		width: 100%;
		max-width: 520px;
		position: absolute;
		top:160px;
		left: 0;
		right: 0;
		margin-top: 10%;
		background:#fff;
		z-index: 99999;
		margin: 0 auto;
		border: solid 1px #666;
	}
	.pop_con img.pop_main{
		background: #fff;   
		display: block;
		width: 100%;
		max-width: 520px;
	}
	.pop_con ul{
		margin: 10px auto; 
		max-width: 400px;
		margin-bottom: 30px;
		padding: 0 5%;
	}
	.pop_con ul li{
		margin: 10px 0 10px 20px;
		list-style-type: square;    
	}
	.pop_con a{
		text-decoration: underline;
		color: #999;
	}
	.pop_contact{
		height: 76px;
		background: #01619b;
		position: relative;
	}
	.pop_contact span{
		display: inline-block; 
		position: absolute;
	}
	.pop_logo{
		top: 30px;
		left: 5%;    
	}
	.pop_call{
		top:25px;
		left:45%; 
	}
	.pop_close, .pop_close a{
		background: #000;
		color: #fff;
		font-size: 12px;
		overflow: hidden;
		text-decoration: none;
	}
	.pop_close span{
		padding: 5px 10px;
	}
	.pop_chk{
		float: left;
	}
	.pop_x{
		float: right;            
	}


/*  메인 슬라이더  */
.slider_wrap {
	width:100%;
	background:url(../images/bg_main-slider.jpg) center center no-repeat;
	background-size:cover;
	position:relative;
	padding:50px 0;
}
.slider_wrap .slider {
	overflow:hidden;
	width:100%;
	position:relative;
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-o-transition:all 0.5s;
}
.slider_wrap .slider .slide {
	position:absolute;
	opacity:0;
	filter:Alpha(opacity=0);
	top:0;
	left:0;
}
.slider_wrap .slider .slide.on {
	position:relative;
	opacity:1;
	filter:Alpha(opacity=100);
}
.slider_wrap .slider .slide_img {
	text-align:center;
	float:left;
	width:40%;
	position:relative;
	opacity:0;
	filter:Alpha(opacity=0);
}
.slider_wrap .slider .slide_img img {
	max-width:100%;
	max-height:100%;
	width:auto;
	height:auto;
}
.slider_wrap .slider .slide_txt_wrap {
	float:right;
	width:55%;
	text-align:left;
	position:relative;
}
.slider_wrap .slider .slide_txt_wrap.right {
	text-align:right;
}
.slider_wrap .slider .slide_txt_wrap.center {
	text-align:center;
}
.slider_wrap .slide_txt_wrap .sub_txt {
	position:relative;
	font-size:20px;
	color:#005598;
	font-weight:700;
	padding-top:25px;
	left:100%;
	opacity:0;
	filter:Alpha(opacity=0);
}
.slider_wrap .slide_txt_wrap .tit {
	position:relative;
	font-size:46px;
	line-height:50px;
	color:#000;
	padding-top:15px;
	left:100%;
	opacity:0;
	filter:Alpha(opacity=0);
}
.slider_wrap .slide_txt_wrap .tit strong {
	font-weight:900;
}
.slider_wrap .slide_txt_wrap .txt {
	position:relative;
	font-size:20px;
	line-height:26px;
	padding-top:25px;
	left:100%;
	opacity:0;
	filter:Alpha(opacity=0);
}
.slider_wrap .slide_txt_wrap .txt.regular {
	font-size: 25px;
    line-height: 1.3;
}

.slider_wrap .navi {
	text-align:right;
}
.slider_wrap .navi li {
	width:12px;
	height:12px;
	background:#969597;
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-o-transition:all 0.5s;
	display:inline-block;
	margin-left:10px;
	cursor:pointer;
}
.slider_wrap .navi li.on {
	width:37px;
	background:#015498;
}
/*  메인 슬라이더 끝  */

/*  제품소개  */
.container .product_info {
	background:#fff;
	padding-top:60px;
}
.container .inner h1 {
	font-size:40px;
	color:#010101;
	text-align:center;
	padding-bottom:40px;
}
.product_info .h1_devider {
	width:57px;
	height:2px;
	margin:0 auto;
	background-color:#0a4f8a;
	margin-top:-20px;
}
.product_info .product_btn {
	text-align:center;
	width:97.1%;
	margin:0 auto;
}
.product_info .product_btn span {
	display:inline-block;
	color:#000;
	border:1px solid #000;
	margin:0 1.5px;
	width:15.7%;
	text-align:center;
	background-color:#fff;
}
.product_info .product_btn span a {
	display:block;
	width:100%;
	padding:15px 0;
}
.product_info .product_btn span.current,
.product_info .product_btn span:hover {
	background-color:#015498;
	color:#fff;
	border-color:#015498;
}
.product_info .product_wrap {
	text-align:center;
	margin-top:-1px;
	width:95%;
	margin:0 auto;
	overflow:hidden;
}
.product_info .product_wrap .product {
	float:left;
	text-align:center;
	width:31.3%;
	margin:0 0 30px;
	padding:30px 1%;
	border-top:1px solid #ddd;
}
.product_info .product_wrap .product:nth-child(1),
.product_info .product_wrap .product:nth-child(2),
.product_info .product_wrap .product:nth-child(3) {
	border-top-width:0;
}
.product_info .product_wrap .product .img {
	width:100%;
	height:200px;
	overflow:hidden;
}
.product_info .product_wrap .product .img img {
	width:auto;
	max-width:100%;
	height:auto;
	max-height:100%;
}
.product_info .product_wrap .product .name {
	font-size:20px;
	color:#000;
	font-weight:400;
	margin-bottom:15px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.product_info .product_wrap .product button {
	font-size:12px;
	padding:5px 12px;
	background-color:#f4f4f4;
	border:1px solid #b2b2b2;
}

/*  제품소개 끝  */
/*  사업내용  */
.business_info {
	background:url(../images/bg_main-business.jpg) left top repeat;
	padding:60px 0;
}
.business_info .content {
	overflow:hidden;
	width:95%;
	margin:0 auto;
}
.business_info .content .image {
	float:left;
	width:50%;
}
.business_info .content .image img {
	max-width:100%;
	width:auto;
}
.business_info .content .text_wrap {
	float:left;
	width:45%;
	padding-left:5%;
}
.business_info .content .text_wrap h2 {
	font-size:20px;
	line-height:24px;
	font-weight:900;
	color:#000;
}
.business_info .content .text_wrap .devider {
	height:2px;
	width:25px;
	background:#000;
	margin:20px 0 25px;
}
.business_info .content .text_wrap .text {
	word-break:keep-all;
	font-size:16px;
	line-height:22px;
	color:#000;
}
.business_info .content .text_wrap button {
	font-size:12px;
	padding:5px 10px;
	background-color:#fff;
	border:1px solid #b2b2b2;
	margin-top:10px;
}
/*  사업내용 끝  */

/*  온라인 견적  */
.estimate {
	background:#fff;
	padding:60px 0;
}
.estimate .input_form {
	width:60%;
	margin:0 auto;
}
.estimate .input_form input:focus,
.estimate .input_form textarea:focus {
	box-shadow:#015498 0 0 5px;
	border-color:#015498;
}
.estimate .input_form input.full-w {
	width:98.8%;
	margin:5px 0.5%;
	padding:0px 10px;
	font-size:16px;
	height:45px;
}
.estimate .input_form input.half-w {
	width:48.8%;
	margin:5px 0.5%;
	padding:0px 10px;
	font-size:16px;
	height:45px;
}
.estimate .input_form textarea {
	min-height:140px;
	width:98.8%;
	margin:5px 0.5%;
	font-size:16px;
	padding:15px 10px;
	
}
.estimate .input_form button {
	width:200px;
	height:50px;
	background:url(../images/bg_submit-btn.jpg) center center no-repeat;
	background-size:cover;
	color:#fff;
	display:block;
	margin:20px auto 0;
	font-size:20px;
}
/*  온라인 견적 끝  */

/*  게시판 영역  */
.boards_wrap {
	background:url(../images/bg_main-business.jpg) left top repeat;
	padding:40px 0;
}
.boards_wrap .boards_inner {
	overflow:hidden;
	width:95%;
	margin:0 auto;
}
.boards_wrap .board_area {
	padding:20px;
	background-color:#fff;
	float:left;
}
.boards_wrap .notice {
	width:48%;
}
.boards_wrap .qna,
.boards_wrap .data {
	width:19.5%;
	margin-left:1%;
}
.boards_wrap .notice .image {
	float:left;
	position:relative;
	width:220px;
	height:214px;
	overflow:hidden;
}
.boards_wrap .notice .image img {
	width:auto;
	height:auto;
	max-width:100%;
	max-height:100%;
}
.boards_wrap .notice .image .new {
	position:absolute;
	left:0;
	top:0;
	color:#fff;
	background-color:#015498;
	font-weight:bold;
	width:58px;
	height:25px;
	text-align:center;
	line-height:25px;
	font-size:12px;
}
.boards_wrap .notice .board {
	float:right;
	width:57%;
}
.boards_wrap .board .tit {
	padding:5px 0;
	height:30px;
	line-height:30px;
	font-size:20px;
	font-weight:900;
	color:#000;
}
.boards_wrap .board .tit button {
	font-size:12px;
	padding:5px 10px;
	background-color:#f4f4f4;
	border:1px solid #b2b2b2;
}
.boards_wrap .board table.board-table {
	width:100%;
	margin-top:8px;
}
.boards_wrap .board table.board-table tr {
	border-bottom:1px solid #e5e5e5;
	height:33px;
}
.boards_wrap .board table.board-table tr td.title {
	width:*;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.boards_wrap .board table.board-table tr td.date {
	width:74px;
	font-size:12px;
	color:#7f7f7f;
	text-align:right;
}
/*  게시판 영역 끝  */

@media only screen and (max-width:1132px) {
	/*  메인 슬라이더  */
	.slider_wrap .slide_txt_wrap .sub_txt {
		font-size:1.45vw;
		padding-top:15px;
		line-height:1.2;
	}
	.slider_wrap .slide_txt_wrap .tit {
		font-size:3.335vw;
		padding-top:15px;
		line-height:1.2;
	}
	.slider_wrap .slide_txt_wrap .txt, .slider_wrap .slide_txt_wrap .txt.regular {
		font-size:1.45vw;
		padding-top:15px;
		line-height:1.2;
	}
	/*  메인 슬라이더 끝  */
	/*  container  */
	/* 온라인 견적 */
	.estimate .input_form {
		width:80%;
	}
	/* 게시판 영역 */
	.boards_wrap .board_area {
		padding:20px 1.8%;
	}
	.boards_wrap .notice .image {
		width:38%;
	}
	.boards_wrap .notice .board {
		width:60%;
	}
	/*  container end  */
}
@media only screen and (max-width:870px) {
	/* 제품소개 */
	.product_info .product_wrap .product {
		width:48%;
	}
	.product_info .product_wrap .product:nth-child(3),
	.product_info .product_wrap .product:nth-child(4) {
		border-top-width:1px;
	}

	/*게시판 영역*/
	.boards_wrap .notice {
		width:96.4%;
	}
	.boards_wrap .qna,
	.boards_wrap .data {
		width:45.9%;
		margin-left:0;
		margin-top:15px;
	}
	.boards_wrap .data {
		margin-left:1%;
	}
	
}
@media only screen and (max-width:640px) {
	/*  메인 슬라이더  */
	.slider_wrap .slider .slide_img {
		width:100%;
		float:none;
	}
	.slider_wrap .slider .slide_txt_wrap {
		width:100%;
		float:none;
		padding-top:15px;
	}
	.slider_wrap .slide_txt_wrap .sub_txt {
		font-size:2.45vw;
		padding-top:10px;
	}
	.slider_wrap .slide_txt_wrap .tit {
		font-size:4.335vw;
		padding-top:10px;
	}
	.slider_wrap .slide_txt_wrap .txt, .slider_wrap .slide_txt_wrap .txt.regular {
		font-size:2.45vw;
		padding-top:10px;
	}
	/*  메인 슬라이더 끝  */
	
	/*  제품소개  */
	.product_info .product_btn span {
		margin:1.5px;
		width:30%;
	}
	/*  사업내용  */
	.business_info .content .image {
		float:none;
		width:100%;
	}
	.business_info .content .text_wrap {
		float:none;
		padding:0;
		width:100%;
		margin-top:20px;
	}
	.business_info .content .text_wrap .devider {
		margin:10px 0 15px;
	}
	/* 온라인 견적 */
	.estimate .input_form {
		width:100%;
	}
	.estimate .input_form input.half-w {
		width:98.8%;
	}
}
@media only screen and (max-width:400px) {
	/* 제품소개 */
	.product_info .product_wrap .product {
		width:98%;
	}
	.product_info .product_wrap .product:nth-child(2) {
		border-top-width:1px;
	}

	/*게시판 영역*/
	.boards_wrap .notice {
		width:96.4%;
	}
	.boards_wrap .notice .image {
		float:none;
		width:100%;
		text-align:center;
	}
	.boards_wrap .boards_inner .notice .board {
		width:100%;
		float:none;
	}
	
	.boards_wrap .qna,
	.boards_wrap .data {
		width:96.4%;
		margin:0;
		margin-top:10px;
	}
	
}