@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; }	
	.h_tit_new { width: 200px; margin-top:0; }
	.h_tit_new img { padding-top:80px;}
	.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_slider .bx-viewport_new { height: 250px !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; }
	.h_tit_new { width: 200px; margin-top:0; }
	.h_tit_new img { padding-top:80px;}
	.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;}
	 

}



/*--------------------------------------- 추가 Style --------------------------------------- */
@media screen and (min-width:640px) and (max-width:1200px) {
	/* 메인_견적문의 */
	.inquire_area_btm { padding:30px 20px 25px 20px;}
	/* //메인_견적문의 */
	
	/* 서브_About(애드몬소개) */
	.cont_btm_box { width:90%; margin-top:20px; float:none; display:inline-block;}
	/* //서브_About(애드몬소개) */
	
	/* 서브_Catalog(제품개요) */
	.cont_btm { padding-left:20px; padding-right:20px;}
	/* //서브_Catalog(제품개요) */
	
	/*-- WEB(제작안내) --*/
	.web_cont .l_box_titl { width:20%; margin-right:0; margin-bottom:10px;}
	.web_cont .r_txt { width:95%; font-size:14px; margin-bottom:15px;}
	
	.maintenance_1 .txt_cont_c { margin:0 30px;}
	.promotion_cont_1 .ico_inner { margin:20px 20px; display:inline-block;}
	.promotion_cont_1 .ico_inner_dotline { display:none;}
	
	.promotion_cont_2 .txt_1 span.txt_r { width:98%;}
	/*-- //WEB(제작안내) --*/
	
	/* 하단 */
	.copyright { height:100px; padding-left:15px; padding-right:15px;}
	/* //하단 */
}


@media screen and (min-width:640px) and (max-width:1024px) {
	/*-- 메인_지도 --*/
	.map_new { width:100%; margin:0 auto; text-align:center; display:inline-block;}
	.map_sec_main { padding: 20px 0;}
	.map_sec_main .map { width: 100%; text-align:center; float: none; }
	.map_new_cont .map_l { width:auto; margin:0 auto; text-align:center; margin:20px 0; display:inline-block;}
	.map_new_cont .map_l_titl { font-size:1.3em;}
	/*-- //메인_지도 --*/
	
	/*-- WEB(제작안내) --*/
	.home_page0_txt_box_new .p_txt_box .p_txt { margin-bottom:10px;}
	.home_page0_txt_box_r .p_txt_box .p_txt { margin-bottom:10px;}
	
	.maintenance_1 .txt_cont_l { text-align:left; display:block;}
	.maintenance_1 .txt_cont_c { display:none;}
	.maintenance_1 .txt_cont_r { text-align:left; margin-top:10px; display:block;}
	.promotion_cont_1 .ico_inner { margin:20px 20px; display:inline-block;}
	.promotion_cont_1 .ico_inner_dotline { display:none;}
	/*-- //WEB(제작안내) --*/
}

@media screen and (min-width:640px) and (max-width:710px) {
	/*-- WEB(제작안내) --*/
	.maintenance_1 .txt_cont_1 { text-align:center;}
	
	.promotion_cont_1 .ico_inner { margin:20px 20px; display:inline-block;}
	.promotion_cont_1 .ico_inner_dotline { display:none;}
	/*-- //WEB(제작안내) --*/
	
	/*-- 로고(로고) --*/
	.logo_production { width:440px;}
	/*-- 로고(로고) --*/
}

@media screen and (max-width:639px) {
	/*-- 메인_지도 --*/
	.map_sec_main { padding: 20px 0;}
	.map_sec_main .map { width: 100%; text-align:center; float: none; }
	.map_new_cont .map_l { width:auto; margin:0 auto; text-align:center; margin:20px 0; display:block;}
	.map_new_cont .map_l_titl { font-size:1.3em;}
	/*-- //메인_지도 --*/
	
	/* 메인_견적문의 */
	.inquire_area_btm { padding:30px 10px 25px 10px;}
	.inquire_area_btm .main_form .form_admon { width:100%; float:none;}
	.inquire_area_btm .main_form .form_contact { width:100%; margin-top:30px; display:block;}
	.inquire_area_btm .main_form .form_contact .contact_input .input_inner .input_txt { width:60px; font-size:0.9em;}
	.inquire_area_btm .main_form .form_contact .contact_input .input_inner .input_box input { width:50%;}
	.inquire_area_btm .main_form .form_contact .contact_input .input_inner .input_box ul li.email_txt01 { font-size:0.9em;}
	.inquire_area_btm .main_form .form_contact .contact_input .input_inner_l { width:100%; float:none; overflow:hidden;}
	.inquire_area_btm .main_form .form_contact .contact_input .input_inner_r { width:100%; float:none; overflow:hidden;}
	.inquire_area_btm .main_form .form_contact .contact_input .input_inner_l .input_txt { width:60px; font-size:0.9em;}
	.inquire_area_btm .main_form .form_contact .contact_input .input_inner_l .input_box input { width:50%;}
	.inquire_area_btm .main_form .form_contact .contact_input .input_inner_r .input_txt { width:60px; font-size:0.9em;}
	.inquire_area_btm .main_form .form_contact .contact_input .input_inner_r .input_box input { width:50%;}
	.inquire_area_btm .main_form .form_contact .contact_input .input_inner .input_box ul { padding-top:5px; clear:both;}
	.inquire_area_btm .main_form .form_contact .contact_input .input_inner01 textarea.contact_txtbox { width:95%; padding-right:0;}
	.inquire_area_btm .main_form .form_contact .contact_input .input_inner .input_box ul li.file_input input[type=text] { width:140px;}
	.inquire_area_btm .main_form .form_contact .contact_input .input_inner .input_box ul li button.file_del { font-size:12px; background:#cecece; padding:6px 10px 8px 10px;}
	.inquire_area_btm .main_form .form_contact .contact_btn { text-align:center; float:none;}
	/* //메인_견적문의 */
	
	/* 서브_About(애드몬소개) */
	.cont_btm_box { width:90%; margin-top:20px; float:none; display:inline-block;}
	/* //서브_About(애드몬소개) */
	
	/* 서브_Catalog(제품개요) */
	.catalgo_txt01 { margin-left:20px; margin-right:20px;}
	.catalog_stitl { margin-left:20px;}
	.catalog_box, .catalog_box_r { width:90%; float:none; display:inline-block;}
	/* //서브_Catalog(제품개요) */
	
	/*-- WEB(제작안내) --*/
	.web_cont .inner { padding:0 13px;}
	.web_cont .l_box_titl { width:30%; margin-right:0; margin-bottom:10px;}
	.web_cont .r_txt { width:100%; font-size:13px; margin-bottom:15px;}
	
	.home_page0_txt_box_new { width: 98%; float: none; }
	.home_page0_txt_box_r { width: 98%; float: none; }
	.home_page0_txt_box_new .p_txt_box .p_txt { margin-bottom:10px;}
	.home_page0_txt_box_r .p_txt_box .p_txt { margin-bottom:10px;}
	
	.home_page1 .p16 { font-size: 24px; padding-bottom:0; }
	.maintenance { width:100%; padding:0; text-align:center; margin-top:-20px;}
	.maintenance .img { width:auto; margin-bottom:20px; text-align:center; display:block;}
	.maintenance .img img { width:50%;}
	.maintenance .img_c { display:none;}
	.maintenance_1 { margin:0; padding:0;}
	.maintenance_1 .txt_1 { font-size:13px; line-height:20px;}
	.maintenance_1 .txt_cont_l { text-align:left; display:block;}
	.maintenance_1 .txt_cont_c { display:none;}
	.maintenance_1 .txt_cont_r { text-align:left; margin-top:10px; display:block;}
	.maintenance_1 .txt_cont_inner { margin-right:-10px;}
	.maintenance_1 .txt_cont_inner img { width:60%;}
	
	.maintenance_1 .txt_cont_1 { text-align:center;}
	
	.promotion_cont_1 .ico_inner { font-size:12px; margin:20px 10px; display:inline-block;}
	.promotion_cont_1 .ico_inner img { width:70%;}
	.promotion_cont_1 .ico_inner_dotline { display:none;}
	.promotion_cont_1 .box { width:88%;}
	
	.promotion_cont_2 { margin:0; padding:0; margin-top:-20px;}
	.promotion_cont_2 .txt_1 { font-size:13px;}
	.promotion_cont_2 .txt_1 span.bullet { display:none;}
	.promotion_cont_2 .txt_1 span.txt_r { width:98%; margin-bottom:15px;}
	
	.promotion_cont_3 .ico_banner { width:85%; margin:0 auto; margin-top:30px; vertical-align:top; display:block;}
	/*-- //WEB(제작안내) --*/
	
	/*-- 로고(로고) --*/	
	.logo_cont .p1 { font-size:0.9em; padding:0 15px;}
	.logo_production { width:440px;}
	
	table.logo_tbl td { font-size:0.8em;}
	table.logo_tbl td.topline { font-size:0.85em; letter-spacing:-0.07em;}
	table.logo_tbl td.l_bg { font-size:0.85em; letter-spacing:-0.07em;}
	/*-- //로고(로고) --*/	
	
	/*-- 로고(창업패키지) --*/	
	.logo_fund { width:100%; padding:0; text-align:center; margin-top:20px;}
	.logo_fund .img { width:auto; margin-bottom:20px; text-align:center; display:block;}
	.logo_fund .img img { width:50%;}
	.logo_fund .img_c { display:none;}
	/*-- //로고(창업패키지) --*/	
	
	/*-- 로고(캐릭터) --*/	
	.process_cont { padding:0;}
	.process_cont .process_inner { display:none;}
	.process_cont .txt_info { font-size:0.9em; color:#828282; margin-top:0;}
	.process_cont .process_inner_mobile { display:inline-block;}
	/*-- //로고(캐릭터) --*/
	
	/*-- 로고(켈리그라피) --*/	
	table.calligraphy td div.calli_txt_1 { font-size:0.8em; color:#333; line-height:20px; text-align:left;}
	table.calligraphy td div.calli_txt_2 { font-size:0.8em; color:#333; text-align:left; margin-top:-2px;}
	table.calligraphy td div span.calli_arrow { margin:0 4px; margin-top:7px;}
	table.calligraphy td div span.calli_arrow img { width:12px;}
	
	.calli_packages .btm_img { text-align:center;}
	.calli_packages .btm_img .img_box { margin:10px; border-bottom:1px solid #ddd; padding-bottom:20px; margin-top:20px; display:block;}
	/*-- //로고(켈리그라피) --*/	
	
	/*-- 하단 --*/
	.copyright { height:120px; font-size:11px; padding-left:15px; padding-right:15px;}
	/*-- //하단 --*/
}

@media screen and (max-width: 425px){
	.logo_production { width: 100%; }
	.logo_production .character_circle { margin: 10px auto; float: none; }
}