@charset "utf-8";
/*-----------------------  모바일 내부용 Custom Css 설정 --------------------------*/

/* Reset */
#contentWrap section, article, nav, aside, hgroup, header, footer {display:block;}

/*-------------- Layout 메인 ---------------- */
#_new_wrap { width:100%; height:auto; margin:0 auto; position:relative; background:url(/pages/image/background.gif); background-color: #2d2d2d; color:#fff; overflow:scroll; overflow-y:hidden; }
#_new_wrap ul, li { margin:0; padding:0; list-style: none; }
#_new_wrap img { border:0; text-align:left; }
#_new_wrap #_new_container { width:1165px; height:auto; overflow:hidden; position:relative; padding:10px 7px 10px 7px; margin:0 auto;}

#_new_wrap #_new_container .business { width:auto; height:auto; }
#_new_wrap #_new_container .business ul { width:auto; height:auto; }
#_new_wrap #_new_container .business ul li { float:left; width:auto; margin-left:7px; }
#_new_wrap #_new_container .business ul li:first-child { margin-left:0; }
#_new_wrap #_new_container .business ul li img { box-shadow:2px 2px 2px black; -moz-box-shadow:2px 2px 2px black; -webkit-box-shadow:2px 2px 2px black; filter:progid:DXImageTransform.Microsoft.Shadow(color=black, direction=135, strength=2);}
#_new_wrap #_new_container .con_wrap { width:auto; height:auto; float:left; margin-right:7px; margin-top:7px;}
#_new_wrap #_new_container .con_wrap img { box-shadow:2px 2px 2px black; -moz-box-shadow:2px 2px 2px black; -webkit-box-shadow:2px 2px 2px black; filter:progid:DXImageTransform.Microsoft.Shadow(color=black, direction=135, strength=2);}
#_new_wrap #_new_container .con_wrap div.quick_01 { float:left; width:auto; margin-right:7px; }
#_new_wrap #_new_container .con_wrap div.quick_02 { float:left; width:auto; margin-right:7px; }
#_new_wrap #_new_container .con_wrap div.banner { float:left; width:auto; height:auto; }



/*-----------------------  Layout 서브 contents ---------------------------*/
#contentWrap {width:100%; height:auto; }
#contentWrap img {width:100%}
#contentWrap:after {content:""; display:block; height:1px; clear:both;}

/* 목조주택 */
#mokjo { width:100%; height:auto; padding:5px; background-image: url(/pages/image/mobile/mokjo_back.jpg) ; background-repeat: no-repeat; background-size:cover; display:inline-block;}
#mokjo .mokjo_wrap {width:100%; padding-top:30%;} 
#mokjo .mokjo_wrap ul {width:100%; margin:0 auto;}
#mokjo .mokjo_wrap ul li {float:left;  width:48%; display:inline;}
#mokjo .mokjo_wrap ul li:first-child {margin-right:1%; margin-left:1.5%;}
#mokjo .mokjo_wrap ul li img {width:100%;}

/* 방수단열 */
#bangsu { width:100%; height:auto;}
#bangsu .bangsu_wrap {width:100%; padding-top:3%;} 
#bangsu .bangsu_wrap ul {width:100%;}
#bangsu .bangsu_wrap ul li {float:left; width:32.5%; display:inline;margin-left:1%;}
#bangsu .bangsu_wrap ul li:first-child {margin-left:0;}
#bangsu .bangsu_wrap ul li img {width:100%;}

/* 조경 */
#jokyng {width:100%;}
#jokyng ul {}
#jokyng ul li {float:left; width:50%; padding:0; margin:0;}

/* 철거 */
#cheolga {width:100%;}
#cheolga .cheolga_wrap {width:100%;}
#cheolga .cheolga_wrap ul {width:100%;}
#cheolga .cheolga_wrap ul li {float:left; width:48.7%;}
#cheolga .cheolga_wrap ul li:nth-child(2n+1) {margin-right:2%;}
#cheolga .cheolga_wrap ul li:nth-child(n+3) {margin-top:2%; }

/* 건기클리어 */
#clear {width:100%;}
#clear .clear_wrap {width:100%;}
#clear .clear_wrap ul {width:100%;}
#clear .clear_wrap ul li {float:left; width:50%;}

/* 건기나노글라스 */
#glass {width:100%;}
#glass .glass_wrap {width:100%;}
#glass .glass_wrap ul {width:100%;}
#glass .glass_wrap ul li {float:left; width:49%;}
#glass .glass_wrap ul li:nth-child(2n+1) {margin-right:2%;}
#glass .glass_wrap ul li:nth-child(n+3) {margin-top:2%; }

/* 건기나노살균 */
#nano {width:100%;}
#nano .nano_wrap {width:100%;}
#nano .nano_wrap ul {width:100%;}
#nano .nano_wrap ul li {float:left; width:49%;}
#nano .nano_wrap ul li:nth-child(2n+1) {margin-right:2%;}
#nano .nano_wrap ul li:nth-child(n+3) {margin-top:2%; }

/* margin class */
.MT10 {margin-top:0.2%;}
.MT15 {margin-top:0.5%;}
.MT20 {margin-top:1%;}
.MT25 {margin-top:2%;}
.MT35 {margin-top:3%;}
.MT45 {margin-top:5%;}
.MT50 {margin-top:7%;}
.MT55 {margin-top:10%;}

/* 지도 */
@media screen and (max-width:768px) {
	#btnZoom {display:none;}
	.map_td1 {display:none;}
	.map_td2 {display:none;}
}

/*---------------- 서브메뉴 화면 ----------------*/
html, body {height:100%;}
#response_container { width:100%; height:100%; padding-bottom:8%; display:inline-block; background-image: url(/pages/image/background.gif);}
#response_container h1 {width:100%; text-align:center; display:block; padding:10px 0;}

/* 사업소개 , 시공갤러리 */
#response_container dl { float:left; width:29.2%; margin-bottom:3%; margin-left:3%;}
#response_container dl dt { width:100%; height:31px; background-image:url(/pages/image/mobile/title_bar_back.gif) ;
	border:1px solid #3e3e3e;
	box-shadow:2px 2px 2px black;
	-moz-box-shadow:2px 2px 2px black; 
	-webkit-box-shadow:2px 2px 2px black; 
	filter:progid:DXImageTransform.Microsoft.Shadow(color=black, direction=135, strength=2);
}
#response_container dl dt h2.title {margin-left:13px; display:inline;}
#response_container dl dt span.btn_more {float:right;}
#response_container dl dd {width:100%; }
#response_container dl dd ul {float:left; width:100%; margin-top:2%}
#response_container dl dd ul li {float:left; margin-left:2%;  text-align:center; }
#response_container dl dd ul li img {width:100%; height:auto; 
	box-shadow:2px 2px 2px black;
	-moz-box-shadow:2px 2px 2px black; 
	-webkit-box-shadow:2px 2px 2px black; 
	filter:progid:DXImageTransform.Microsoft.Shadow(color=black, direction=135, strength=2);
}
#response_container dl dd ul li:first-child {margin-left:0;}
#response_container dl.col3 dd ul li {width:31.999%;}
#response_container dl.col2 dd ul li {float:left; width:48.999%;}

/* 회사소개 */
#backimage_wrap {
	display:inline-block;
	padding-bottom:100px;
	width:100%; height:100%;   
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	background-size: cover; 
	background-attachment:fixed; 
	background-image: url(/pages/image/mobile/company_background.jpg); 
	background-repeat: no-repeat; 
	background-position: center top;
	
}
#response_container ul {float:left; width:100%; margin-top:5%; }
#response_container ul.col2 li { width:21.3%; float:left; margin-left:3%; margin-bottom:3%; }
#response_container ul.col2 li img {width:100%; height:auto;}

/*----------------------------/// 반응형 css 적용 /// ---------------------------*/
/* 사업소개,시공갤러리 */
@media screen and (max-width:1150px) {
	#response_container dl {width:45%;}
	#response_container dl:nth-child(odd) {float:left;}
	#response_container dl:nth-child(even) {float:right; margin-right:3%;}
}

/* 회사소개 */
@media screen and (max-width:800px) { 
         #response_container ul {margin-top:2%; }
         #response_container ul.col2 li { width:45%; }
}

/* 사업소개,시공갤러리 */
@media screen and (max-width:600px) {
	#response_container dl {width:94.2%; margin-bottom:6%;}
	#response_container dl:nth-child(even) {border:none;}
}