@charset "utf-8";
/* CSS Document */
html, body { font-family: 'Nanum Gothic', sans-serip;
             font-size:1.05rem;
			 font-weight:400;
             color:#000;
			 }
			 
			 /*네브바 폰트컬러===================================*/
			  @media (min-width: 992px) {
			 .navbar-brand { margin-right: 3rem;
				                 }
			 .navbar-expand-lg .navbar-nav .nav-link {
													  padding-right: .7rem;
													  padding-left: .7rem;
												  }
			  }

			  .navbar-light .navbar-nav .nav-link {
												  color: rgba(0,0,0,.8);
												  font-weight:700;
												  }
 @media (min-width: 992px){ 
.container {    
			max-width: 1124px;
			}
}

/*메인 대표이미지================================================================================================================*/

.mainimg{ background-image:url(../images/sian2_main_img.jpg);
          background-position:center top;
		  background-repeat:no-repeat;
		  background-size:cover;
		  width:auto;
		  height:428px;
		  }
		  
		  .boss-text {padding:40px 0;}
		  .boss-text h6 { font-size:1.1rem; font-weight:700; }
		  
		  /*carousel ============================================================ */
		  .bg1{ background-image:url(../images/bg1.jpg);
					background-position:center center;
					background-repeat:no-repeat;
					background-size:cover;
					width:auto;
					height:488px;
					}
					.bg2{  background-image:url(../images/bg2.jpg);
						  background-position:center center;
						  background-repeat:no-repeat;
						  background-size:cover;
						  width:auto;
						  height:488px;
						  }
					.bg3{ background-image:url(../images/bg3.jpg);
						  background-position:center center;
						  background-repeat:no-repeat;
						  background-size:cover;
						  width:auto;
						  height:488px;
						  }
		  .carousel-caption h2 {text-shadow: 1px 1px 3px #fff; word-break:keep-all;}
		  .carousel-caption p {text-shadow: 1px 1px 3px #fff; word-break:keep-all;}
		  .carousel-caption {bottom: 10.25rem;}
		  @media (max-width: 768px){ 
		    .bg1, .bg2, .bg3 { height:428px;}
			.carousel-caption {bottom: 6.25rem;}
		  }
		  
		  /*메인 컨텐츠---------------------------------------------*/
		  .bg-f4f8ff {background-color:#f4f8ff;}
		  .height-280 {height:280px;}
		  .bg-f4f8ff h3{font-weight:900; line-height:1;}
		  .bg-f4f8ff p{font-weight:400;}
		  .corner1 {background-image:url(../images/corner1.png);
		            background-position:left top;
					background-repeat:no-repeat;
					border-right:3px solid #fff;
		  }
		  .corner1 p {margin-bottom:0;}
		  
		  /*메인 사업분야 6개 -----------*/
		  .bg-656c90 {background-color:#656c90; 
		              text-align:center; 
					  padding:20px 0 15px;
					  font-size:16px;
					  color:#FFF;
					  }
					  .bg-656c90 p{margin-bottom:0; line-height:1.3;}
					  .field1 {border-right:3px solid #fff; border-bottom:3px solid #fff;}
					  .field2 {border-right:3px solid #fff; border-bottom:3px solid #fff;}
					  .field3 {border-right:0px solid #fff; border-bottom:3px solid #fff;}
					  .field4 {border-right:3px solid #fff; border-bottom:0px solid #fff;}
					  .field5 {border-right:3px solid #fff; border-bottom:0px solid #fff;}
					  .field6 {border-right:0px solid #fff; border-bottom:0px solid #fff;}
					  
					  /*메인 빠른 상담 부분 -----------*/
					  .design-bg1 {background-image:url(../images/design_bg.jpg);
									background-position:left top;
									background-repeat:no-repeat;
									background-size:cover;
									border-right:3px solid #fff;
									}
					  .design-bg2 {background-image:url(../images/design_bg2.jpg);
									background-position:right top;
									background-repeat:no-repeat;
									background-size:auto 100%;
									height:210px;
									}
									.corner2 {background-image:url(../images/corner2.png);
											  background-position:left top;
											  background-repeat:no-repeat;
											  border-right:0px solid #fff;
									}
									.corner2 h5{padding-left:10px; padding-top:15px;}
									
									/*공사실적 부분 -----------*/
									.main-h3 { display:block; 
											   font-weight:700;
									           text-align:center;
									           width:150px; 
											   padding-right:0; 
											   padding-left:0;
											   margin:112px auto 0;
											   border-top:3px solid #bbc6db;
											   }
											   
											   @media (max-width: 768px){ 
											        /*메인 컨텐츠-------------------*/
													.mainimg{ background-image:url(../images/sian2_main_img.jpg);
																				background-position:-130px top;
																				background-repeat:no-repeat;
																				background-size:cover;
																				width:auto;
																				height:328px;
																				}
														.height-280 {height:auto;}
														.bg-f4f8ff p{font-weight:400;}
														.corner1 {
																  border-right:0px solid #fff;
														}
														.corner1 h3{ margin-top:20px;}
											        /*메인 사업분야 6개 -----------*/
													 .bg-656c90 {background-color:#656c90; 
																  text-align:center; 
																  padding:10px 0 10px;
																  font-size:16px;
																  color:#FFF;
																  }
														  .bg-656c90 p{margin-bottom:0; line-height:1.3;}
														  .field1 {border-right:0px solid #fff; border-bottom:3px solid #fff;}
														  .field2 {border-right:0px solid #fff; border-bottom:3px solid #fff;}
														  .field3 {border-right:0px solid #fff; border-bottom:3px solid #fff;}
														  .field4 {border-right:0px solid #fff; border-bottom:3px solid #fff;}
														  .field5 {border-right:0px solid #fff; border-bottom:3px solid #fff;}
														  .field6 {border-right:0px solid #fff; border-bottom:3px solid #fff;}
											       /*메인 빠른 상담 부분 -----------*/
												               .design-bg1{border-right:0px solid #fff;}
															   .design-bg2 {background-image:none;
																			height:auto;
																			}
																			

											   
											   }
											   
											   /*메인 미리보기---------------------*/
											   .previewm a {display:block !important; text-align:center;}
											   
									
/*----------바텀 ------------------------------------------------------------------------------------------------------------------------------------------------------*/
			.bg-000000 {background-color:#000;}
			.bottom-area p{margin-bottom:0; font-size:.9rem;}
							
/*=================================================================서브페이지 =========================================================================================*/

.subbackground {background-image:url(../images/sian2_sub_bg.png);
		        background-position:left top;
				background-repeat:repeat-x;
		        }
		 .subimg {background-image:url(../images/sian2_sub_img.jpg);
		          background-position:center top;
				  background-repeat:no-repeat;
				  background-size:cover;
				  width:auto;
				  padding-top:70px;
				  text-align:center;		  
		 }
				  
				  /*==서브------------------------------------------------------------------------------*/
				  .submenu { background-color:rgba(21,56,130,0.8);}
				  .bg-153882 {background-color:rgba(21,56,130,0.8);}				 
				  .height-170 {height:170px;}
				  .height-90 {height:90px;}
				  .padding-top-70 {padding-top:70px;}
				  .table > :not(caption) > * > * {
												  border-bottom-width: 0px;
												  }
												  .subcategory {color:#FFF;}
												  .subcategory a {color:#fff; 
												                  text-decoration:none;
																  font-weight:400;
																  }
																  .subcategory a:hover {color:#CCC;}
																  
																  .phone {border-left:2px solid #F60; padding:10px 0 5px 20px;}
																  .phone h5 {font-weight:900;}
																  
																   @media (max-width: 768px){ 
																                                 .height-170 {height:auto;}
																								 .height-90 {height:auto;}
																								 .padding-top-70 {padding-top:20px;}																   
																                                 }
																								 
																								 /*=================철거 공법 ========================================*/
																								 .bg-779dec {background-color:#779dec;}
																								 
																								 .field-title, .field-title2 {padding:14px; 
																								               width:35%;
																											   color:#FFF;
																											   margin-top:50px;
																											   margin-bottom:30px;
																											   }
																											   
																											   .field-img-padding {
																												                   margin: 50px auto;}
																								 .field-howto1 {  border: 2px solid #c8cfde;
																								                  background-color:#c8cfde;
																								                  padding: 10px;
																												  margin-bottom:25px;
																								                  border-radius: 0px 0px 10px 0px;
																												  word-breask:keep-all;
																												  }
																												  
																												  .field-howto2 {  border: 2px solid #abb6cc;
																												                    background-color:#abb6cc;
																																	padding: 10px;
																																	margin-bottom:25px;
																																	border-radius: 0px 0px 10px 0px;
																																	word-break:keep-all;
																																	}
																																	 
																																	.field-howto1 legend, .field-howto2 legend { 
																																	                       border-bottom:1px solid 1px;
																																						   float: none; 
																																						   display:inline-block;
																																						   width:300px;
																																						   font-size:1.2rem;
																																						   font-weight:700;
																																						   }
																																	
																																	.field-howto1 p, .field-howto2 p {
																																		                                font-weight:400; 
																																										text-indent:38px;
																																										}
																																	
																																	 @media (max-width: 768px){ 
																																	 .field-title {
																																					width:auto;
																																					margin-top:15px;	
																																					}
																																					.field-title2 {
																																								   width:auto;
																																								   margin-top:15px;																																							  
																																								   }
																																	 .field-howto1 p, .field-howto2 p { text-indent:auto;}
																																	
																																	 }
																												/*======소개*/
																												.bg-about-us {background-image:url(../images/about_us_bg.jpg);
																												              background-position:bottom right;
																															  background-repeat:no-repeat;
																															  height:780px;
																												}
																												 @media (max-width: 768px){ 
																												 .bg-about-us {
																															  height:700px;
																												}
																													}				 
																																	 
																																	 
/*모달 *************************************/
/* The Modal (background) */
					  .modal {
						  display: none; /* Hidden by default */
						  position: fixed; /* Stay in place */
						  z-index: 1; /* Sit on top */
						  padding-top: 100px; /* Location of the box */
						  left: 0;
						  top: 0;
						  width: 100%; /* Full width */
						  height: 100%; /* Full height */
						  overflow: auto; /* Enable scroll if needed */
						  background-color: rgb(0,0,0); /* Fallback color */
						  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
					  }
					  
					  /* Modal Content */
					  .modal-content {
						  background-color: #fefefe;
						  margin: auto;
						  padding: 20px;
						  border: 1px solid #888;
						  width: 600px;
						  height:400px;
						  overflow:auto;	
					  }
					  .modal-content p{font-size:12px; color:#000;}
					  /* The Close Button */
					  .close {
						  color: #aaaaaa;
						  float: right;
						  font-size: 28px;
						  font-weight: bold;
					  }
					  
					  .close:hover,
					  .close:focus {
						  color: #000;
						  text-decoration: none;
						  cursor: pointer;
					  }
					  
					  /*스크롤 ************************************************************************************************* /*/
					  .roundbtn {border-radius: 20px; width:50px; height:50px; box-shadow: 5px 0px 5px rgba(0,0,0, .2);margin-bottom:1xp; background-color:#fff;}
					  .btn-hidden { visibility:hidden; width:0; height:0} 
					  .btn-visible {visibility:visible; font-size:24px; font-weight:700;padding:10px 5px 5px 5px; display:block; float:right; height:auto;}
					  .katalk_scroll {position:fixed; right:0px; top:100px; z-index:9999;
																	 text-align:center;
																	 padding:0px;
																	  width:0px; 
																	  height:0px; 
																	  visibility:hidden; 
																	  display:none;
																	 display:inline;
																	 border-radius: 0px; 
																	 -webkit-border-radius: 0px; 
																	 -moz-border-radius: 0px;
																	 }	
																	 .katalk_scroll img {margin-bottom:1xp;}
 @media (max-width: 768px) {
									.btn-hidden { visibility:visible; width:auto; height:auto;}
									.btn-hidden .btn{height:auto !important;}
									.btn-visible {visibility:hidden; font-size:0; padding:0; float:none; display:inline-block; width:0; height:0;}
									                             .katalk_scroll {position:fixed; right:15px; top:100px; z-index:9999; 
																				  text-align:center;
																				  padding:5px; 
																				  width:68px; 
																				  height:auto; 
																				  visibility:visible;
																				  display:block;
																				  border-radius: 0px; 
																				  -webkit-border-radius: 0px; 
																				  -moz-border-radius: 0px;
																				 }	
													 }