/*=================================================
			00. 공통
=================================================*/
.page-select-wrap{
	padding: 50px 0;
	text-align:center;	
}

.page-select-wrap a{
	margin:0 8px;
	display:inline-block;
}
.page-select-wrap .list-group-item{
	padding: 5px 20px;
	margin: 0 4px;
	border: 1px solid #7A7878;
}

.page-select-wrap .list-group-item:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.page-select-wrap .list-group-item:last-child {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.page-select-wrap .list-group-item:hover{
	background-color:#fff;
}

.page-select-wrap .list-group-item.active, 
.page-select-wrap .list-group-item:hover,
.page-select-wrap .list-group-item.active:focus, 
.page-select-wrap .list-group-item.active:hover{
	background-color:#fff;
	color:#e50012;
	border-color:#e50012;
    border-radius: 0;
}

/*****#####===== 타이틀 =====#####*****/
.section-title-wrap{
	padding: 15px 0;
	text-align:center;
}

.section-title-wrap .section-title{
	margin:0;
}

.section-title-wrap .section-subtitle{
	color:#fff;
	margin:0;
	font-weight:400;
}

/*****#####===== 미디어 쿼리 =====#####*****/
/***** md *****/
@media (min-width: 992px) and (max-width: 1199px){

}

/***** sm *****/
@media (min-width: 768px) and (max-width: 991px){
	
}

/***** xs *****/
@media (max-width: 767px){
	.page-select-wrap {
	    margin: 0;
	    padding: 0;
	}	

	.page-select-wrap .list-group-item {
	    padding: 3px 7px;
	    margin: 0 5px;
	}
	
	.page-select-wrap .list-group-item.active, 
	.page-select-wrap .list-group-item:hover,
	.page-select-wrap .list-group-item.active:focus, 
	.page-select-wrap .list-group-item.active:hover{
		margin-bottom:15px;
	}
}

/*=================================================
			01. works
=================================================*/
/*****##### 카테고리 버튼 #####*****/
.works-tmpl-wrap .bcat-btn-wrap button{
    margin: 0 4px;
	padding: 5px 20px;
	background-color:#fff;
	border-color:#989697;
	
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.works-tmpl-wrap .bcat-btn-wrap button.active,
.works-tmpl-wrap .bcat-btn-wrap button:hover{
	background-color:#fff;
	color:#e50012;
	border-color:#e50012;
    border-radius: 0;
    box-shadow:none;
}

/*****##### 상단오른쪽 문구 #####*****/
.works-tmpl-wrap .top-text{
	margin-top:30px;	
}

.works-tmpl-wrap .top-text .title{
	font-size:13px;	
}

#image-page .works-tmpl-wrap .top-text {
    margin-top: 60px;
}

.works-tmpl-wrap .item-wrap {
    margin: 5px;
}
/*****#####===== 미디어 쿼리 =====#####*****/
/***** md *****/
@media (min-width: 992px) and (max-width: 1199px){

}

/***** sm *****/
@media (min-width: 768px) and (max-width: 991px){
	
}

/***** xs *****/
@media (max-width: 767px){
	.works-tmpl-wrap .btn-wrap button{
		padding:5px 10px;
	}
}

/*=================================================
			02. estimate
=================================================*/
/*****#####===== 견적의뢰 =====#####*****/
#estimate1-page .item-title{
	font-size: 30px;
    font-weight: 900;
    letter-spacing: -2.5px;
    margin-bottom:30px;
}

.estimate-info .form-group{
    border-bottom: 1px solid #aaa;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.estimate-info .icheckbox_square-grey{
	margin:0 5px 0 20px;
}

.estimate-info .icheckbox_square-grey:first-child{
	margin:0 5px 0 0px;
}

.estimate-info .form-group.etc-wrap{
	margin-bottom:60px;
}

.estimate-btn{
	width:auto;
	margin:30px auto 0;
	border:1px solid transparent;
	border-radius:10px;
	padding:5px 30px;
	
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.estimate-btn:hover{
	border:1px solid #ddd;
	color:#e50012;
	background-color:#fff;
}
/*****#####===== 테이블 =====#####*****/
#estimate2-page table,
#estimate3-page table,
#estimate4-page table,
#estimate5-page table{
	width:100% !important;
	text-align:center;
}

#estimate2-page table tr td,
#estimate3-page table tr td,
#estimate4-page table tr td,
#estimate5-page table tr td{
	padding:5px 10px;
	
	letter-spacing: 0.5px;
}

/*****#####===== 미디어 쿼리 =====#####*****/
/***** md *****/
@media (min-width: 992px) and (max-width: 1199px){

}

/***** sm *****/
@media (min-width: 768px) and (max-width: 991px){
	.estimate-info .icheckbox_square-grey{
	    margin: 0 5px 0 15px;
	}
}

/***** xs *****/
@media (max-width: 767px){
	#estimate2-page table,
	#estimate3-page table,
	#estimate4-page table,
	#estimate5-page table{
		width:100% !important;
		text-align:center;
		display: block;
		overflow-x: scroll;
	}
	#estimate-form{
		font-size:14px;
	}
	
	.estimate-info .icheckbox_square-grey{
	    margin: 0 8px 2px 8px;
	}
	
	.estimate-info .icheckbox_square-grey:first-child,
	.estimate-info .icheckbox_square-grey:nth-of-type(4) {
		 margin: 0;
	}
}

/*=================================================
			03. contact
=================================================*/
.contact-wrap .map-canvas{
	height: 400px;
}

.contact-wrap .border-wrap{
	margin: 0 5% 0;
    padding: 3% 3% 5%;
}

.contact-wrap .form-group{
    margin-bottom: 5px;	
}

.contact-wrap .btn.terms-btn{
	background: none;
}

/*****#####===== 미디어 쿼리 =====#####*****/
/***** md *****/
@media (min-width: 992px) and (max-width: 1199px){

}

/***** sm *****/
@media (min-width: 768px) and (max-width: 991px){
	.contact-wrap .company-info-wrap{
		margin: 0 0 5%;
	}
}

/***** xs *****/
@media (max-width: 767px){
	.contact-wrap .map-canvas{
		height: 200px;
	}
	
	.contact-wrap .company-info-wrap{
		margin: 0 0 5%;
	}		
}