@charset "UTF-8";
/*******

BSJ CSS RESET
반응형을 위한 css입니다.

*******/

@media screen and (max-width:1340px) {
	.main_section.section03 { width: 900px; margin: 0 auto;; }
	.main_section.section04 .main_form .mf_left { width: 40%; }
	.main_section.section04 .main_form .mf_right { width: 60%; }
	.main_section.section04 .main_form .mf_left .left { width: 100%; margin: 0; padding: 0 10px; box-sizing: border-box; }
	.main_section.section04 .main_form .mf_right .right { width: 600px; margin: 0 auto; padding: 0 20px; }
	.main_section.section04 .main_form .mf_right .form_list li { margin-left: 0; }
	.portfolio_thumbnail { width: 100%; }
	.thumbnail_list  { width: 100%; }
}
@media screen and (max-width:1200px) {
	
}
@media screen and (max-width:1400px) {
	.bx-wrapper .bx-prev { left: 100px; }
	.bx-wrapper .bx-next { right: 100px; }
}
@media screen and (max-width:850px) {
	.h_tit { width: 300px; }	
	.bx-wrapper .bx-controls-direction a { top: 42%; }
	.bx-wrapper .bx-prev { left: 20px; }
	.bx-wrapper .bx-next { right: 20px; }
	.main_section.section06 { width: 100%; padding-left: 15px; padding-right: 15px; box-sizing: border-box; }
}
@media screen and (max-width:1024px) {
	.grid li { width: 25%; margin-bottom: 20px; }
	.portfolio_thumbnail { padding: 0 20px; box-sizing: border-box; }	
}
@media screen and (max-width:1020px) {

	#one_page { padding-right: 0; transition: padding 1s; }
	#second_page { padding-left: 0; transition: padding 1s; }
	/* #quick_menu { display: none; } */
	.main_section.section03 { width: 100%; }
	.grid li { width: 25%; margin-bottom: 20px; }
	.portfolio_menu_con { width: 100%; margin: 0 auto 40px; }
	.main_slider .bx-viewport { height: 600px !important; }
	.section01 { padding: 45px 15px; }
	.portfolio_thumbnail { padding: 0 20px; box-sizing: border-box; }
	.inquire_area .inner { width: 100%; }
	
}

@media screen and (max-width:950px) {
/*
	.inquire_area .mf_right .form_list li {position:relative;margin-top:20px; margin-left: 49px; color:#fff;line-height:30px;}
	.inquire_area .mf_right .form_list li span.bar { display: inline-block; width: 25px; height: 34px; line-height: 34px; text-align: center; vertical-align: middle;  }
	.inquire_area .mf_right .form_list li strong { display: inline-block; width: 17%; font-size:15px;color:#fff;line-height:30px;}
*/
	.inquire_area .mf_right .form_list li { }
	.inquire_area .mf_right .form_list li.phone select { width: 100px; }
	.inquire_area .mf_right .form_list li.email select { width: 100px; }
	.inquire_area .main_form .mf_right .main_ipt.size1 { width: 95px; }
	.inquire_area .mf_right .form_list li strong { width: 11%; }
	.inquire_area .mf_right #main_ta { width: 349px; }
	.file_btn input[type=text] { width: 150px !important; }

}
@media screen and (max-width:767px) {
	.inquire_area { background: none; }
	.main_section.section04 .main_form .mf_left { float: none; width: 100%; }
	.main_section.section04 .main_form .mf_right { float: none; width: 100%; }
	.inquire_area .main_form .mf_right .main_ipt.size1 { width: 14.3%; }
	.inquire_area .mf_right .form_list li.phone select,
	.inquire_area .mf_right .form_list li.email select { width: 15%; }
	.inquire_area .mf_right .main_ipt,
	.inquire_area .mf_right #main_ta { width: 53%; }
	.inquire_area .main_form .mf_right .main_ipt.size3 { width: 100px; }
	.main_section.section04 .main_form .mf_left .left { width: 400px; margin: 0 auto; }
	.last_btn { width: 100%; box-sizing: border-box; }
	.inquire_area .main_form .mf_right .main_ipt.size2 { width: 80.2%; }
	.inquire_area .mf_right .main_ipt, .inquire_area .mf_right #main_ta { width: 80.2%; }
	.inquire_area .main_form .mf_right .main_ipt.size1 { width: 21.3%; }
	.inquire_area .mf_right .form_list li.phone select, .inquire_area .mf_right .form_list li.email select { width: 22.8%; }
	.inquire_area .mf_right .form_list li strong { width: 16%; }	
	.file_btn input[type=button] { width: 58px; }	

	}
@media screen and (max-width:640px) {
	.footer_wrap { padding: 0 15px; }
	.footer_info .info { float: none;  height: auto; line-height: 1.5; padding-top: 15px; }
	.footer_info .fot_sns { float: none; }
	.main_slider .bxslider li { min-height: 450px; padding: 150px 0;  }
	.main_slider .bx-viewport { height: 450px !important; }
	.main_section { padding: 50px 15px; box-sizing: border-box; }
	.inquire_area .mf_left { height: auto; padding: 50px 0; }
	.inquire_area .mf_left .comm_desc { font-size: 12px; }
	.inquire_area { padding-top: 0; }
	.main_section.section04 .main_form .mf_right .right { width: 100%; padding: 0; padding: 0 10px; box-sizing: border-box; }
	
}
@media screen and (max-width:600px) {
	.portfolio_thumbnail { width: 100%; margin: 0 auto; }    
	.portfolio_menu_list li { margin-bottom: 10px; }
	.main_section.section01 .diagram_list li { background-image: none; }
	.grid li { width: 49%; }
	.grid li:nth-child(2n-1) { margin-right: 2%; margin-bottom: 15px;  }
	.plus_btn { display: none; }
	.bx-wrapper .bx-controls-direction a { top: 47%; width: 20px !important; height: 38px !important; background-size: 100% 100%; }
	.h_tit { width: 300px; }
	.section02 { padding-top: 0; }
	.section02 .banner_list { overflow: hidden; }
	.section02 .banner_list:after { content: ''; display: block; clear: both; }
	.main_section.section02 { padding: 0; }
	.main_section.section02 .banner_list li { width: 33.33%; height: 150px;  }
	.main_section.section02 .banner_list li a { padding-top: 20px; }
	#btnMore { margin-bottom: 50px !important;; }

	
}
@media screen and (max-width:450px) {
	.main_section.section01 .diagram_list li { width: 50%; }
	.main_section.section01 .diagram_list li.dl03 { margin-top: -5%; background-color:#e00f17; color:#fff;}
	.main_section.section01 .diagram_list li.dl04 { margin-top: -5%; background-color:#c0c0c0;}
	#btnMore > button { width: 270px !important; height: 57px !important; margin: 0 auto 0 !important; background-size: 100% 100% !important; }
	.file_btn input[type=text] { width: 65px !important; margin-right: 5px;  }
	
}
@media screen and (max-width:400px) {
	.inquire_area .mf_right .form_list li span.bar { width: 20px; }
	.form_list { padding-bottom: 50px; }
	.inquire_area .mf_right { height: 100%; }
	.portfolio_thumbnail { padding: 0; }
	.inquire_area .mf_right .form_list li strong { width: 22%; }
	.main_section.section04 .main_form .mf_left .left { width: 100%; }
	.inquire_area .main_form .mf_right .main_ipt.size2,
	.inquire_area .mf_right .main_ipt, .inquire_area .mf_right #main_ta{ width: 74.2%;  }
	.inquire_area .mf_right .form_list li.phone select, .inquire_area .mf_right .form_list li.email select { width: 20.5%; }
	.inquire_area .main_form .mf_right .main_ipt.size1 { width: 18%; }
	.inquire_area .mf_right .last_btn .main_btn.ok { width: 100px; }
	.last_btn strong { display: none !important; }
	.file_btn input[type=text] { width: 72px !important;}
	 

}