/*컨텐츠*/

/*기본공통*/
.sub_container h3{ font-size:22px;  padding:10px 0; letter-spacing:-1px; line-height:normal ; color:#333 }
.sub_container h4{ font-size:20px ; padding:10px 0;  letter-spacing:-1px;  color:#333 }
.sub_container h5{ font-size:18px ; padding:10px 0;  letter-spacing:-1px; color:#333 }


.sub_container .text_lar1{ font-size:28px; letter-spacing:-1px; line-height:normal ; line-height:1.3em;  color:#333} /*포인트 큰 글자*/
.sub_container .text_lar2{ font-size:25px; letter-spacing:-1px; line-height:normal; line-height:1.3em; color:#333} /*포인트 큰 글자*/
.sub_container .text_lar3{ font-size:20px; letter-spacing:-1px;/* line-height:normal*/ color:#333} /*포인트 큰 글자*/
.sub_container .text_lar4{ font-size:18px; letter-spacing:-1px;/* line-height:normal*/ color:#333} /*포인트 큰 글자*/



.basic_tab{ overflow:hidden; display:block; text-align:center}/*-탭: 공통-*/
.basic_tab ul{ margin:0; padding:0; }
.basic_tab ul li{_display:inline;*float:left; width:23%; margin-left:0.2%; display:inline-block  }
.basic_tab ul li:first-child{margin-left:0%;}
.basic_tab ul li a{display:block;_float:left;color:#333;background:#fff; cursor:pointer; text-align:center;  line-height:50px; border:1px solid #CCC}
.basic_tab ul li.on{   }
.basic_tab ul li.on a{ color:#fff; background:#5283b0 ;  border:1px solid #5283b0}
.basic_tab_con{ clear:both;}



.basic_table_area { overflow-x: auto; width:100% }/*표*/

/*
@media screen and (max-width:1200px){
.basic_tb:after{ clear:both; display:block; content:"※표 내용이 정상적으로 보이지 않을시에는 가로로 드래그해주세요."; margin-top:5px; font-size:11px; color:#999; width:100%}
}
*/

.basic_tb{table-layout:fixed; width:100%;  word-break:break-all; }
.basic_tb tr th,.basic_tb tr td  { padding:10px 20px; border:1px solid #d4d4d4 ; line-height:1.2em;  text-align:center}
.basic_tb tr th {background:#f2f2f2 ;}
.basic_tb th:first-child, .basic_tb td:first-child{border-left:none;}
.basic_tb th:last-child, .basic_tb  td:last-child{border-right:none;}
.basic_tb .left { text-align: left }
.basic_tb .right { text-align: right }
.basic_tb td img{ max-width:100%}




@media screen and (max-width:999px){

.sub_container h3{ font-size:20px;  }
.sub_container h4{ font-size:18px}
.sub_container h5{ font-size:16px ; }

.sub_container .text_lar1{ font-size:19px;}
.sub_container .text_lar2{ font-size:17px;}
.sub_container .text_lar3{ font-size:16px;}
.sub_container .text_lar4{ font-size:16px;}	
	
}


@media screen and (max-width:860px){
.basic_tb tr th { padding: 5px 5px; }
.basic_tb tr td { padding: 5px 5px; }	
.basic_tb tr th{  font-size:12px; }
.basic_tb tr td { font-size:12px; }	


}


@media screen and (max-width:640px){

.sub_container h3{ font-size:18px;  }
.sub_container h4{ font-size:16px}
.sub_container h5{ font-size:15px ; }

.sub_container .text_lar1{ font-size:17px;}
.sub_container .text_lar2{ font-size:16px}
.sub_container .text_lar3{ font-size:15px}
.sub_container .text_lar4{ font-size:15px}


}



@media screen and (max-width:640px){

.basic_li li{ background:url(../img/contents/list_icon.gif) no-repeat 5px 7px;  }
.basic_tab ul li a{ line-height:30px; font-size:13px;}	
.basic_tab ul li a span{ display:none}	

}




br.br{}  /*줄바꿈*/
.br{} 

@media screen and (max-width:1000px){
br.br{ display:none}
.br{ display:none}
}




/*주요색상 컨트롤*/

.sub_container .point_c1{ color:#396}/*포인트 색깔*/
.sub_container .point_c2{ color:#1e6ebd}/*포인트 색깔*/
.sub_container .point_c3{ color:#990000}/*포인트 색깔; 레드*/
.sub_container .point_c4{ color:#d36a24} /*포인트색깔; 주황*/
.sub_container .point_c5{ color:#666} /*포인트색깔; 주황*/




/*인사말*/

.ceomessage{}
.ceomessage .text{ width:100%; float:right }
.ceomessage .img{ width:40%; float:left; margin-right:5%; }

@media screen and (max-width:700px){	
.ceomessage .text br{ display: none }	
	
}



/* 연혁 */
.history{}
.history .basic_tab ul li{  }
@media screen and (max-width:640px){
.history .basic_tab ul li{ width:100px; }
}


/*연혁사진 슬라이드*/
.history .bx-wrapper { position: relative; margin: 0 auto; padding: 0;  *zoom: 1;}
.history .bx-wrapper img { max-width: 100%; display: block; }
.history .bx-wrapper .bx-viewportfolio { background: #fff; -webkit-transform: translatez(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); transform: translatez(0); }
.history .bx-wrapper .bx-pager, .history .bx-wrapper .bx-controls-auto { position: absolute; bottom: -40px; width: 100%; }
@media screen and (max-width:640px){
.history .bx-wrapper .bx-pager, .history .bx-wrapper .bx-controls-auto {  bottom: -30px; }
}

.history .bx-wrapper .bx-loading { min-height: 50px; background: url(images/bx_loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; }
.history .bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px; }
.history .bx-wrapper .bx-pager .bx-pager-item, .history .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block;  *zoom: 1;
 *display: inline;}
.history .bx-wrapper .bx-pager.bx-default-pager a { background: #999; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.history .bx-wrapper .bx-pager.bx-default-pager a:hover, .history .bx-wrapper .bx-pager.bx-default-pager a.active { background: #333; }
.history .bx-wrapper .bx-prev { left: 10px; background: url(images/controls.png) no-repeat 0 -32px; }
.history .bx-wrapper .bx-next { right: 10px; background: url(images/controls.png) no-repeat -43px -32px; }
.history .bx-wrapper .bx-prev:hover { background-position: 0 0; }
.history .bx-wrapper .bx-next:hover { background-position: -43px 0; }
.history .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 9999; }
.history .bx-wrapper .bx-controls-direction a.disabled { display: none; }
.history .bx-wrapper .bx-controls-auto { text-align: center; }
.history .bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(images/controls.png) -86px -11px no-repeat; margin: 0 3px; }
.history .bx-wrapper .bx-controls-auto .bx-start:hover, .history .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; }
.history .bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(images/controls.png) -86px -44px no-repeat; margin: 0 3px; }
.history .bx-wrapper .bx-controls-auto .bx-stop:hover, .history .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; }
.history .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; }
.history .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; }
.history .bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666\9; background: rgba(80, 80, 80, 0.75); width: 100%; }
.history .bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; }


ul.history { width:100%; margin-top:50px }
ul.history:after{ clear:both; display:block; content:"";}
ul.history li{ clear:both; width:100%; border-bottom:1px solid #ddd; float:left; padding:20px 0;}
ul.history h4 {width:15%;  min-width: 60px; float:left;  font-size:20px;  font-weight:400;  color:#333 ; text-align:center; padding:5px 0}
ul.history dl {width:85%; float:right; overflow:hidden; padding:5px 0 }
ul.history dl dt {width:20px; float:left;   color:#666 ;}
ul.history dl dd { margin-left:30px;   }

@media screen and (max-width:640px){

ul.history { width:100%; margin-top:20px }
ul.history li{ padding:10px 0;}
ul.history h4 {width:100%; text-align:left; margin-bottom:5px }
ul.history dl {width:100%; float:none;   }


}



/*경영이념1*/
.philosophy{ margin:0 auto; width:100%; max-width:90%}
.philosophy .img{ float:left; width:45%; }
.philosophy_list{border-top:1px solid #ebebeb; width:52%; float:right; margin-top:20px }
.philosophy_list li{ border-bottom:1px solid #ebebeb; overflow:hidden; padding:30px 0}
.philosophy_list dl dt{ float:left; width:100px; font-size:25px;}
.philosophy_list dl dd{ margin-left:130px; color:#666 }
.philosophy_list dl dd p{ margin-bottom:10px}
.philosophy_list .eng{ color:#CCC; font-size:0.6em}

@media screen and (max-width:860px){	
.philosophy .img{ width:100%;  text-align:center; float:none; margin-bottom:30px}
.philosophy_list{ width:100%;  float:none}
.philosophy_list dl dt{ width:100px; font-size:22px;}
.philosophy_list dl dd{ margin-left:120px; }	
.philosophy_list dl dd p{ margin-bottom:5px}

}

@media screen and (max-width:640px){
.philosophy_list{  }
.philosophy_list li{  padding:20px 0}
.philosophy_list dl dt{ width:90px; font-size:18px }
.philosophy_list dl dd{ margin-left:100px; }	
}

@media screen and (max-width:480px){
.philosophy_list dl dt{ width:100%; margin-bottom:5px }
.philosophy_list dl dt p{ float:left; margin-right:10px}
.philosophy_list dl dd{ margin-left:0px; }	
}



/* 경영이념2 */
.manage_box {text-align:center;}
.manage_box .manage_list_wrap {display:inline-block;  width:85%; margin-top:3%;}
.manage_box .manage_list {overflow:hidden; }

.manage_box .manage_list li {width:16.6%; float:left; text-align:center;}
.manage_box .manage_list li dl {padding:10px 15px;}
.manage_box .manage_list li dl dt {margin-bottom:15px;}
.manage_box .manage_list li dl dt img {width:100%; max-width:138px;}
.manage_box .manage_list li dl dd {color:#5c5c5c;}

@media screen and (max-width:800px){	
.manage_box .manage_list li {width:33.33%; }
}
@media screen and (max-width:500px){
.manage_box .manage_list_wrap {width:100%;}	
.manage_box .manage_list li {width:50%;}
.manage_box .manage_list li dl dd {height:70px;}
}











/*사업분야*/

.business{ max-width:90%; margin:0 auto}
.business .port_list{ margin-left:-30px;  overflow: hidden; *width:100%;  }
.business .port_list li{ float:left;  width:33.33%; margin-bottom:20px  }
.business .port_list li:first-child{ margin-left:0}
.business .port_list li dl { padding:0%; margin-left:30px; ; border:1px solid #e7e7e7 ; position:relative; overflow:hidden}
.business .port_list li dl dt{  position:relative; overflow:hidden;  text-align:center}
.business .port_list li dl dt img{ width:100%}

.business .port_list li dl dd { padding:5% 8%;  overflow:hidden; position:relative}
.business .port_list li dl dd p.port_con{}


@media screen and (max-width:860px){
	.business{ max-width:100%;}
.business .port_list li{  width:50%;  }	
}


@media screen and (max-width:500px){
	
.business .port_list li{  width:100%;  }		
}


/* 사업분야2 */
.busi_exp {overflow:hidden; border-top:1px solid #ddd;}
.busi_exp dl {overflow:hidden; padding:20px 0; border-bottom:1px solid #ddd;}
.busi_exp dl dt {float:left; width:23%; }
.busi_exp dl dt h6{font-size:24px; font-weight:600; padding-left:20px;}
.busi_exp dl dt h6 span {font-size:14px; font-weight:400;}
.busi_exp dl dt.dot1 {background:url('../img/contents/company/busi_dot1.png') no-repeat 0 9px;}
.busi_exp dl dt.dot2 {background:url('../img/contents/company/busi_dot2.png') no-repeat 0 9px;}
.busi_exp dl dt.dot3 {background:url('../img/contents/company/busi_dot3.png') no-repeat 0 9px;}
.busi_exp dl dd {float:right; width:75%; color:#5c5c5c; font-weight:300;}
.busi_exp dl dd span {color:#333; font-weight:400;}

.relative{margin-left:0px;  overflow: hidden;}
.relative  ul{border-left:1px solid #e4e4e4; border-top:1px solid #e4e4e4}
.relative li{ float:left;width:20%; margin-bottom:0px }
.relative:after{ clear:both; display:block; content:"";}
.relative ul li dl{ margin: -1px 0px 0px -1px; border:1px solid #e4e4e4; padding:20px 0}
.relative ul li dl dt{ text-align:center}
.relative ul li dl dt img{   margin:5px auto; max-width:200px; max-height:67px; width:100%}
.relative ul li dl dd{   color:#333;  text-align:center;  padding:0 0; font-weight:600}
.relative ul li dd span.re_sub_text{ width:100%;color:#666;  overflow:hidden; font-weight:normal  }

@media only screen and (max-width: 1200px) {
.relative ul li dl{ padding:10px 0}
}

@media only screen and (max-width: 860px) {
.relative li{ width:33.333%;}	

.busi_exp dl dt { width:100%; }
.busi_exp dl dt h6{padding:0 0 10px 20px;}

.busi_exp dl dd {float:left; width:100%; }
}


@media only screen and (max-width: 640px) {
.relative li{ width:50%;}
.relative ul li dl dd{   padding:5px 0}
}











/*인증성*/


/*인증서*/
.property{}
.property_co{ text-align:right;  color: #CCC;  padding:0 2%; font-size:12px}

ul.certify_list{  overflow: hidden; *width:90%; }
ul.certify_list:after{content:"";display:block;clear:both;}
ul.certify_list > li{float:left;  width:14.285%; margin-bottom:30px  ; overflow:hidden; }
ul.certify_list > li a{ padding:0 15px;  text-align:center;   display:inline-block ;position:relative ; overflow:hidden}
ul.certify_list > li:after{content:"";display:block;clear:both;}
ul.certify_list > li span.thumb{  max-width:141px; max-height:200px; width:100%;  overflow:hidden ; position:relative; height:100% ; float:left; margin:0 auto; box-shadow:1px 1px 3px rgba(0, 0, 0, .2); margin-bottom:3px}
ul.certify_list > li span.thumb img{ max-width:100%; width:100%   }

ul.certify_list li p{  font-size:14px; font-weight:normal;  margin:0; padding:0 ; text-align:left; height:18px; overflow:hidden;  max-width:141px;padding:0 15px; }
ul.certify_list li p.date{ clear:both; font-size:14px; padding:10px 0 0px 0; text-align:left;  color:#999; padding:0 15px;}
/*라이트박스*/
#lightbox { cursor: pointer; position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: #333; /* IE Fallback (Solid Colour) */  background: rgba(0, 0, 0, 0.8); -webkit-filter: none !importfolioant; z-index:1000000; }
#lightbox img { display: block; position: absolute;}

.lightbox-button { position: absolute; z-index: 9999; background: no-repeat center center; width: 32px; height: 32px; opacity: 0.8; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; }
.lightbox-button:hover, .lightbox-button:focus { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.lightbox-close { right: 10px; top: 10px; background-image: url('../img/contents/btn_close.png'); }
.lightbox-next { right: 10px; top: 48%; background-image: url(''); }
.lightbox-previous { left: 10px; top: 48%; background-image: url(''); }



@media screen and (max-width:1200px){

ul.certify_list li p{ display:none} 
ul.certify_list li p..date{ display:none}
ul.certify_list > li a{ padding:0 5px; }
ul.certify_list > li{margin-bottom:10px  ;}
	
}

@media screen and (max-width:1000px){
ul.certify_list > li{ width:20%;}

}






/*오시는길*/
.roadmap{}
.roadmap h4{ margin:10px 0}

ul.road_info_add{border-top:1px solid #333;border-bottom:1px solid #333; position:relative; clear:both ; margin-top:30px}
ul.road_info_add li{  border-bottom:1px solid #ddd; padding:20px 0  ; width:100%;}
ul.road_info_add li dl{ clear:both;  width:100%; }
ul.road_info_add li dl:after{ clear:both; display:block; content:"";}
ul.road_info_add li dt{ width:16%; float:left; padding:0 2%}
ul.road_info_add li dd{ width:80%; float:right; }
ul.road_info_add li dd img{ margin-left:10px; margin-right:3px; vertical-align: middle; margin-bottom:1px }
ul.road_info_add li dd h5{ padding:0;}

.location_map{ width:100%; height:400px;}


.location_map { position:relative; padding-bottom:5.25%;  } /*비메오영상*/
.location_map iframe { position:absolute; width:100%; height:100%; }


.logo_mark{}
.map_Content{ text-align:center}
.map_Content img{ width:70px; padding:10px}

@media screen and (max-width:640px){

ul.road_info_add li{  padding:10px 0 ; }	
.location_map{  height:200px; }
.logo_mark img{ display:none}
}



/*오시는길2*/
.roadmap2 {}
.roadmap2 h4{ margin:10px 0}

.roadmap2 .road_info {overflow:hidden; }
.roadmap2 .road_info p.buil_thum {float:left; width:40%; }
.roadmap2 .road_info .rinfo_wrap {float:right; width:57%; }
.roadmap2 .road_info p.buil_thum img {width:100%;}
.roadmap2  ul.road_info_add{border-top:1px solid #333;border-bottom:1px solid #333; position:relative; margin:0;}

.roadmap2 ul.road_info_add li{  border-bottom:1px solid #ddd; padding:20px 0  ; width:100%;}
.roadmap2 ul.road_info_add li dl{ clear:both;  width:100%; }
.roadmap2 ul.road_info_add li dl:after{ clear:both; display:block; content:"";}
.roadmap2 ul.road_info_add li dt{ width:16%; float:left; padding:0 2%}
.roadmap2 ul.road_info_add li dd{ width:80%; float:right; }
.roadmap2 ul.road_info_add li dd img{ margin-left:10px; margin-right:3px; vertical-align: middle; margin-bottom:1px }
.roadmap2 ul.road_info_add li dd h5{ padding:0;}

.roadmap2 .location_map{ width:100%; height:400px;}


.roadmap2 .location_map { position:relative; padding-bottom:5.25%;  } /*비메오영상*/
.roadmap2 .location_map iframe { position:absolute; width:100%; height:100%; }


.roadmap2 .logo_mark{}
.roadmap2 .map_Content{ text-align:center}
.roadmap2 .map_Content img{ width:70px; padding:10px}

@media screen and (max-width:640px){

.roadmap2 .road_info p.buil_thum {width:100%; }
.roadmap2 .road_info .rinfo_wrap {float:left; width:100%; }

.roadmap2 ul.road_info_add{border-top:0px solid #333;border-bottom:0px solid #333; position:relative; margin:0;}

.roadmap2 ul.road_info_add li{  padding:10px 0 ; }	
.roadmap2 .location_map{  height:200px; }
.roadmap2 .logo_mark img{ display:none}
}















/*하이센하우스건축공정*/
.process_box {text-align:center;}
/*건축공정모식도*/
.process_thum{    width:100%;  max-width:1200px; margin:0 auto 0 auto}
.process_thum .bx-wrapper { position: relative; margin: 0 auto 0 auto; padding: 0; *zoom: 1; }
.process_thum .bx-wrapper img { max-width: 100%; display: block; width:100%; height:100%; max-width:1200px; max-height:513px; margin:0 auto ;  }
.process_thum .bx-wrapper .bx-viewport {  background: #fff; -webkit-transform: translatez(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); transform: translatez(0); }
.process_thum .bx-wrapper .bx-pager, .process_thum .bx-wrapper .bx-controls-auto { position: absolute; bottom: 0px; width: 100%; border:1px solid #936; display:none }
.process_thum .bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px; }
.process_thum .bx-wrapper .bx-pager .bx-pager-item, .process_thum .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1;
 *display: inline;}
.process_thum .bx-wrapper .bx-pager.bx-default-pager a { background: #666; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.process_thum .bx-wrapper .bx-pager.bx-default-pager a:hover, .process_thum .bx-wrapper .bx-pager.bx-default-pager a.active { background: #000; }
.process_thum .bx-wrapper .bx-prev { left: 0px; background: url(../img/contents/steel/pc_arr_prev.png) no-repeat 0 0;  }
.process_thum .bx-wrapper .bx-next { right: 0px; background: url(../img/contents/steel/pc_arr_next.png) no-repeat 0 0;  }
.process_thum .bx-wrapper .bx-prev:hover { opacity:0.8; }
.process_thum .bx-wrapper .bx-next:hover { opacity:0.8; }
.process_thum .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 46px; height: 46px; text-indent: -9999px; z-index: 9999; }
.process_thum .bx-wrapper .bx-controls-direction a.disabled { display: none; }
.process_thum .bx-wrapper .bx-controls-auto { text-align: center; }
.process_thum .bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(../sub/controls.png) -86px -11px no-repeat; margin: 0 3px; }
.process_thum .bx-wrapper .bx-controls-auto .bx-start:hover, .process_thum .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; }
.process_thum .bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(../sub/controls.png) -86px -44px no-repeat; margin: 0 3px; }
.process_thum .bx-wrapper .bx-controls-auto .bx-stop:hover, .process_thum .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; }
.process_thum .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; }
.process_thum .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; }
.process_thum .bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666\9; background: rgba(80, 80, 80, 0.75); width: 100%; }
.process_thum .bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; }
.process_thum #bx-pager { text-align: center; margin-top:10px; overflow:hidden; }
.process_thum #bx-pager ul {margin-left:-5px;}
.process_thum #bx-pager ul li {float:left; width:12.5%;}
.process_thum #bx-pager ul li p {margin-left:5px;  }
.process_thum #bx-pager ul li p a { display:block; border:1px solid #fff; }
.process_thum #bx-pager ul li p a img {  width:100%; }
.process_thum #bx-pager ul li p a:hover{border:1px solid #f9b11c; }
.process_thum #bx-pager ul li p a:active {}
.process_thum #bx-pager ul li p a:hover img, .example-item #bx-pager a.active img { }
.process_thum .pic li{ position:relative;}
.process_thum .pic li p{ position:absolute; top:30px ; left:0;   padding:0;  text-align:center; display:block; width:100%; }
.process_thum .pic li p span{ display:inline-block; background:#fff;color:#333; padding:10px 20px; font-size:24px; opacity:0.8; filter:alpha(opacity:'80'); }
.process_box .process_pic {overflow:hidden; margin-left:-10px;}
.process_box .process_pic li {width:33.33%; float:left; margin-bottom:10px;}
.process_box .process_pic li p  {margin-left:10px;}
.process_box .process_pic li p img  {width:100%; max-width:391px;}

@media all and (max-width:1000px) {
.process_thum .bx-wrapper .bx-prev {  }
.process_thum .bx-wrapper .bx-next {  }
}
@media all and (max-width:700px) {
.process_thum .pic li p{  top:0px;}
.process_thum .pic li p span { font-size:18px; padding:5px 15px;}
.process_thum #bx-pager ul li {width:25%; margin-bottom:5px;}
}
@media all and (max-width:500px) {
.process_thum .pic li p span { font-size:13px; }
.process_thum .bx-wrapper .bx-controls-direction a {width:25px; height:25px; background-size:contain; margin-top:-14px;}
}












/*특징*/
.wood_box {text-align:center;}
.wood_box .intro_pic {overflow:hidden; margin-left:-10px;}
.wood_box .intro_pic li {width:33.33%; float:left;}
.wood_box .intro_pic li p  {margin-left:10px;}
.wood_box .intro_pic li p img  {width:100%; max-width:391px;}
.wood_box .txt_01 {font-size:28px;}
.wood_box .txt_02 {color:#5c5c5c;}
.wood_box .txt_03 {font-size:28px;}
.wood_box .txt_04 {color:#5c5c5c;}
.wood_box .tit {font-size:28px;}
.wood_box .des_box {overflow:hidden; border-top:1px solid #ddd;}
.wood_box .des_box .des {overflow:hidden; text-align:left; padding:25px 0; border-bottom:1px solid #ddd;}
.wood_box .des_box .des .w_ico {display:inline-block; float:left; width:8%; padding:0 1%;}
.wood_box .des_box .des .w_ico img {width:100%; max-width:98px;}
.wood_box .des_box .des dl {overflow:hidden;}
.wood_box .des_box .des dl dt {float:left; width:18%; font-size:24px; padding:0 1%; margin-top:2%; }
.wood_box .des_box .des dl dt span {font-family:geo_r; font-size:14px; color:#686868; }
.wood_box .des_box .des dl dd {float:left; width:76%;  padding:0 1%;}
.wood_box .des_box .des dl dd h6 {font-size:20px; margin-bottom:10px; }
.wood_box .des_box .des dl dd span {font-size:15px; color:#5c5c5c; }
@media all and (max-width:780px) {
.wood_box .des_box .des dl dt {font-size:20px;  }
}
@media all and (max-width:680px) {
.wood_box .tit {font-size:20px;}
.wood_box .des_box .des .w_ico {width:10%; padding:0 1%; display:none;}
.wood_box .des_box .des dl dt { width:100%;  padding:0; margin-bottom:20px; font-size:26px;
background:url('../img/contents/sq_dot.png') no-repeat 0 5px; padding-left:15px;}
.wood_box .des_box .des dl dt span {margin-left:3px;}
.wood_box .des_box .des dl dt .dn { display:none; }
.wood_box .des_box .des dl dd { width:100%;  padding:0;}
.wood_box .des_box .des dl dd h6 {font-size:16px;  }
.wood_box .des_box .des dl dd span {font-size:14px; }
}
@media all and (max-width:640px) {
.wood_box .txt_01 {font-size:17px;}
.wood_box .txt_02 .dn {display:none;}
.wood_box .txt_03 {font-size:17px;}
}








/*동영상*/
.moviebox2 {width:100%!important; }
.moviebox2 .youtubeWrap {width:99.99%; position:relative;  padding-bottom:56.25%;  }
.moviebox2 .youtubeWrap iframe{width:99.99%!important; height:99.98%; position:absolute; left:0; }






/*CI 소개*/
.ci_box {}
.ci_box .ci_des {overflow:hidden;}
.ci_box .ci_des .fl {width:47%; float:left; }
.ci_box .ci_des .fl img {width:100%; max-width:541px;}
.ci_box .ci_des .fr {width:51%; float:right;}
.ci_box .ci_des .fr h4 {font-size:32px;}
.ci_box .ci_des .fr .ci_down_btn {display:inline-block; background:#4a89d1; color:#fff; padding:10px 30px; margin-top:20px;}
.ci_box .ci_des .fr .ci_down_btn:hover{background:#888;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out; 
-ms-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.ci_box .ci_color {overflow:hidden;}
.ci_box .ci_color span {display:inline-block; width:50px;height:50px; line-height:50px; float:left; 
 background:#333; margin-right:5px; color:#fff; text-align:center; }
.ci_box .ci_color span.cic_01 {background:#369a44;}
.ci_box .ci_color span.cic_02 {background:#f9b11c;}
.ci_box .ci_color span.cic_03 {background:#206433;}
.ci_box .ci_color span.cic_04 {background:#6c6d6f;}
.ci_box .ci_color span.cic_05 {background:#211f1f;}
@media only screen and (max-width: 750px) {
.ci_box .ci_des .fl {width:100%; margin-bottom:10px; }
.ci_box .ci_des .fl img {max-width:100%;  }
.ci_box .ci_des .fr {width:100%; float:left;}
.ci_box .ci_des .fr h4 {font-size:22px;}
.ci_box .ci_color span { }
}
@media only screen and (max-width: 550px) {
.ci_box .ci_des .fr h4 {font-size:18px;}
.ci_box .ci_des .fr .ci_down_btn {padding:7px 0; width:100%; text-align:center;}
}







/*전국건축지사,협력사*/
.partner_box {overflow:hidden;}
.partner_box .fl {float:left; width:40%;}
.partner_box .fl .korea{background:#f7f7f7; padding:30px 0 30px 0; text-align:center; }
.partner_box .fl .korea .des {display:block; margin-top:20px;}
.partner_box .fl .korea img {}
.partner_box .fr {float:right; width:56%;}
.partner_box .fr h6 {border-bottom:1px solid #ddd; font-size:32px; padding-bottom:10px;}
.partner_box .fr .txt01 {font-size:18px; color:#5c5c5c;}
.partner_box .fr .txt02 {font-size:22px; line-height:1.4;}
.partner_box .fr .appl_btn {background:#2f8ac3; color:#fff; padding:15px 20px; font-size:18px; display:inline-block;}
.partner_box .fr .appl_btn:hover {background:#333;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out; 
-ms-transition: all .2s ease-in-out;
transition: all .2s ease-in-out; }
.partner_box .fr .appl_btn img {width:100%; max-width:35px;  vertical-align:middle; margin-right:10px;}

/*협력사리스트 레이어*/
.layer_wrap {width:100%; height:100%; background:url('../img/contents/layer_bg.png') repeat 0 0; color:#fff; position:fixed; z-index:9999; text-align:center; display:none;
overflow-y:auto; }
.layer_wrap .x_btn {display:inline-block; position:absolute; top:10px; right:10px; cursor:pointer;}
.layer_wrap .partner_lay {display:inline-block; width:80%; margin-top:13%; padding-bottom:100px;}
.layer_wrap .partner_lay h3 {font-size:34px; padding:0 0 15px 0; text-align:left; color:#f9b11c;}
.layer_wrap .partner_lay .num {text-align:left;}
.partner_list {border-top:2px solid #fff; margin-top:10px;}
.partner_list dl {overflow:hidden; border-bottom:1px solid #dfdfdf;}
.partner_list dl dt {float:left; width:10%; padding:10px 2%; text-align:center; line-height:1.4;
box-sizing:border-box; 
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;}
.partner_list dl dd {float:left; width:29%; padding:10px 2%; text-align:center; line-height:1.4;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;}
.partner_list dl.empty dd {width:100%;}
.partner_list dl.first { background:#676767; }
.partner_list dl.first dt {text-align:center;}
.partner_list dl.first dd {text-align:center;}
@media screen and (max-width:1200px){
.layer_wrap .partner_lay {width:94%;}
}
@media screen and (max-width:900px){
.partner_box .fl {width:100%;}
.partner_box .fr {float:left; width:100%; margin-top:50px; text-align:center;}
.partner_box .fr h6 {font-size:26px; }
.partner_box .fr .txt01 {font-size:16px;}
.partner_box .fr .txt02 {font-size:18px; }
}
@media screen and (max-width:600px){
.partner_box .fr  .dn{display:none;}
.partner_box .fr .appl_btn {padding:15px 0; font-size:15px;  width:100%;}
.partner_box .fr .appl_btn img {margin-right:5px;}
.partner_list {font-size:12px;}
.partner_list dl dt {display:none;}
.partner_list dl dd {width:33.33%;}
}
@media screen and (max-width:400px){
.partner_box .fl .korea{background:#fff; border-bottom:1px solid #ddd; }
}











/*기술소개*/
.tech_box {text-align:center;}
.tech_con {text-align:left;}
.tech_con .sp {overflow:hidden; margin-left:-10px;}
.tech_con .sp li {float:left; width:33.33%; position:relative;}
.tech_con .sp li .arr {position:absolute; top:50%; right:-35px; z-index:999; margin-top:-30px;}
.tech_con .sp li p {margin-left:10px; border:1px solid #ddd;}
.tech_con .sp li p img {width:100%;}
.tech_con .txt_01 {color:#5c5c5c;}
.tech_con .txt_02 {color:#5c5c5c;}
.tech_con .txt_02 span {font-size:25px; color:#333; line-height:1.4;}
.tech_con .txt_03 {font-size:25px; line-height:1.4;}
.tech_con .sp2 {overflow:hidden; margin-left:-10px;}
.tech_con .sp2 li {float:left; width:33.33%; margin-bottom:10px;}
.tech_con .sp2 li dl {margin-left:10px;  overflow:hidden; }
.tech_con .sp2 li dl dt {position:relative;}
.tech_con .sp2 li dl dt .ico_box {position:absolute; top:0; left:0; width:100%; height:100%; text-align:center; display:block; color:#fff; padding-top:15%;}
.tech_con .sp2 li dl dt .ico_box .ic {display:block; text-align:center; margin-bottom:3%; height:40px; }
.tech_con .sp2 li dl dt .ico_box .ic img {}
.tech_con .sp2 li dl dt .ico_box .wl {display:block; text-align:center; }
.tech_con .sp2 li dl dt .ico_box .wl img {vertical-align:middle;}
.tech_con .sp2 li dl dt .ico_box .tco_txt {display:block; text-align:center; font-size:16px; }
.tech_con .sp2 li dl dt > img {width:100%;}
.tech_con .sp2 li dl dd {text-align:left; padding:7px 0px; }
.tech_con .esq {overflow:hidden; border:1px solid #f1f1f1;}
.tech_con .esq .esq_con {position:relative;}
.tech_con .esq .esq_con .txt_box {position:absolute; top:13%; left:50px; display:inline-block;}
.tech_con .esq .esq_con .txt_box .txt_001 {font-size:32px; line-height:1.4;}
.tech_con .esq .esq_con .txt_box .txt_002 {font-size:25px; line-height:1.4;}
.tech_con .esq .esq_con .txt_box .txt_002 .dn {display:none; }
.tech_con .esq .esq_con .txt_box .sht_line {border-bottom:1px solid #ddd; width:50px; display:inline-block; margin:30px 0 20px 0;}
.tech_con .esq .esq_con .txt_box .txt_003 {}
.tech_con .tit_box {text-align:center; border-bottom:1px solid #ddd; padding-bottom:30px;}
.tech_con .tit_box p {color:#5c5c5c;}
.tech_con .des {color:#686868;}
.tech_con .sp3 {overflow:hidden; margin-left:-10px;}
.tech_con .sp3 li {float:left; width:33.33%;}
.tech_con .sp3 li dl {margin-left:10px; border:1px solid #ddd;}
.tech_con .sp3 li dl dt {}
.tech_con .sp3 li dl dt img {width:100%;}
.tech_con .sp3 li dl dd {text-align:center; padding:7px 5px;}
.tech_con .sp3 li.s01 {width:20%;}
.tech_con .sp3 li.s02 {width:40%;}
.tech_con .sp3 li.s03 {width:40%;}
.tech_con .sp3 li.s01 dl {border-radius:10px; padding:15px 0; text-align:center; color:#fff; background:#333; border:none;}
.tech_con .effect {background:#ffeac0; border:2px solid #f9b11c; color:#333; display:inline-block; padding:15px 20px; border-radius:10px;}
.tech_con .tech_order {overflow:hidden;}
.tech_con .tech_order .fl {float:left; width:62%;}
.tech_con .tech_order .fl ul {margin-left:-10px;}
.tech_con .tech_order .fl ul li {width:33.33%; float:left; margin-bottom:10px;}
.tech_con .tech_order .fl ul li p {margin-left:10px;}
.tech_con .tech_order .fr {float:right; width:37%;}
.tech_con .tech_order .fr dl {border:1px solid #ddd;}
.tech_con .tech_order .fr dl dt {}
.tech_con .tech_order .fr dl dt img {width:100%;}
.tech_con .tech_order .fr dl dd {text-align:center; padding:7px 5px;}
@media screen and (max-width:850px){
.tech_con .sp2 li {width:50%; }
.tech_con .esq .esq_con {padding-top:90px;}
.tech_con .esq .esq_con .txt_box {position:absolute; top:13%; left:0px; display:inline-block; width:94%;  padding:0 3%; text-align:center; }
.tech_con .esq .esq_con .txt_box .txt_001 {font-size:26px;}
.tech_con .esq .esq_con .txt_box .txt_002 {font-size:20px; }
.tech_con .esq .esq_con .txt_box .sht_line {border-bottom:1px solid #ddd; width:50px; display:inline-block; margin:20px 0 10px 0;}
.tech_con .esq .esq_con .txt_box .txt_003 {color:#5c5c5c;}
}
@media screen and (max-width:750px){
.tech_con .sp li .arr {top:50%; margin-top:-18px; right:-20px;}
.tech_con .sp li .arr img {width:36px;}
.tech_con .txt_02 span {font-size:18px; }
.tech_con .txt_03 {font-size:18px; }
.tech_con .sp3 li {width:100%; margin-bottom:10px;}
.tech_con .sp3 li.s01 {width:100%;}
.tech_con .sp3 li.s01 dl {padding:10px 0;}
.tech_con .sp3 li.s02 {width:50%;}
.tech_con .sp3 li.s03 {width:50%;}
.tech_con .tech_order .fl { width:100%;}
.tech_con .tech_order .fr {float:left; width:100%;}
}
@media screen and (max-width:650px){
.tech_con .sp li .arr {top:50%; margin-top:-12px; right:-15px;}
.tech_con .sp li .arr img {width:24px;}
.tech_con .sp2 li dl dt .ico_box {padding-top:23%;}
.tech_con .sp2 li dl dt .ico_box .ic {display:none; }
.tech_con .sp2 li dl dt .ico_box .wl {display:none; }
.tech_con .esq .esq_con {padding-top:230px;}
.tech_con .esq .esq_con .txt_box {top:10%;}
.tech_con .esq .esq_con .txt_box .txt_001 {font-size:22px; margin-bottom:20px;}
.tech_con .esq .esq_con .txt_box .txt_002 {font-size:16px; }
.tech_con .esq .esq_con .txt_box .txt_002 .dn {display:block; }
.tech_con .tit_box p {font-size:13px;}
}












































/*건축진행현장*/
.ing_box {text-align:left; }
.ing_box td {vertical-align:top;}
.ing_box .ing_list {margin-left:-10px; overflow:hidden;}
.ing_box .ing_list > li {float:left; width:25%; margin-bottom:10px;}
.ing_box .ing_list > li > dl {margin-left:10px; border:1px solid #ddd; position:relative; }
.ing_box .ing_list > li > dl .des_ly {position:absolute; width:92%; height:100%; background:#000; top:0; left:0; display:block; z-index:1000; display:none;
opacity:0.8; color:#fff; text-align:center; padding:0 4%; }
.ing_box .ing_list > li > dl .des_ly .des_box {margin-top:30%;}
.ing_box .ing_list > li > dl .des_ly .des_box .tit {font-size:20px; margin-bottom:10px;}
.ing_box .ing_list > li > dl .des_ly .des_box .py {}
.ing_box .ing_list > li > dl dt {position:relative; overflow:hidden;}
.ing_box .ing_list > li > dl dt .stat {position:absolute; left:5px; top:5px; display:inline-block; padding:5px 9px;  color:#fff;}
.ing_box .ing_list > li > dl dt .stat_wait {background:#ff8c2f; }
.ing_box .ing_list > li > dl dt .stat_ing {background:#6fb541; }
.ing_box .ing_list > li > dl dt .stat_end {background:#3e3e3e; }
.ing_box .ing_list > li > dl dt .thum {position:absolute; left:0; top:0; width:100%; height:100%; }
.ing_box .ing_list > li > dl dt .thum img {width:100%; height:100%;
-webkit-transition: all .2s ease-in-out;	
 -moz-transition: all .2s ease-in-out;	 
-o-transition: all .2s ease-in-out;	 
-ms-transition: all .2s ease-in-out;	 
transition: all .2s ease-in-out;}
.ing_box .ing_list > li > dl dt .thum img:hover{-webkit-transform:scale(1.1,1.1);
-moz-transform:scale(1.1,1.1); 
-o-transform:scale(1.1,1.1); 
-ms-transform:scale(1.1,1.1); 
transform:scale(1.1,1.1);
}
.ing_box .ing_list > li > dl dd {}
.ing_box .ing_list > li > dl dd .name {padding:10px 10px; border-bottom:0px solid #ddd; text-align:center;}
.ing_box .ing_list > li > dl dd .perc { overflow:hidden; padding:10px 10px;}
.ing_box .ing_list > li > dl dd .perc .title {width:35%; float:left;  display:block; }
.ing_box .ing_list > li > dl dd .perc .title span {color:#e96567; }
.ing_box .ing_list > li > dl dd .perc .title span.end {color:#369a44; }
.ing_box .ing_list > li > dl dd .perc .title span.wait {color:#4a89d1; }
.ing_box .ing_list > li > dl dd .perc .title span.ing {color:#e96567; }
.ing_box .ing_list > li > dl dd .perc .perc_bar {width:63%; float:right; border:1px solid #efefef; height:10px; margin-top:7px; 
box-sizing:border-box; 
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
}
.ing_box .ing_list > li > dl dd .perc .perc_bar li {float:left; width:10%; height:100%; }
.ing_box .ing_list > li > dl dd .perc .perc_bar li.on {background:#e96567;  }
.ing_box .ing_list > li > dl dd .perc .perc_bar_end li.on {background:#369a44;  }
@media all and (max-width:1200px) {
.ing_box .ing_list > li > dl .des_ly {display:none!important;}
}
@media all and (max-width:1000px) {
.ing_box .ing_list > li {width:33.33%; }
}
@media all and (max-width:800px) {
.ing_box .ing_list > li {width:50%; }
.ing_box .ing_list > li > dl dd .perc .title {width:100%;}
.ing_box .ing_list > li > dl dd .perc .perc_bar {width:100%; float:left;}
}
@media all and (max-width:600px) {
.ing_box .ing_list > li {width:100%; }
}
/*건축진행현장 상세페이지*/
.ing_box .view_box {border:0px solid #ddd; overflow:hidden;}
.ing_box .view_box .fl {float:left; width:54%;}
.ing_box .view_box .fl img {width:100%;}
.ing_box .view_box .fr {float:right; width:44.5%;}
.ing_box .view_box .fr .data {padding:0 20px;}
.ing_box .view_box .fr .data h3 {border-bottom:1px solid #ddd; font-size:26px;}
.ing_box .view_box .fr .data dl {overflow:hidden; padding:10px 0; border-bottom:1px solid #efefef;}
.ing_box .view_box .fr .data dl dt {float:left; width:20%; font-weight:bold;}
.ing_box .view_box .fr .data dl dd {float:right; width:78%; color:#5c5c5c;}
.ing_box .view_box .fr .data .btn_box {width:100%; margin-top:15px; overflow:hidden;}
.ing_box .view_box .fr .data .btn_box a {display:inline-block;  width:49.5%; text-align:center; color:#fff; padding:7px 0;}
.ing_box .view_box .fr .data .btn_box .cougo_btn {float:left; background:#f9b11c;}
.ing_box .view_box .fr .data .btn_box .cougo_btn:hover {background:#333;
-webkit-transition: all .2s ease-in-out;	
 -moz-transition: all .2s ease-in-out;	 
-o-transition: all .2s ease-in-out;	 
-ms-transition: all .2s ease-in-out;	 
transition: all .2s ease-in-out;}
.ing_box .view_box .fr .data .btn_box .endgo_btn {float:right; background:#369a44;}
.ing_box .view_box .fr .data .btn_box .endgo_btn:hover {background:#333;
-webkit-transition: all .2s ease-in-out;	
 -moz-transition: all .2s ease-in-out;	 
-o-transition: all .2s ease-in-out;	 
-ms-transition: all .2s ease-in-out;	 
transition: all .2s ease-in-out;
}
.ing_box .view_box .fr .data dl dd .perc_bar {width:80%; float:left; border:1px solid #efefef; height:10px; margin-top:7px; 
box-sizing:border-box; 
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
}
.ing_box .view_box .fr .data dl dd .perc_bar li {float:left; width:10%; height:100%; }
.ing_box .view_box .fr .data dl dd .perc_bar li.on {background:#e96567;  }
.ing_box .view_box .fr .data dl dd .perc_bar_end li.on {background:#369a44; }
.ing_box .view_box .fr .data dl dd .num {width:19%; float:right; text-align:center; font-weight:600; font-size:20px;}
.ing_box .bprint_box {overflow:hidden;}
.ing_box .bprint_box ul {margin-left:-10px;}
.ing_box .bprint_box ul li {width:50%; float:left;}
.ing_box .bprint_box ul li p {border:1px solid #ddd; margin-left:10px; text-align:center;}
.ing_box .live_box .date {font-weight:bold; color:#369a44;}
.ing_box .live_tit {overflow:hidden; margin-bottom:30px;}
.ing_box .live_tit p.tit {background:#ffeac0; border:2px solid #f9b11c; color:#333; display:block; padding:10px 0; border-radius:10px; text-align:center;}
.ing_box .live_tit p.tit2 {background:#ffe9e9; border:2px solid #e96567; color:#333; display:block; padding:10px 0; border-radius:10px; text-align:center;}
.ing_box .live_tit p.tit span {font-weight:bold;}
.ing_box .live_tit ul {overflow:hidden; margin-left:-10px; margin-top:10px; }
.ing_box .live_tit ul li {width:25%; float:left; margin-bottom:10px; }
.ing_box .live_tit ul li p { margin-left:10px;}
.ing_box .live_tit ul li p img {width:100%;}
@media all and (max-width:1000px) {
.ing_box .view_box .fl {width:100%; margin-bottom:15px;}
.ing_box .view_box .fr {float:left; width:100%;}
.ing_box .view_box .fr .data {padding:0;}
}
@media all and (max-width:600px) {
.ing_box .view_box .fr .data dl dd .num {font-size:14px;}
.ing_box .bprint_box ul li {width:100%; margin-bottom:10px;}
.ing_box .live_tit {margin-bottom:10px;}
.ing_box .live_tit ul li {width:50%; margin-bottom:10px; }
}







/* 완공사례 */
.ing_box .filter {overflow:hidden; border:1px solid #ddd; border-bottom:none;}
.ing_box .filter dl {overflow:hidden; border-bottom:1px solid #ddd; background:#f1f1f1;}
.ing_box .filter dl dt {float:left; width:18%; text-align:center; padding:10px 2%; 
box-sizing:border-box; 
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;}
.ing_box .filter dl dd {float:right; width:82%; padding:10px 2%; border-left:1px solid #ddd; background:#fff; 
box-sizing:border-box; 
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;}
.ing_box .filter dl dd span {display:inline-block; margin-right:7px;}
.ing_box .filter dl dd .chk { }
.ing_box .filter dl dd .search {padding:0 2%; width:96%; border:1px solid #ddd; background:#f9f9f9;}
.ing_box .filter_wrap .btn_box {overflow:hidden; text-align:center; margin-top:15px;}
.ing_box .filter_wrap .btn_box .search_btn {display:inline-block; padding:7px 30px; color:#fff; background:#333;}
.ing_box .ing_list > li > dl dd .name2 {padding:10px 10px; border-bottom:1px solid #ddd; overflow:hidden;}
.ing_box .ing_list > li > dl dd .name2 .nm {float:left; width:65%; display:inline-block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.ing_box .ing_list > li > dl dd .name2 .py {float:right; width:32%;  display:inline-block; text-align:right;}
.ing_box .ing_list > li > dl dd .btn_box {overflow:hidden;}
.ing_box .ing_list > li > dl dd .detail_btn {display:block; float:left; width:50%; text-align:center; padding:7px 0; border-right:1px solid #ddd;
box-sizing:border-box; 
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;}
.ing_box .ing_list > li > dl dd .cou_btn {display:block; float:right; width:50%; text-align:center; padding:7px 0; background:#f9f9f9;
box-sizing:border-box; 
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;}

/* 완공사례 상세 */
.end_thum{    width:100%;  max-width:1200px; margin:0 auto 0 auto}
.end_thum .bx-wrapper { position: relative; margin: 0 auto 0 auto; padding: 0; *zoom: 1; }
.end_thum .bx-wrapper img { max-width: 100%; display: block; width:100%; height:100%; max-width:1200px; max-height:513px; margin:0 auto ;  }
.end_thum .bx-wrapper .bx-viewport {  background: #fff;
-webkit-transform: translatez(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); transform: translatez(0); }
.end_thum .bx-wrapper .bx-pager, .end_thum .bx-wrapper .bx-controls-auto { position: absolute; bottom: 0px; width: 100%; border:1px solid #936; display:none }
.end_thum .bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px; }
.end_thum .bx-wrapper .bx-pager .bx-pager-item, .end_thum .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1;
 *display: inline;}
.end_thum .bx-wrapper .bx-pager.bx-default-pager a { background: #666; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.end_thum .bx-wrapper .bx-pager.bx-default-pager a:hover, .end_thum .bx-wrapper .bx-pager.bx-default-pager a.active { background: #000; }
.end_thum .bx-wrapper .bx-prev { left: 0px; background: url(../img/contents/steel/pc_arr_prev.png) no-repeat 0 0;  display:none;}
.end_thum .bx-wrapper .bx-next { right: 0px; background: url(../img/contents/steel/pc_arr_next.png) no-repeat 0 0;   display:none;}
.end_thum .bx-wrapper .bx-prev:hover { opacity:0.8; }
.end_thum .bx-wrapper .bx-next:hover { opacity:0.8; }
.end_thum .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 46px; height: 46px; text-indent: -9999px; z-index: 9999; }
.end_thum .bx-wrapper .bx-controls-direction a.disabled { display: none; }
.end_thum .bx-wrapper .bx-controls-auto { text-align: center; }
.end_thum .bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(../sub/controls.png) -86px -11px no-repeat; margin: 0 3px; }
.end_thum .bx-wrapper .bx-controls-auto .bx-start:hover, .end_thum .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; }
.end_thum .bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(../sub/controls.png) -86px -44px no-repeat; margin: 0 3px; }
.end_thum .bx-wrapper .bx-controls-auto .bx-stop:hover, .end_thum .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; }
.end_thum .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; }
.end_thum .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; }
.end_thum .bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666\9; background: rgba(80, 80, 80, 0.75); width: 100%; }
.end_thum .bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; }
.end_thum #bx-pager { text-align: center; margin-top:10px; overflow:hidden; }
.end_thum #bx-pager ul {margin-left:-5px;}
.end_thum #bx-pager ul li {float:left; width:12.5%;}
.end_thum #bx-pager ul li p {margin-left:5px;  }
.end_thum #bx-pager ul li p a { display:block; border:1px solid #fff; }
.end_thum #bx-pager ul li p a img {  width:100%; height:50px;}
.end_thum #bx-pager ul li p a:hover{border:1px solid #f9b11c; }
.end_thum #bx-pager ul li p a:active {}
.end_thum #bx-pager ul li p a:hover img, .example-item #bx-pager a.active img { }
.end_thum .pic li{ position:relative;}
.end_thum .pic li p{ position:absolute; top:30px ; left:0;   padding:0;  text-align:center; display:block; width:100%; }
.end_thum .pic li p span{ display:inline-block; background:#fff;color:#333; padding:10px 20px; font-size:24px; opacity:0.8; filter:alpha(opacity:'80'); }
.end_box .end_pic {overflow:hidden; margin-left:-10px;}
.end_box .end_pic li {width:33.33%; float:left; margin-bottom:10px;}
.end_box .end_pic li p  {margin-left:10px;}
.end_box .end_pic li p img  {width:100%; max-width:391px;}
@media all and (max-width:1200px) {
.end_thum .bx-wrapper .bx-viewport {  }
}
@media all and (max-width:1000px) {
.end_thum .bx-wrapper .bx-prev {  }
.end_thum .bx-wrapper .bx-next {  }
}
@media all and (max-width:700px) {
.end_thum .pic li p{  top:0px;}
.end_thum .pic li p span { font-size:18px; padding:5px 15px;}
.end_thum #bx-pager ul li {width:25%; margin-bottom:5px;}
.end_thum #bx-pager ul li p a img { height:65px;}
}
@media all and (max-width:500px) {
.end_thum .pic li p span { font-size:13px; }
.end_thum .bx-wrapper .bx-controls-direction a {width:25px; height:25px; background-size:contain; margin-top:-14px;}
}