/**
* File Name : sub_layout.css
* Description : 서브스타일시트
* Author : Wed Project Team / Design
* Update : 2022.01.25
**/

@charset "utf-8";
@import url('../css/NotoSans_Font.css');
@import url('http://fonts.googleapis.com/earlyaccess/notosanskr.css'); 
@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css'); 
@import url('https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css');
@import url('http//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');


html, body {padding:0; margin:0; width:100%; height:100%;  box-sizing: border-box; font-family: 'Noto Sans KR',' sans-serif','Nanum Gothic','NanumBarunGothic', 'NanumSquare','Malgun Gothic','dotum', 'NanumSquareRound', 'Lato', 'Helvetica', 'Spoqa Han Sans', 'Montserrat',}

/* Layout Selector */


.sub-bottom-img {display:block; width:100%; height:286px; background:url('../images/sub/sub-bottom-img.png') no-repeat center; background-size:cover; clear:both; }
.bottom-img-info {width:1440px; margin:0 auto; padding-top:90px; text-align:center;  }
.bottom-img-info .img-info-txt {font-size:20px; color:#fff; font-weight:400; margin:0; letter-spacing:-0.7px }
.bottom-img-info .img-phone-txt {font-size:36px; color:#fff; font-weight:700; letter-spacing:-0.4px; padding:10px 0; margin:0; font-family:'Montserrat' }
.bottom-img-info .img-phone-txt a {color:#fff; font-family:'Montserrat'}

@media (min-width: 1281px) and (max-width: 1519px){
 .sub-bottom-img {width:100%; height:auto; }
 .bottom-img-info {width:100%; margin:0 auto; padding:40px 30px; }
 .bottom-img-info .img-info-txt {font-size:18px; }
 .bottom-img-info .img-phone-txt {font-size:30px;}
}



@media (min-width: 993px) and (max-width: 1280px){
 .sub-bottom-img {width:100%; height:auto; }
 .bottom-img-info {width:100%; margin:0 auto; padding:40px 30px; }
 .bottom-img-info .img-info-txt {font-size:16px; }
 .bottom-img-info .img-phone-txt {font-size:24px;}
}

@media (min-width: 769px) and (max-width: 992px){
 .sub-bottom-img {width:100%; height:auto; }
 .bottom-img-info {width:100%; margin:0 auto; padding:30px 30px; }
 .bottom-img-info .img-info-txt {font-size:14px; }
 .bottom-img-info .img-phone-txt {font-size:22px;}	
}

@media (min-width: 577px) and (max-width: 768px){
 .sub-bottom-img {width:100%; height:auto; }
 .bottom-img-info {width:90%; padding:30px 30px; }
 .bottom-img-info .img-info-txt {font-size:13px; }
 .bottom-img-info .img-info-txt br {display:none }	
 .bottom-img-info .img-phone-txt {font-size:22px;}	
}

@media (min-width: 321px) and (max-width: 576px){
 .sub-bottom-img {width:100%; height:auto; }
 .bottom-img-info {width:100%; padding:30px 40px; }
 .bottom-img-info .img-info-txt {font-size:12px; }
 .bottom-img-info .img-info-txt br {display:none }	
 .bottom-img-info .img-phone-txt {font-size:18px; }	
 
}


@media  (max-width: 320px){
 .sub-bottom-img {width:100%; height:auto; }
 .bottom-img-info {width:100%; padding:30px 40px; }
 .bottom-img-info .img-info-txt {font-size:12px; }
 .bottom-img-info .img-info-txt br {display:none }	
 .bottom-img-info .img-phone-txt {font-size:18px; }	
 
}

	
/* Link */
a { font-family: 'Noto Sans KR','sans-serif','Nanum Gothic','NanumBarunGothic','Malgun Gothic','dotum', 'NanumSquareRound', 'Lato', 'Helvetica' ,'Spoqa Han Sans', 'Montserrat'; text-decoration:none;   outline: none } 
a:link a:visited {color:#000; text-decoration:none;}
a:hover, a:active { color:#000; text-decoration:none;}



.page-top-img { width:100%;  z-index:0;}
.sub_vimg {width:100%;  min-height:400px; background:url('../images/sub/sub-top-img.png') no-repeat; background-position:center; background-size:cover; }

.txtdiv {width:1440px; position: relative; margin:0 auto; text-align:center; padding:140px 20px 0 20px; }
.txtdiv .svtxt1 {
  width:100%; 
  font-size:20px; 
  font-weight:400;
  color:#ffc000; 
  line-height:1.2; 
  padding:10px 0; 
  margin:0;
  letter-spacing:-0.7px;
}

.txtdiv .svtxt2 {
  width:100%; 
  font-size:24px;
  font-weight:400;
  color:#FFF; 
  line-height:1.3!important; 
  padding: 0;
  margin:0;
  letter-spacing:-0.7px;
}

.txtdiv .svtxt3 {
  width:100%;
  font-size:34px; 
  font-weight:700; 
  color:#FFF; 
  line-height:1.4!important; 
  padding:10px 0; 
  margin:0;
  letter-spacing:-0.2px; 
  font-family:'Montserrat'
}




.spg-cont {width:100%; margin:0 auto; padding:0;}
.spg_title_wrap {
  width:100%; 
  height:70px; 
  margin:0 auto; 
  border-bottom:1px solid #cfcfcf;  
  line-height:70px; 
  position:relative; 
  clear:both 
}
.spg_title_wrap .spg_title_hr {width:1440px; margin:0 auto; padding:0 0;}
.spg_title_wrap .spg_tit { float:left; display:inline-block; width:50%; text-align:left; font-size:22px; font-weight:500; }
.spg_title_wrap .spg_dir { float:right;display:inline-block; width:50%; text-align:right; font-size:12px; color:#666;}



.page_object {width:1440px; padding:50px 0; display:block; margin:0 auto;  position:relative;  }
.page_title {font-size:36px; color:#333; line-height:1.4; font-weight:700; text-align:center; }
.page_title_desc {font-size:18px; color:#555; line-height:1.4; font-weight:400; padding:20px 0; text-align:center}

.page-about-img {max-width:1440px; margin:0 auto; padding:40px 0 0 0; display:block;}

.page-about-img .com-img-2 {
  width:100%; 
  height:500px; 
  display:block; 
  padding:0; 
  background-repeat: no-repeat; /* 반복 여부와 반복 방향 */ 
  background:url('../images/sub/about/company-img-2.jpg') center  ; 
  background-position:cover;
}

.page-about-img  .com-img-2 .com-img-txtwrap {display:block; width:100%; padding:120px 0 0 80px}
.page-about-img  .com-img-2 .com-title {
  display:block;  
  font-size:40px; 
  font-weight:600!important; 
  color:#fff; 
  line-height:1.4;  
  text-align:left;
  padding:0; 
  font-family:"Noto Sans KR";
  letter-spacing:-0.6px;
}
.page-about-img  .com-img-2 .com-title span {font-weight:300!important; }

.page-about-img  .com-img-2 .com-desc {
  display:block;  
  font-size:14px; 
  color:#fff; 
  line-height:1.4; 
  font-weight:400!important;  
  text-align:left;
  padding:0; 
  font-family:"Noto Sans KR";
}




.page-about-in {max-width:1440px; margin:0 auto; padding:40px 0 50px 0; display:block;}
.page-about-in .about-font {font-size:18px; color:#383838; line-height:1.8; font-weight:400; text-align:left;}
.page-about-in .addr-inner {width:100%; display:block; text-align:center; }
.page-about-in .addr-inner span {display:block; font-size:18px; color:#383838; line-height:1.8; font-weight:400; text-align:center; padding:10px 0!important;}
.page-about-in .addr-inner span br {display:none; }
.page-about-in .add-img {width:100%; display:block; text-align:center; padding:0 0 20px 0;}
.page-about-in .add-img img {width:100%; }

.page-about-in .com-img {width:100%; display:block; text-align:center; padding:0 0 50px 0;}
.page-about-in .com-img img {width:100%; }




@media (min-width: 1225px) and (max-width: 1519px){

 .page-top-img { width:100%;  z-index:0;}
 .sub_vimg {width:100%; min-height:400px;}
 .txtdiv {width:100%; padding:160px 30px 0 30px;}
 .txtdiv .svtxt1 {font-size:20px; padding:10px 0; }
 .txtdiv .svtxt2 {font-size:22px;  }
 .txtdiv .svtxt3 {font-size:30px; padding:10px 0;}	

 .spg_title_wrap {width:100%; padding:0 50px; border-bottom:1px solid #cfcfcf; }
 .spg_title_wrap .spg_title_hr {width:100%; margin:0 auto; padding:0 0;}
 .spg_title_wrap .spg_tit {float:left;  width:50%; text-align:left; font-size:22px; }
 .spg_title_wrap .spg_dir {float:right; width:50%; text-align:right; font-size:12px; color:#666;}

 .page_object {width:100%; padding:50px 20px; }
 .page_title {font-size:30px; }
 .page_title_desc {font-size:16px; padding:10px 0;}

 .page-about-img {width:100%; padding:20px 0 0 0;}

 .page-about-in {width:100%; padding:20px 0;}
 .page-about-in .about-font {font-size:18px; }
 .page-about-in .addr-inner span {font-size:16px; padding:10px 0!important;}

 .page-about-in .add-img {width:100%;}
 .page-about-in .add-img img {width:100%; }

 .page-about-in .com-img {width:100%; padding:0 0 50px 0;}
 .page-about-in .com-img img {width:100%; }

 .page-about-img .com-img-2 {width:100%; height:400px;}
 .page-about-img .com-img-2 .com-img-txtwrap {padding:100px 0 0 80px}
 .page-about-img .com-img-2 .com-title {font-size:30px; text-align:left;}
 .page-about-img .com-img-2 .com-desc {font-size:14px;  text-align:left;}
   
}


@media (min-width: 993px) and (max-width: 1224px){

 .page-top-img { width:100%;  z-index:0;}
 .sub_vimg {width:100%; min-height:400px;}
 .txtdiv {width:100%; padding:160px 30px 0 30px;}
 .txtdiv .svtxt1 {font-size:18px; padding:10px 0; }
 .txtdiv .svtxt2 {font-size:18px;  }
 .txtdiv .svtxt3 {font-size:24px; padding:10px 0;}	

 .spg_title_wrap {width:100%; padding:0 50px; border-bottom:1px solid #cfcfcf; }
 .spg_title_wrap .spg_title_hr {width:100%; margin:0 auto; padding:0 0;}
 .spg_title_wrap .spg_tit {float:left;  width:50%; text-align:left; font-size:22px; }
 .spg_title_wrap .spg_dir {float:right; width:50%; text-align:right; font-size:12px; color:#666;}

 .page_object {width:100%; padding:50px 20px; }
 .page_title {font-size:30px; }
 .page_title_desc {font-size:18px; padding:10px 0;}

  .page-about-img {width:100%; padding:20px 0 0 0;}
  .page-about-in {width:100%; padding:20px 0;}
  .page-about-in .about-font {font-size:18px; }
  .page-about-in .addr-inner span {font-size:16px; padding:10px 0!important;}

  .page-about-in .add-img {width:100%;}
  .page-about-in .add-img img {width:100%; }

  .page-about-in .com-img {width:100%; padding:0 0 40px 0;}
  .page-about-in .com-img img {width:100%; }


  .page-about-img .com-img-2 {width:100%; height:400px;}
  .page-about-img .com-img-2 .com-img-txtwrap {padding:100px 0 0 80px}
  .page-about-img .com-img-2 .com-title {font-size:30px; text-align:left;}
  .page-about-img .com-img-2 .com-desc {font-size:14px;  text-align:left;}


}


@media (min-width: 769px) and (max-width: 992px){

 .sub_vimg {width:100%; min-height:400px;}
 .txtdiv {width:100%; padding:160px 30px 0 30px;}
 .txtdiv .svtxt1 {font-size:16px; padding:10px 0; }
 .txtdiv .svtxt2 {font-size:16px;  }
 .txtdiv .svtxt3 {font-size:24px; padding:10px 0;}	

 .spg_title_wrap {
   width:100%; 
   padding:0 40px; 
   height:60px; 
   line-height:60px;
   border-bottom:1px solid #cfcfcf;
  }
 .spg_title_wrap .spg_title_hr {width:100%; margin:0 auto; padding:0 0;}
 .spg_title_wrap .spg_tit {float:left;  width:50%; text-align:left; font-size:22px; }
 .spg_title_wrap .spg_dir {float:right; width:50%; text-align:right; font-size:12px; color:#666;}	

 .page_object {width:100%; padding:40px 20px; }
 .page_title {font-size:26px; }
 .page_title_desc {font-size:15px; padding:10px 0;}


 .page-about-img {width:100%; padding:20px 0 0 0;}
 .page-about-in {width:100%; padding:20px 0;}
 .page-about-in .about-font {font-size:18px; }
 .page-about-in .addr-inner span {font-size:15px; padding:10px 0!important;}

 .page-about-in .add-img {width:100%;}
 .page-about-in .add-img img {width:100%; }
 .page-about-in .com-img {width:100%; padding:0 0 30px 0;}
 .page-about-in .com-img img {width:100%; }

 .page-about-img .com-img-2 {width:100%; height:400px;}
 .page-about-img .com-img-2 .com-img-txtwrap {padding:100px 10px 0 10px}
 .page-about-img .com-img-2 .com-title {font-size:28px; text-align:center;}
 .page-about-img .com-img-2 .com-desc {font-size:14px;  text-align:center;}

}



@media (min-width: 577px) and (max-width: 768px){

 .sub_vimg {width:100%; min-height:400px;}
 .txtdiv {width:100%; padding:140px 30px 0 30px;}
 .txtdiv .svtxt1 {font-size:16px; padding:10px 0; }
 .txtdiv .svtxt2 {font-size:16px;  }
 .txtdiv .svtxt3 {font-size:24px; padding:10px 0;}	

 .spg_title_wrap {
   width:100%; 
   padding:0 30px; 
   height:50px; 
   line-height:50px;
   border-bottom:1px solid #cfcfcf;
  }
 .spg_title_wrap .spg_title_hr {width:100%; margin:0 auto; padding:0 0;}
 .spg_title_wrap .spg_tit {float:left;  width:50%; text-align:left; font-size:22px; }
 .spg_title_wrap .spg_dir {float:right; width:50%; text-align:right; font-size:12px; color:#666;}	

 .page_object {width:100%; padding:30px 20px; }
 .page_title {font-size:24px; }
 .page_title_desc {font-size:14px; padding:10px 0;}
 .page_title_desc br {display:none}


 .page-about-img {width:100%; padding:20px 0 0 0;}
 .page-about-in {width:100%; padding:20px 0;}
 .page-about-in .about-font {font-size:15px; }
 .page-about-in .addr-inner span {font-size:14px; padding:10px 0!important;}

 .page-about-in .add-img {width:100%;}
 .page-about-in .add-img img {width:100%; }
 .page-about-in .com-img {width:100%; padding:0 0 20px 0;}
 .page-about-in .com-img img {width:100%; }

 .page-about-img .com-img-2 {width:100%; height:360px;}
 .page-about-img .com-img-2 .com-img-txtwrap {padding:90px 10px 0 10px}
 .page-about-img .com-img-2 .com-title {font-size:24px; text-align:center;}
 .page-about-img .com-img-2 .com-desc {font-size:14px;  text-align:center;}

}

@media (min-width: 321px) and (max-width: 576px) {

 .sub_vimg {width:100%; min-height:400px;}
 .txtdiv {width:100%; padding:160px 30px 0 30px;}
 .txtdiv .svtxt1 {font-size:14px; padding:10px 0; }
 .txtdiv .svtxt2 {font-size:14px;  }
 .txtdiv .svtxt3 {font-size:22px; padding:10px 0;}	


 .spg_title_wrap {
   width:100%; 
   padding:0 20px; 
   height:50px; 
   line-height:50px;
   border-bottom:1px solid #cfcfcf;
  }

 .spg_title_wrap .spg_title_hr {width:100%; margin:0 auto; padding:0 0;}
 .spg_title_wrap .spg_tit {float:left;  width:50%; text-align:left; font-size:16px; }
 .spg_title_wrap .spg_dir {float:right; width:50%; text-align:right; font-size:12px; color:#666;}	

 .page_object {width:100%; padding:30px 20px; }
 .page_title {font-size:22px; }
 .page_title_desc {font-size:14px; padding:10px 0;}
 .page_title_desc br {display:none}

 .page-about-img {width:100%; padding:20px 0 0 0;}
 .page-about-in {width:100%; padding:20px 0;}
 .page-about-in .about-font {font-size:15px; }
 .page-about-in .addr-inner span {font-size:13px; padding:10px 0!important;}
 .page-about-in .addr-inner span br {display:block; }

 .page-about-in .add-img {width:100%;}
 .page-about-in .add-img img {width:100%; }
 .page-about-in .com-img {width:100%; padding:0 0 20px 0;}
 .page-about-in .com-img img {width:100%; }

 .page-about-img .com-img-2 {width:100%; height:300px;}
 .page-about-img .com-img-2 .com-img-txtwrap {padding:70px 10px 0 10px}
 .page-about-img .com-img-2 .com-title {font-size:20px; text-align:center;}
 .page-about-img .com-img-2 .com-desc {font-size:13px;  text-align:center;}
}

@media (max-width: 320px) {
 .sub_vimg {width:100%; min-height:400px;}
 .txtdiv {width:100%; padding:120px 20px 0 20px;}
 .txtdiv .svtxt1 {font-size:14px; padding:10px 0; }
 .txtdiv .svtxt2 {font-size:14px;  }
 .txtdiv .svtxt3 {font-size:22px; padding:10px 0;}	


 .spg_title_wrap {
   width:100%; 
   padding:0 20px; 
   height:50px; 
   line-height:50px;
   border-bottom:1px solid #cfcfcf;
  }

 .spg_title_wrap .spg_title_hr {width:100%; margin:0 auto; padding:0 0;}
 .spg_title_wrap .spg_tit {float:left;  width:50%; text-align:left; font-size:16px; }
 .spg_title_wrap .spg_dir {float:right; width:50%; text-align:right; font-size:12px; color:#666;}	

 .page_object {width:100%; padding:30px 20px; }
 .page_title {font-size:22px; }
 .page_title_desc {font-size:14px; padding:10px 0;}
 .page_title_desc br {display:none}

 .page-about-img {width:100%; padding:20px 0 0 0;}
 .page-about-in {width:100%; padding:20px 0;}
 .page-about-in .about-font {font-size:15px; }
 .page-about-in .addr-inner span {font-size:13px; padding:10px 0!important;}
 .page-about-in .addr-inner span br {display:block; }

 .page-about-in .add-img {width:100%;}
 .page-about-in .add-img img {width:100%; }
 .page-about-in .com-img {width:100%; padding:0 0 20px 0;}
 .page-about-in .com-img img {width:100%; }

 .page-about-img .com-img-2 {width:100%; height:300px;}
 .page-about-img .com-img-2 .com-img-txtwrap {padding:70px 10px 0 10px}
 .page-about-img .com-img-2 .com-title {font-size:20px; text-align:center;}
 .page-about-img .com-img-2 .com-desc {font-size:13px;  text-align:center;}

}



/*=========== 주요업무 ===========*/
.demolish-head-img {width:100%; margin:0 auto; display:block; background:url('../images/sub/product/demolish-head-img.jpg') no-repeat center; background:cover;}
.demolish-head-img .head-txt-box {padding:60px 50px; text-align:left;}
.demolish-head-img .head-img-tit {
  width:100%; 
  display:block;
  font-size:30px;
  font-weight:600;
  line-height:1.4;
  letter-spacing:-0.5px;
  color:#ef9a05;
}

.demolish-head-img .head-img-desc {
  width:100%; 
  display:block;
  font-size:16px;
  font-weight:400;
  line-height:1.4;
  letter-spacing:-0.5px;
  color:#f2dfbf;
}

.page-biz-in {width:100%; margin:0 auto; padding: 0; display:flex; clear:both }
.demolish {width:100%; display:block; margin:0 auto; padding:30px 0; }

.demolish-tit-line {float:left; margin:80px 0 20px 0!important; line-height: 40px; text-align:left;}

.circle-num {
  float:left;
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #ffa200;
  color: #fff;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  font-family:"Montserrat";  
  margin-right:10px;
}

.demolish-tit {
  font-weight:600;
  font-size:26px; 
  color:#111;  
  line-height:1.4;
  display:inline-block; 
  float:left;
}

 .demolish-tit-2 {
  font-weight:600;
  font-size:26px; 
  color:#111;
  text-align:left;
  line-height:1.4;
  margin:20px 0 20px 0!important;
  display:inline-block; 

}

 .demolish-tit-3 {
  font-weight:600;
  font-size:26px; 
  color:#111;
  text-align:left;
  line-height:1.4;
  padding:0;
  margin:20px 0 20px 0!important;
  display:block; 
}



.demolish-content {width:100%; display:block; list-style:none; clear:both}
.demolish-content .demolish-box {background:#faf3e9; padding:40px; border-top:1px solid #e7d5bc; }
.demolish-content .demolish-box span:nth-child(1) {
  width:100%; 
  font-weight:400;
  color:#9d7642;
  font-size:18px; 
  text-align:left;
  line-height:1.4;
  letter-spacing:-.6px;
  display:block; 
  padding:0;
}

.demolish-content .demolish-box  span:nth-child(2) {
  width:100%; 
  font-weight:400;
  color:#714b18;
  font-size:18px; 
  text-align:left;
  line-height:1.6;
  letter-spacing:-.8px;
  display:block; 
  padding:10px 0 0 0;
}



@media screen and (min-width: 1281px) and (max-width: 1519px){
 .page-biz-in {width:100%; }
 .demolish-tit-line {float:left; margin:50px 0 20px 0!important; }
 .circle-num {width: 40px; height: 40px;  border-radius: 50%; font-size: 16px; line-height: 40px; margin-right:10px;}

 .demolish-tit {font-size:24px;}
 .demolish-tit-2 {font-size:24px;}
 .demolish-tit-3 {font-size:24px;}

 .demolish-content {width:100%;  }
 .demolish-content .demolish-box {padding:40px; }
 .demolish-content .demolish-box span:nth-child(1) {font-size:16px;}
 .demolish-content .demolish-box  span:nth-child(2) {font-size:16px; padding:10px 0 0 0;}


 .demolish-head-img .head-txt-box {padding:50px 40px; text-align:left;}
 .demolish-head-img .head-img-tit {font-size:28px;}
 .demolish-head-img .head-img-desc {font-size:15px;}

}




@media screen and (min-width: 993px) and (max-width: 1280px){
 .page-biz-in {width:100%; }
 .demolish-tit-line {float:left; margin:40px 0 20px 0!important; }
 .circle-num {width: 30px; height: 30px;  border-radius: 50%; font-size: 16px; line-height: 30px; margin-right:10px;}
 .demolish-tit {font-size:22px;}
 .demolish-tit-2 {font-size:22px;}
 .demolish-tit-3 {font-size:22px;}

 .demolish-content {width:100%; }
 .demolish-content .demolish-box {padding:30px; }
 .demolish-content .demolish-box span:nth-child(1) {font-size:16px;}
 .demolish-content .demolish-box  span:nth-child(2) {font-size:16px; padding:10px 0 0 0;}

 .demolish-head-img .head-txt-box {padding:40px 30px; text-align:left;}
 .demolish-head-img .head-img-tit {font-size:24px;}
 .demolish-head-img .head-img-desc {font-size:14px;}


}


@media screen and (min-width: 769px) and (max-width: 992px){
 .page-biz-in {width:100%; }
 .demolish-tit-line {float:left; margin:40px 0 20px 0!important; }
 .circle-num {width: 30px; height: 30px;  border-radius: 50%; font-size: 16px; line-height: 30px; margin-right:8px;}
 .demolish-tit {font-size:22px; text-align:center;}
 .demolish-tit-2 {font-size:22px; text-align:center;}
 .demolish-tit-3 {font-size:22px; text-align:center;}

 .demolish-content {width:100%; }
 .demolish-content .demolish-box {padding:30px; }
 .demolish-content .demolish-box span:nth-child(1) {font-size:15px;}
 .demolish-content .demolish-box  span:nth-child(2) {font-size:15px; padding:10px 0 0 0;}

 .demolish-head-img .head-txt-box {padding:30px 30px; text-align:left;}
 .demolish-head-img .head-img-tit {font-size:22px;}
 .demolish-head-img .head-img-desc {font-size:14px;}

}



@media screen and (min-width: 577px) and (max-width: 768px){
 .page-biz-in {width:100%;}
 .demolish-tit-line {float:left; margin:30px 0 20px 0!important; }
 .circle-num {width: 30px; height: 30px;  border-radius: 50%; font-size: 15px; line-height: 30px; margin-right:8px;}
 .demolish-tit {font-size:22px; text-align:center; } 
 .demolish-tit-2 {font-size:22px; text-align:center;}
 .demolish-tit-3 {font-size:22px; text-align:center;}

 .demolish-content {width:100%; }
 .demolish-content .demolish-box {padding:20px; }
 .demolish-content .demolish-box span:nth-child(1) {font-size:14px;}
 .demolish-content .demolish-box  span:nth-child(2) {font-size:14px; padding:10px 0 0 0;}

 .demolish-head-img .head-txt-box {padding:30px 30px; text-align:left;}
 .demolish-head-img .head-img-tit {font-size:22px;}
 .demolish-head-img .head-img-desc {font-size:14px;}


}

@media screen and (min-width: 321px) and (max-width:576px){
 .page-biz-in {width:100%;}
 .demolish-tit-line {float:left; margin:30px 0 20px 0!important; }
 .circle-num {width: 30px; height: 30px;  border-radius: 50%; font-size: 14px; line-height: 30px; margin-right:8px;}
 .demolish-tit {font-size:20px; text-align:center;}
 .demolish-tit-2 {font-size:20px; text-align:center;}
 .demolish-tit-3 {font-size:20px; text-align:center;}

 .demolish-content {width:100%;}
 .demolish-content .demolish-box {padding:20px; }
 .demolish-content .demolish-box span:nth-child(1) {font-size:14px;}
 .demolish-content .demolish-box  span:nth-child(2) {font-size:14px; padding:10px 0 0 0;}

 .demolish-head-img .head-txt-box {padding:25px 25px; text-align:left;}
 .demolish-head-img .head-img-tit {font-size:16px;}
 .demolish-head-img .head-img-desc {font-size:13px;}
}


@media (max-width:320px){
 .page-biz-in {width:100%;}
 .demolish-tit-line {float:left; margin:30px 0 20px 0!important; }
 .circle-num {width: 30px; height: 30px;  border-radius: 50%; font-size: 14px; line-height: 30px; margin-right:8px;}
 .demolish-tit {font-size:20px; text-align:center;}
 .demolish-tit-2 {font-size:20px; text-align:center;}
 .demolish-tit-3 {font-size:20px; text-align:center;}

 .demolish-content {width:100%;}
 .demolish-content .demolish-box {padding:20px; }
 .demolish-content .demolish-box span:nth-child(1) {font-size:13px;}
 .demolish-content .demolish-box  span:nth-child(2) {font-size:13px; padding:10px 0 0 0;}

 .demolish-head-img .head-txt-box {padding:20px 20px; text-align:left;}
 .demolish-head-img .head-img-tit {font-size:16px;}
 .demolish-head-img .head-img-desc {font-size:13px;}
}




/* 철거공법 */
.grid-method {width:100%; margin:0 auto;  display:block; padding: 30px 0!important; clear:both}
.grid-container {
   display: grid;
   grid-template-columns: repeat(4, 1fr); /* 기본 4개 배치 */
   gap: 16px;
 }


 .grid-container .item-box {background:#f0e2d0; text-align:left; padding:40px; }
 .grid-container .item-box h3 {
  font-size:22px; 
  font-weight:600;
  color:#5c4323;
  line-height:1.2;  
  display:block;
 }

.underline-line {
  position: relative; /* 기준점 설정 */
  display: inline-block;
}

.underline-line::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: -4px; /* 글자와 라인 사이의 간격 */
  width: 100%;  /* 라인 길이 (100% 또는 원하는 px) */
  height: 1px;  /* 라인 두께 */
  background-color: #d7b689; /* 라인 색상 */
}


 .grid-container .item-box span {
   font-size:14px; 
   font-weight:400; 
   color:#a08259;
   line-height:1.4;     
   padding-top:20px;
   display:block;
 }

  /* 화면 너비가 768px 이하일 때 2개씩 배치 */
  @media (max-width: 1519px) {
    .grid-method {width:100%; padding: 50px 0;}
    .grid-container {grid-template-columns: repeat(4, 1fr);}
	.grid-container .item-box {padding:25px; }
	.grid-container .item-box h3 {font-size:22px; }
	.grid-container .item-box span {font-size:14px; }
	.grid-container .item-box span br {display:none; }

  }




  /* 화면 너비가 768px 이하일 때 2개씩 배치 */
  @media (max-width: 1280px) {
    .grid-method {padding: 40px 0;}
    .grid-container {grid-template-columns: repeat(4, 1fr);}
	.grid-container .item-box {padding:25px; }
	.grid-container .item-box h3 {font-size:18px; }
	.grid-container .item-box span {font-size:14px; }
	.grid-container .item-box span br {display:none; }

  }


  /* 화면 너비가 768px 이하일 때 2개씩 배치 */
  @media (max-width: 992px) {
    .grid-method {padding: 30px 0;}
    .grid-container {grid-template-columns: repeat(2, 1fr);}
	.grid-container .item-box {padding:25px; }
	.grid-container .item-box h3 {font-size:20px; }
	.grid-container .item-box span {font-size:14px; }
	.grid-container .item-box span br {display:none; }

  }


    /* 화면 너비가 768px 이하일 때 2개씩 배치 */
  @media (min-width:321px) and (max-width: 577px) {
    .grid-method {padding: 20px 0;}
    .grid-container {grid-template-columns: repeat(1, 1fr);}
	.grid-container .item-box {padding:20px; }
	.grid-container .item-box h3 {font-size:18px; }
	.grid-container .item-box span {font-size:13px; }
	.grid-container .item-box span br {display:none; }
  }



    /* 화면 너비가 768px 이하일 때 2개씩 배치 */
  @media (max-width: 320px) {
    .grid-method {padding: 20px 0;}
    .grid-container {grid-template-columns: repeat(1, 1fr);}
	.grid-container .item-box {padding:20px; }
	.grid-container .item-box h3 {font-size:18px; }
	.grid-container .item-box span {font-size:13px; }
	.grid-container .item-box span br {display:none; }
  }


/* 철거진행절차 */
@import url("https://fonts.googleapis.com/css?family=Roboto+Condensed:300,700&display=swap");
@import url("https://fonts.googleapis.com/css?family=Josefin+Slab&display=swap");

.processwrap {width: 100%; padding:50px 0;}
.process {width: 100%; padding: 0; text-align: center;}

.process__item {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  text-align: center;
  position: relative;
  padding: 15px 25px;
  transition: 0.4s ease-in-out;
}

.process__item:hover {background: #f2f2f2;}
.process__item:hover .process__number {transform: translateY(5px); color: #de782d;}
.process__number {
  font-size: 80px;
  -webkit-text-stroke: 1px #de782d;
  display: block;
  color: transparent;
  font-family: "Roboto Condensed";
  font-weight: 700;
  transition: 0.4s ease-in-out;
}

.process__title {
  display: block;
  font-family: "Roboto Condensed";
  font-weight: 700;
  letter-spacing: -0.5px;
  font-size: 26px;
  color: #a66f47;
  text-transform: uppercase;
  margin-top: 30px;
}

.process__subtitle {
  display: block;
  font-family: "Josefin Slab";
  font-size: 16px;
  letter-spacing: -0.5px;
  color: #8c8c8c;
  margin-top: 30px;
  line-height: 1.5;
}

.m-processwrap {width: 100%; padding:50px 0; display:none}
.m-processwrap .m-process-img {width: 100%; }
.m-processwrap .m-process-img img {width: 100%;  }

@media (max-width: 1281px) and (max-width: 1519px) {
  .processwrap {width: 100%; padding:50px 0;}
  .m-processwrap {width: 100%; padding:50px 0; display:none}
  .m-processwrap .m-process-img {width: 100%; }
}

@media (max-width: 993px) and (max-width: 1280px) {
  .processwrap {width: 100%; padding:40px 0;}
  .m-processwrap {width: 100%; padding:40px 0; display:none}
  .m-processwrap .m-process-img {width: 100%; }
}


@media (min-width: 769px) and (max-width:992px) {
  .processwrap {width: 100%; padding:30px 0;}
  .m-processwrap {width: 100%; padding:30px 0; display:none}
  .m-processwrap .m-process-img {width: 100%; }
}


@media (min-width: 577px) and (max-width: 768px) {
  .processwrap {display:none}
  .m-processwrap {width: 100%; padding:30px 0; display:block}
  .m-processwrap .m-process-img {width: 100%; }
}

@media (min-width:321px) and (max-width: 576px) {
  .processwrap {width: 100%; padding:30px 0; display:none}
  .m-processwrap {width: 100%; padding:30px 0; display:block}
  .m-processwrap .m-process-img {width: 100%; }
}


@media (max-width: 320px) {
  .processwrap {width: 100%; padding:30px 0; display:none}
  .m-processwrap {width: 100%; padding:30px 0; display:block}
  .m-processwrap .m-process-img {width: 100%;}
}




@media (min-width: 769px) {
  .processwrap {display:block}
  .m-processwrap {display:none}
  .process {display: inline-block;}
  .process__item {width: 49%; display: inline-block;}
  .process__title {font-size: 24px;}
}

@media (min-width: 1280px) {
  .processwrap {display:block}
  .m-processwrap {display:none}
  .process {display: flex; flex-direction: row; justify-content: space-between;}
  .process__item {width: 100%;}
  .process__item:not(:last-of-type)::after {
    content: "";
    width: 1px;
    height: 75%;
    background: #8c8c8c;
    position: absolute;
    right: 0;
    top: 50%;
    opacity: 0.2;
    transform: translateY(-50%);
  }

  .process__title {font-size: 22px;}
}






/*샘플시공갤러리*/
.demolish-gallery {width: 100%;   margin: 0 auto;}
.demolish-container {width: 100%; padding: 2rem 0rem 2rem 0rem; margin: 0 auto;}

.demolish-gallery .demolish-container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 1rem;
  justify-content: center;
  align-items: center;
}
.demolish-gallery .card {
  color: #252a32;
  border-radius: 0;
  background: #fff;
  border:1px solid #c8c2b9;
}
.demolish-gallery .card-image {
  position: relative;
  display: block;
  width: 100%;
  padding-top: 70%;
  background: #fff;
}
.demolish-gallery .card-image img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (min-width: 577px) and (max-width: 1025px) {
  .demolish-gallery .demolish-container {
    display: grid;
    grid-template-columns:repeat(2, 1fr);
    grid-gap: 1rem;
	padding: 2rem 0rem; 
  }
}




@media (min-width: 321px) and (max-width: 576px) {
  .demolish-gallery .demolish-container {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 1rem;
	padding: 2rem 0rem; 
  }
}

@media (max-width: 320px) {
  .demolish-gallery .demolish-container {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 1rem;
	padding: 2rem 0rem; 
  }
}




/*=========== disposal 페기물 ============*/
.disposal-wrap {width:1440px; margin:0 auto;  display:block; padding: 50px 0; clear:both}
.disposal-header {width:100%; margin:0 auto; padding:40px 0; border-top:1px solid #f0e2d0; border-bottom:1px solid #f0e2d0; }
.disposal-header h1.head-title {
  font-size:26px;
  font-weight:500;
  line-height:1.4;
  display:block;
  text-align:left;
  color:#9d7642;
  padding:10px 0;
}



.disposal-header p {
  font-size:18px;
  font-weight:400;
  line-height:1.4;
  display:block;
  text-align:left;
  color:#9d7642;
}


.disposal-content {width:100%; margin:0 auto; padding:40px 0; }
.disposal-content h2.head-title {  
  font-size:26px;
  font-weight:500;
  line-height:1.4;
  display:block;
  text-align:left;
  color:#111;
  padding:10px 0;
}


@media screen and (min-width: 1281px) and (max-width: 1519px){
  .disposal-wrap {width:100%; padding: 50px 0;}
  .disposal-header h1.head-title {font-size:24px; }
  .disposal-content h2.head-title {font-size:24px; text-align:left;}
}


@media screen and (min-width: 993px) and (max-width: 1280px){
 .disposal-wrap {width:100%; padding: 50px 0;}
 .disposal-header h1.head-title {font-size:22px;}
 .disposal-content h2.head-title {font-size:22px; text-align:left;}
}


@media screen and (min-width: 769px) and (max-width: 992px){
 .disposal-wrap {width:100%; padding: 50px 0;}
 .disposal-header h1.head-title {font-size:20px; text-align:center;}
 .disposal-content h2.head-title {font-size:20px; text-align:center;}
}

@media screen and (min-width: 577px) and (max-width: 768px){
 .disposal-wrap {width:100%; padding: 50px 0;}	
 .disposal-header h1.head-title {font-size:18px; text-align:center;}
 .disposal-header p {font-size:14px;}
 .disposal-content h2.head-title {font-size:18px; text-align:center;}
}

@media screen and (min-width: 321px) and (max-width: 576px){
 .disposal-wrap {width:100%; padding: 50px 0;}
 .disposal-header h1.head-title {font-size:18px; text-align:center;}
 .disposal-header p {font-size:14px;}
 .disposal-content h2.head-title {font-size:18px; text-align:center;}

}



@media (max-width: 320px){
 .disposal-wrap {width:100%; padding: 50px 0;}
 .disposal-header h1.head-title {font-size:18px; text-align:center;}
 .disposal-header p {font-size:14px;}
 .disposal-content h2.head-title {font-size:18px; text-align:center;}

}

.disposal-container {width:100%; margin:0 auto; display:block;} 
.disposal-card {background-color: white; border: none;}
.disposal-card-body i.icon {padding:10px}
.border-bottom {width: 30%; text-align: center !important;}
.card-title {padding:10px 0 0 0; }
.underline {position: relative;}

.underline:after {
  position: absolute;
  content: "";
  height: 2px;
  bottom: -12px;
  margin: 0 auto;
  left: 0;
  right: 0;
  width: 22%;
  background: #aaaaac;
}
.disposal-card-text {color: #666;}


@media screen and (min-width: 1281px) and (max-width: 1519px){
  .disposal-container {width:100%; } 
}


@media screen and (min-width: 993px) and (max-width: 1280px){
  .disposal-container {width:100%; } 
}


@media screen and (min-width: 769px) and (max-width: 992px){
 .disposal-wrap {width:100%; padding: 50px 0;}  .disposal-container {width:100%; } 
}

@media screen and (min-width: 577px) and (max-width: 768px){
  .disposal-container {width:100%; } 	
}

@media screen and (min-width: 321px) and (max-width: 576px){
  .disposal-container {width:100%; } 
}

@media (max-width: 320px){
  .disposal-container {width:100%; } 
}



/*=========== 폐기물처리 ============*/

.disposal-grid-box {width:1440px; padding:60px 0 0 0; clear:both}

.disposal-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 20px;
  align-items: stretch;
}
.disposal-grid > article {width:100%;}
.disposal-grid > article {border: 1px solid #ccc;}
.disposal-grid > article h3 {padding:10px 20px ; font-size:20px; font-weight:600; color:#111;}
.disposal-grid > article img {max-width: 100%;}
.disposal-grid .text {padding: 20px 30px; font-size:16px; font-weight:400; color:#666; letter-spacing:-.6px;}

@media screen and (min-width: 1281px) and (max-width: 1519px){
 .disposal-grid-box {width:100%;}
 .disposal-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 20px;
  align-items: stretch;
 }

}

@media screen and (min-width: 993px) and (max-width: 1280px){
 .disposal-grid-box {width:100%;}
 .disposal-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 20px;
  align-items: stretch;
 }

}

@media screen and (min-width: 769px) and (max-width: 992px){
 .disposal-grid-box {width:100%;}
 .disposal-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 20px;
  align-items: stretch;
}

}
@media screen and (min-width: 577px) and (max-width: 768px){
 .disposal-grid-box {width:100%;}
 .disposal-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap:20px;
 }

}

@media screen and (min-width: 321px) and (max-width: 576px){
 .disposal-grid-box {width:100%;}
 .disposal-grid {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-gap:20px;
 }

@media (max-width: 320px){
 .disposal-grid-box {width:100%;}
 .disposal-grid {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-gap:20px;
 }


}



/*============= board wrap ======== */

.boardwrap {width:100%; text-align:left!important; min-height:500px; margin:0 auto; display:block; clear:both }



/*=========== banner ad ============*/

.mapdiv {width:1440px; margin:0 auto; padding:0 ; display:block;}
.addr_in {font-size:18px; color:#333; line-height:1.6; font-weight:300; text-align:center; padding:20px 0;}



@media screen and (min-width: 1281px) and (max-width: 1519px){
 .boardwrap {width:100%;}
 .mapdiv {width:100%; }
 .mapdiv img {width:100%; }
 .addr_in {font-size:16px;}	
}




@media screen and (min-width: 993px) and (max-width: 1280px){
 .mapdiv {width:100%;}
 .mapdiv img {width:100%; }
 .addr_in {font-size:16px;}	
}


@media screen and (min-width: 769px) and (max-width: 992px){
 .mapdiv {width:100%;}
 .mapdiv img {width:100%; }
 .addr_in {font-size:14px;}	
}

@media screen and (min-width: 577px) and (max-width: 768px){
 .mapdiv {width:100%;}
 .mapdiv img {width:100%; }
 .addr_in { font-size:12px;}	
}

@media screen and (min-width: 360px) and (max-width: 576px){
 .mapdiv {width:100%;}
 .mapdiv img {width:100%; }
 .addr_in { font-size:12px;}	
}