/*MEDIA QUERIES*/
@media all and (min-width: 750px) {
	
}
@media all and (max-width: 1100px){
	#wrap{width:100%;}
	#header{width:100%;}
	#main_visual .mvisual_cont{width:100%;}
	.main_cont{width:100%;}

	#footer .cont_container{width:100%;}
	#footer .cont_container .cont{padding:20px 10px;}

	#sub_content{width:95%;}
	.cont_resize{width:95%;}
	.container_size01{width:95%;}
}
@media all and (max-width: 1050px){
	#gnb ul li{float:left; margin-right:28px;}
	.portfolio_m .portfolio_list li{width:33.3333333%;}
}
@media all and (max-width: 900px){
	#gnb ul li{float:left; margin-right:20px;}
	#gnb ul li a{font-size:14.5px}
	
	

	.customer{width:38.45%;}	
	.customer .cont{padding-left:0px;}
	.m_notice{width:28.63%;}
	.estimate{width:32.909%;}

	
	.portfolio .portfolio_list li{width:33.3333333%;}
	
	
	.process_cont .btn_set a.btn_t01{width:43%; margin:0% 0.7%;}

	

	.list02 > li{width:32.5%; margin-left:1.25%; margin-bottom:1.25%;}

	.list02.type02 > li{width:46%; margin:0 2% 4%;}
	.list02.type02 > li.first{margin-left:2%;}

	.table03 .w01{width:35%;}

	.table04 .th_w{width:25%;}
	.table04 .td_w{width:75%;}


	.gallery_list01 li{width:50%;}


	.service_tab li{display:none;}
	.service_tab li.active{display:block; margin-left:11px;}

	#sub_visual .title01{padding-top:100px; font-size:55px;}
	#sub_visual .title02{font-size:20px;}

	
}
@media all and (max-width: 800px){
	#gnb ul li{float:left; margin-right:14px;}
	#gnb ul li a{font-size:14.5px}

	.portfolio_m .portfolio_list li{width:50%;}
}
@media all and (max-width: 750px){	
	
	#main_visual{height:auto; background:url('../images/main/main_visual_bg_pattern.jpg') top center;}
	#main_visual .list > li{width:60%; margin:0% 20% 5%;}	
	#main_visual .list > li:first-child{margin-left:20%;}
	#main_visual .list > li{height:auto;}

	.service_cont > ul > li{width:70%; height:auto; margin:0% 15% 5%;}

	
	

	.m_notice{display:none;}
	.estimate{width:40%;}
	#m_cont01 .customer{width:50%; margin-left:5%;}


	
	.service_list ul{padding:10% 0%;}
	.service_list li{width:40%; height:300px; margin:0% 5%;}

	
	.portfolio .portfolio_list li{width:50%;}
	

	
	.process_cont .right_cont h3{margin:53px 0px 35px}
	.process_cont .left_cont{width:100%; text-align:center;}
	.process_cont .right_cont{width:100%;}


	.input_size1{width:40%;}

	
	.list02 > li{width:70%; margin:0% 15% 5%;}
	.list02 > li.first{margin:0% 15% 5%;}

	.list02.type02 > li{width:48%; margin:0 1% 2%;}
	.list02.type02 > li.first{margin:0 1% 2%;}

	
	.tab_menu.type01 ul{width:100%;}
	.tab_menu.type01 ul li{width:20%;}
	.tab_menu.type01 ul li a{padding:0px; text-align:center;}

	.tab_menu.type03 ul {width:100%;}
	.tab_menu.type03 ul li{width:50%; padding:0px;}
	
	.tab_menu.type05 ul{width:100%;}
	.tab_menu.type05 ul li{width:25%;}
	.tab_menu.type05 ul li a{padding:0px; text-align:center;}
	
	
	
	.table01{width:100%; margin:0 auto;}
	.table01 .w01{width:50%;}


	.table02 .th_w{width:25%;}
	.table02 .td_w{width:75%;}	

	.table03 .w01{width:50%;}

	.table04 .th_w{width:32%;}
	.table04 .td_w{width:68%;}

	
	.service_tab_cont .service_cont02 h3 span{font-size:15px;}


	
	#sub_visual .title01{padding-top:110px; font-size:45px;}
	#sub_visual .title02{font-size:18px;}
	
	
}
@media all and (max-width: 600px){	
	#main_visual .list > li{width:70%; margin:0% 15% 5%;}	
	#main_visual .list > li:first-child{margin-left:15%;}	


	.service_cont > ul > li{width:80%; margin:0% 10% 5%;}

	
	#m_cont01 .estimate{margin-left:26%;}
	#m_cont01 .customer{margin-left:24%;}
	.customer .title{width:100px;}


	.list02 > li{width:80%; margin:0% 10% 5%;}
	.list02 > li.first{margin:0% 10% 5%;}
	
	
	.list02.type02 > li{width:80%; margin:0% 10% 5%;}
	.list02.type02 > li.first{margin:0% 10% 5%;}

	.service_g_list li{width:100%;}


	#sub_visual .title01{padding-top:110px; font-size:35px;}
	#sub_visual .title02{font-size:16px;}
	
}
@media all and (max-width: 520px){
	.portfolio_m .portfolio_list li{width:100%;}
	
}
@media all and (max-width: 500px){		
	
	#m_cont01 .estimate{margin-left:21%;}
	#m_cont01 .customer{clear:both; margin-left:20%;}


	.service_list li{width:90%; height:auto; margin:0% 5% 10%;}


	.portfolio .portfolio_list li{width:100%;}

	.main_prod_list2 ul li {width:50%;}
	
	
	.tab_menu ul li a{padding:0px; font-size:11px; letter-spacing:-1px;}
	.tab_menu.type01 ul{width:100%;}
	.tab_menu.type01 ul li{width:33.333%;}
	.tab_menu.type02 ul{width:100%;}
	.tab_menu.type02 ul li{width:33.3333%;}
	.tab_menu.type02 ul li a{padding:0px; text-align:center;}
	
	

	.table02 .th_w{width:35%;}
	.table02 .td_w{width:65%;}

	.eastimate .btn_set{width:100%;}
	.input_size1{width:70%;}
	.input_size2{width:85%;}


	
}
@media all and (max-width: 400px){	
	#main_visual .list > li{width:90%; margin:0% 5% 5%;}	
	#main_visual .list > li:first-child{margin-left:5%;}
	#main_visual .mvisual_cont{padding:30px 0px 20px;}

	.service_cont > ul > li{width:90%; margin:0% 5% 5%; }

	#m_cont01 .estimate{margin-left:10%;}
	#m_cont01 .estimate .board_title{width:200px;}
	#m_cont01 .customer{clear:both; margin-left:10%;}
	.customer .title{width:85px;}


	
	.list02 > li{width:90%; margin:0% 5% 5%;}
	.list02 > li.first{margin:0% 5% 5%;}

	.list02.type02 > li{width:90%; margin:0% 5% 5%;}
	.list02.type02 > li.first{margin:0% 5% 5%;}

	
	.table02 .th_w{width:40%;}
	.table02 .td_w{width:60%;}

	.eastimate .btn_set a{display:block; float:left; width:70%; margin:2px 0.7%;}
	.input_size1{width:90%;}
	.input_size2{width:95%;}
	

	.main_consult{top:10px; right:58px; padding:15px;}
}
@media all and (max-width: 320px) {
	#wrap{width:320px;}
}