/*=================================================
			00. 공통
=================================================*/

.page-select-wrap{
	text-align:center;
	margin: 30px 0 60px;
}

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

.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:300;
}



/*****#####===== 미디어 쿼리 =====#####*****/
/***** 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 .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. isotope
=================================================*/
/*****#####===== 공통 =====#####*****/
.board2-wrap {
	
}
/*****##### 카테고리 버튼 #####*****/
.isotope-tmpl-wrap .btn-wrap button{
	padding: 5px 20px;
	background-color:#fff;
	border-color:#ddd;
	
	-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;
}

.isotope-tmpl-wrap .filter-btn-wrap .list-inline>li{
	padding-left:2px;
	padding-right:2px;
}

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

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

.isotope-tmpl-wrap .top-text .title{
	font-size:13px;	
}
/*****#####===== 미디어 쿼리 =====#####*****/
/***** md *****/
@media (min-width: 992px) and (max-width: 1199px){

}

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

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



/*=================================================
			02. estimate
=================================================*/
/*****#####===== 견적의뢰 =====#####*****/
#estimate1-page .item-title{
	font-size: 30px;
    font-weight: 700;
    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;
}

/*****#####===== 미디어 쿼리 =====#####*****/
/***** 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){
	#estimate-form{
		font-size:12px;
	}
	
	.estimate-info .icheckbox_square-grey{
		margin:0 5px 5px 8px;
	}
	
	.estimate-info .icheckbox_square-grey:first-child,
	.estimate-info .icheckbox_square-grey:nth-of-type(4) {
		 margin: 0 5px 5px 0px;
	}
}



/*=================================================
		03. about
=================================================*/
/*****#####===== 타이틀 =====#####*****/
#process .section-title-wrap .section-title{
	text-align:left;
}

/*****#####===== 아이템 전체 =====#####*****/
#process .item-wrap{
    padding: 0 16%
}

#process .item-wrap:hover .item-icon{
    background-color: #fff;
   	color:#e50012;
     
     -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;
}

#process .item-icon{
    font-size: 40px;
    border-radius: 50%;
    background-color:rgba(255,255,255,0.4);
    padding: 27.5% 0;
 	color:#fff;
    
    -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;
}

#process .item-title{
	padding: 12px 0;
	
	font-size: 20px;
	font-weight: 600;
}