@media screen and (max-width:1280px) {
	
/*latest : product_slide*/
.la_product_control .product_pagen{width:250px;}	
	
/*style*/
#header #logo img,
#footer .f_logo img{width:150px; height: auto;}	
#header .gnb_wrap .gnb .depth1{margin:0 10px;}	
#header .hd_sch_wr #hd_sch	{width:220px;}
#header .hd_login{margin-left:15px;}	
#header .btn_gnb{margin-left:15px;}	
	
.mainSlider .main_v_control{top:inherit; bottom:20px; right:50%; transform: translate(50%, 0); width:auto; display:flex; flex-wrap:wrap; align-items: center; }
.mainSlider .main_v_control > *{line-height:1;}
.mainSlider .main_v_control .main_v_pagen .swiper-pagination-bullet{margin:0 20px; font-size:2.5em;}
.mainSlider .main_v_control .main_b_btn.b_prev .xi{transform: rotate(-90deg);}
.mainSlider .main_v_control .main_b_btn.b_next .xi{transform: rotate(-90deg);}
.mainSlider .scroll_icon{display: none;}
.main_service .service_box > li{width: 33.33%;} 
.main_about .about_box > li .in_box .img_box,
.main_about .about_box > li .in_box .img_box .img_z{height: 250px;}
.main_about .about_box > li .in_box .txt_z{padding: 20px 10px;}
.main_performance .per_box > li .in_box{width: 18em; height: 18em;}
.main_performance .per_box > li .in_box .img_z img{height: 60px;}
.main_performance .per_box > li .in_box .ti{font-size: 1.25em;}
.main_performance .per_box > li .in_box .tt{font-size: 2.75em;}
.main_information .info_box .info_lat{max-height: 330px;}
.main_information .root_daum_roughmap_landing{height: 400px;}
.root_daum_roughmap .wrap_map{height: 400px!important;}
#footer .f_logo{width: 100%; padding-right: 0; margin-bottom: 10px;}
#footer .f_menu{position: absolute; right: 20px;} 
	
.company_wrap .in_box .img_box{padding-right: 2em;}
.company_wrap .in_box .txt_z{padding-left: 2em;	}
	
	
}


@media screen and (max-width:1024px) {
	
/*inc*/	
body{font-size:15px; line-height: 1.4;}	
.mobile_only { display:block !important }
.mobile_no,
.pc_only{ display:none !important }
.pc_all_menu{display:none;}
.mo_all_menu{display:block;}
	
/*header 검색기능 사용*/
#header .hd_sch_btn{margin-left:auto;}
#header .hd_sch_wr.on{display:block;}	
#header .hd_sch_wr{display:none; position: fixed; top:calc(var(--header_H) + 5px); left: 50%; transform: translateX(-50%); width:96%;}
#header .hd_sch_wr #hd_sch{ width:100%; border-color:#ccc; background-color: #fff;}
#header .hd_sch_wr #hd_sch #sch_stx{color:#555;}
#header .hd_sch_wr #hd_sch #sch_stx::placeholder{color:#aaa!important;}	

/*sub_visual*/
#sub_visual{height: 300px;}
#sub_visual .sub_v_tit{font-size:3em;}

/*#snb{bottom:2.5em;}
#snb .snb_list .sdp1 a{width:50px; height: 50px; line-height: 50px;}
#snb .snb_list .sdp2, 
#snb .snb_list .sdp3, 
#snb .snb_list .last{width:220px; padding:12px 20px;}*/
	
/*board : product_gallery*/
.board_product_gallery > li{width:50%;}
	
/*board : product_view 공통*/
.bo_top_wrap .bo_top_img{width:100%; margin-bottom: 30px;}
.bo_top_wrap .bo_top_txt{width:100%; padding:0;}
	
/*board : gallery*/	
#bo_gall .gall_li{width:50%;}

/*latest : product_slide*/
.la_product_slide .in .in_dv{padding:20px 30px 0 0 ; }	
.la_product_control{margin-top:20px;}		
.la_product_control .product_pagen{width:calc(100% - 140px);}	
	
/*style*/
.mainSlider .slogan .t1{font-size: 3em;}
.mainSlider .slogan .t2{font-size: 4.75em;}
.mainSlider .slogan .t3{font-size: 1.25em;}
.mainSlider .slogan .t4{font-size: 1.125em;}
.main_tit .in_tt{font-size: 2.75em;}
.move_text .in_text{font-size: 5em;}
.main_performance .per_box > li{width: 50%; margin: 0 auto 20px;}
.main_performance .per_box > li .in_box{width: 15em; height: 15em; }
.main_performance .per_box > li .in_box .ti{font-size: 1.125em; margin-bottom: 5px;}
.main_performance .per_box > li .in_box .tt{font-size: 2.5em;}
.main_information .info_box{margin-right: 0;}
.main_information .info_box > li{width: 100%;}
.main_information .info_box > li .in_box{margin-right: 0;}
.main_information .root_daum_roughmap_landing{height: 300px; border-radius: 10px 10px 0 0;}
.root_daum_roughmap .wrap_map{height: 300px!important;}
.main_center .center_box{ margin-right: 0;}
.main_center .center_box > li{width: 100%; margin-bottom: 20px;}
.main_center .center_box > li .in_box{height: 300px; margin-right: 0; padding: 40px;}
.main_center .center_box > li .in_box .txt_z .ti{font-size: 1.75em; margin-bottom: 10px;}
.main_center .center_box > li .in_box .txt_z .xi{width: 40px; height: 40px; line-height: 40px; font-size: 1.25em;}

.ser_wrap .in_box .img_box,
.ser_wrap .in_box.rev .txt_z{padding-right: 2em;}
.ser_wrap .in_box .txt_z,
.ser_wrap .in_box.rev .img_box{padding-left: 2em;}
.company_wrap .com_box{padding: 4em 0 6em;}
.company_wrap .com_box.st:before{width: 100%;}
.company_wrap .com_box .com_cont{padding: 6em 0; }
.company_wrap .com_box .com_cont .page_tw{width: 80%;} 
.company_wrap .in_box .img_box{width: 100%; margin-bottom: 20px; padding-right: 0;}
.company_wrap .in_box .img_box .img_z{height: 300px;}
.company_wrap .in_box .txt_z{width: 100%; padding-left: 0;}
.company_wrap .ser_list > li{width: 33.33%;}
	

.logo_intro > .logo_txt img{width: 250px; height: 250px;} 
	@keyframes logo_img{
	0%{
		margin:0 30px;
		opacity: 0;
	}
	50%{
		margin:0 -60px;
		opacity: 1;
	}
	80%{
		margin:0 -60px;
		opacity: 0;
	}
	100%{
		opacity: 0;
	}
}
	
	
	
}


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

/*inc*/
:root { 
	--header_H:75px;
}	
.qk_list > li .qk_btn{font-size: 1.25em;}
.qk_list > li .qk_btn{width:42px; height: 42px; line-height: 42px;}
/*.qk_list > li .xi{width:42px;  line-height: 42px;}*/
.qk_list > li .qk_kakao .xi{font-size:1em;} 
.agree_box .in_con{padding:.8em; margin:.5em;}	
	
/*sub_visual*/
#sub_visual{height:260px;}
#sub_visual .sub_v_tit{font-size:2.5em;}
/*#snb{bottom:1.5em;}
#snb .snb_list .sdp2,
#snb .snb_list .sdp3,
#snb .snb_list .last{margin-left:10px; width:35%;}
#snb .snb_list .sdp_list_wrap{top:60px;}	*/
.container_title{font-size:2.25em; margin:40px 0;}	
	
/*board : product_list*/
.board_product_list > li .gall_box .gall_img{width:100%!important; text-align: center; border-bottom:1px solid #ddd;}
.board_product_list > li .gall_box .bo_cnt{margin-top:5px; line-height: 1.3;}
.board_product_list > li .gall_box .gall_text_href{width:100%; padding:10px 15px;}
.board_product_list > li .gall_box .bo_tit{font-size:1.25em;}
.board_product_list > li .gall_box .bo_plus_btn .xi{display:none;}
	
/*board : product_gallery*/
.board_product_gallery{margin-right:-7px;}
.board_product_gallery > li{margin-bottom:7px;}
.board_product_gallery > li .gall_box{margin-right:7px;}
.board_product_gallery > li .gall_box .gall_img{height:250px!important}
.board_product_gallery > li .gall_box .gall_img img{width:auto; height:100%; max-width: inherit;}
	
/*board : product_view 공통*/	
.bo_op_list{margin-top:15px;}
.bo_op_list > li{margin-bottom:3px;}
.bo_top_wrap .bo_top_txt .bo_v_tt{font-size:1.45em;}	
.bo_top_wrap .bo_top_txt .bo_v_tx{font-size:1em; line-height: 1.4;}
.bo_top_wrap .bo_top_txt .bo_op_list{margin-top:20px;}

/*board : gallery*/
#bo_gall #gall_ul{margin-right:-7px;}
#bo_gall #gall_ul > li{margin-bottom:7px;}
#bo_gall #gall_ul > li .gall_box{margin-right:7px;}
#bo_gall #gall_ul > li .gall_box .gall_img img{width:100%; height:auto; max-width: inherit;}	
	
/*board: webzine*/
.board_webzine .td_subject .bo_tum {display:none;}	
.board_webzine .td_subject .bo_tit{width:100%; padding:0}
.board_webzine .td_subject .bo_tit .in_tit{font-size: 1.125em;}
	
/*board : inc*/
.w_form_tit{width:7em;}
.board_st.write th,
.board_st.write td{padding:.8em .5em;}
.board_st.write .input_st.w1{width:100%;}	
.board_st.write .input_st.w1#reg_mb_password_re{margin-top:5px;}
.board_st.write	a.btn_frmline, 
.board_st.write	button.btn_frmline{width:90px;}
.mem_etc_list{padding:10px;}
	
/*latest : gallery_slide*/
.la_gall_wrap .la_gall_slide .slick-list{margin-right:-7px;}	
.la_gall_wrap .la_gall_slide .slide_li .in{margin-right:7px;}
	
/*latest : product_slide*/
.la_product_slide .in .in_dv{width:100%; padding:0;}
.la_product_slide .in .in_dv .in_tx{font-size:1em;}	
.la_product_slide .in .in_img{width:100%;}
.la_product_slide .in .in_img img{height:300px; width:auto;}
.la_product_slide .in .more_btn{margin:20px 0; width:45px; height: 45px; line-height: 45px;}	
	
/*latest : notice_list*/	
.la_notice .news_board > li .ctg{width:80px; line-height: 1.2; font-size:1.068em;}
.la_notice .news_board > li .ctg .in_dd{font-size:1.25em;}
.la_notice .news_board > li .in_txt{padding:25px 15px; width:calc(100% - 145px);}
.la_notice .news_board > li .in_txt .tt{font-size:1.125em;}
.la_notice .news_board > li .more_btn{width:65px}
	
	
/*style*/
.mainSlider .slogan{text-align:center;}
.mainSlider .slogan .t1{font-size:2.625em;}
.mainSlider .slogan .t2{font-size:3em;}
.main_tit{margin-bottom:25px;}
.main_tit .in_tt{font-size:2em; margin-bottom: 10px;}
.main_tit .in_tx{font-size: 1em;}
.main_tit .in_en{font-size:1.25em; margin-bottom:5px;}
.main_more a{margin-top: 20px; padding:10px 40px;}

#header .h_icon a{width: 36px; height: 36px; line-height: 36px; font-size: 1em;}
.mainSlider .main_v_control > *{line-height: 1;}
.mainSlider .main_v_control .main_v_pagen .swiper-pagination-bullet{font-size:1.5em;}
.main_service .service_box > li{width: 50%;}
.main_service .service_box > li .in_box{ padding: 30px;}
.main_service .service_box > li .in_box .txt_z{align-content: flex-end; align-items: flex-end;}
.main_service .service_box > li .in_box .ti{font-size: 1.25em; width:90%; padding-right:10px;}
.main_service .service_box > li .in_box .xi{font-size: 1.125em; width:10%;}
.main_service .service_box > li:last-child .in_box{padding-top: 30px;}
.main_service .service_box > li:last-child .tit{font-size: 1.75em;}
.move_text .in_tex{font-size: 4em;}
.main_about .about_box{margin-right: 0;}
.main_about .about_box > li{width: 100%;}
.main_about .about_box > li .in_box{margin-right: 0;}
.main_information .info_box .tit{font-size: 1em; padding: 15px;}
.info_lat_list > li{padding: 20px;} 
.info_lat_list > li .map_btn{padding: 8px 10px; position: relative; top: inherit; right: inherit; transform: translateY(0); margin-top: 10px; display: inline-block;}
.main_center .center_box > li .in_box{height: auto; padding: 30px;}
.main_center .center_box > li .in_box .txt_z .ti{font-size: 1.25em;}
.main_center .center_box > li .in_box .txt_z .tt{font-size: 1em;}
.main_center .center_box > li .in_box .txt_z p{font-size: 1em;}
.main_center .center_box > li .in_box .txt_z p.tel{font-size: 1.4em;}
#footer .f_info ul > li{font-size:.937em; margin-right: 40px;}
#footer .f_copy{margin-top: 40px;}
#footer .f_menu img{height: 75px;}

	
.page_tit{font-size: 2em;}
.page_tt{font-size:1.5em; }
.page_stt{font-size:1.25em; }
.page_tx{font-size:1em; }
.page_stx{font-size:1em; }	
.page_tw{font-size: 1.125em;}
	
.ser_wrap{overflow: hidden;}
.ser_wrap .txt_box{font-size: 6em;}
.ser_wrap .ser_box{margin-top: -3em;}
.ser_wrap .in_box{margin-bottom: 6em;}
.ser_wrap .in_box .img_box{width: 100%; padding-right:0; margin-bottom: 20px;}
.ser_wrap .in_box .img_box .img_z{height: 300px;}
.ser_wrap .in_box .txt_z{width: 100%; padding-left: 0;}
.ser_wrap .in_box.rev .img_box{padding-left: 0;}
.ser_wrap .in_box.rev .txt_z{padding-right: 0;}
.ser_wrap .in_box .txt_z .page_tt{margin-bottom: 5px;}
.ser_wrap .blog_box .in{padding: 30px;}
.ser_wrap .blog_box .in .txt_z .page_stt{font-size: 1.25em; margin-bottom: 5px;}
.company_wrap .com_box .com_cont{padding: 4em 0;}
.company_wrap .com_box .com_cont .page_tt{margin-bottom: 2.5em;}
.company_wrap .com_box .com_cont .page_tt:before{height: 35px; bottom: -48px;}
.company_wrap .com_box .com_cont .page_tw{margin: 0 auto 10px;}
.company_wrap .ser_list > li{width: 50%;}
.company_wrap .ser_list > li .in .ti{font-size: 1em;}
.ser_wrap .blog_box .in .txt_z .btn_st{font-size: .937em; padding: 8px 20px;}
	
.qk_list .cs_box{width: 230px; bottom: 45px; padding: 1em 1em .5em;}
.qk_list .cs_box .cs_tt{font-size: 1.25em; margin-bottom: 10px;}
.qk_list .cs_box .cs_close{top: 14px;}
.qk_list .cs_box .cs_tel a{font-size: 1.5em;}
.qk_list .cs_box .cs_tx p img{height: 100px;}
	
	
	
	.logo_intro > .logo_txt img{width: 100px; height: 100px;} 
	@keyframes logo_img{
	0%{ 
		margin:0 13px;
		opacity: 0;
	}
	50%{
		margin:0 -25px;
		opacity: 1;
	}
	80%{
		margin:0 -25px;
		opacity: 0;
	}
	100%{
		opacity: 0;
	}
}
	
	
}

@media screen and (max-width:500px) {
body{font-size:14px; line-height: 1.4;}	
	
/*sub_visual*/
#sub_visual{height:170px;}
#sub_visual .sub_v_tit{font-size:2em; margin-top: -35px;}
/*#snb .snb_list .sdp1 a{width:40px; height: 40px; line-height: 40px; font-size:1em;}
#snb .snb_list .sdp2, 
#snb .snb_list .sdp3, 
#snb .snb_list .last{padding: 6px 10px; width:40%;}
#snb .snb_list .sdp_tt{font-size:1.068em;}
#snb .snb_list .sdp_tt:before{right:5px;}
#snb .snb_list .sdp_list_wrap{top:45px; border-radius: 7px;}
#snb .snb_list .sdp_list{padding:15px;}	
#snb .snb_list .sdp_list > li a{font-size:1em;}*/
    

.container_title{/*padding-top:20px;*/ margin:35px 0;}
.container_title:before{height:17px;}
	
/*board : inc*/
.board_tt{font-size:1.375em;}	
#bo_list .td_datetime{width:62px;}	
#bo_list .td_name{width:74px;}
#bo_list .td_num2{width:45px;}	
.input_st{padding:.3em .6em;}
input[type=file]{width:75%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}	
.label_select:after{width:2em;}
.label_select select{padding-right:2em!important;}	
.board_sch_wrap	.input_st.w1{width:9.5em;}
.pg_wrap .pg_page, 
.pg_wrap .pg_current{width: 36px; height: 36px; line-height: 36px;}
.board_btn_wrap{margin-top:10px;}
.board_btn_wrap .xi{display:none;}
#bo_v_title{padding:.5em 0;}	
#bo_v_title .bo_v_cate{font-size:.7em; margin-bottom: 2px;}	
#bo_v_title .bo_v_tit{font-size:.938em;}
#bo_v_info{padding:10px 0; margin:0 0 20px;}
.bo_v_nb li .nb_tit{padding-right:10px;}	
.bo_v_nb li a{width:calc(100% - 130px);}
.bo_vc_w .btn_submit{font-size:1em; height:40px;}	
	
	
/*모바일에서 글쓰기 임시저장글 버튼 삭제*/
.bo_w_tit button.btn_frmline{display:none;}	
	
.board_webzine .td_subject .bo_cnt,
#bo_gall .gall_li .gall_text_href .bo_cnt{display:none;}
	
/*board : product_gallery , board : gallery*/	
#bo_gall .gall_li .gall_text_href{padding:10px;}
.board_product_list > li .gall_box .gall_text_href{padding:10px;}
.board_product_gallery > li .gall_box .gall_text_href{padding:10px;}
	
/*회원가입*/
#reg_result{padding:30px 15px;}
	
/*latest : gallery_slide*/	
.la_gall_wrap .la_gall_control{display:none;}
	
/*style*/
#header #logo img, #footer .f_logo img{width:140px;}    
#header .btn_gnb{margin-left:12px; width:23px; height: 23px;}
#header .btn_gnb .a_rd{width:8px; height: 8px; background-color: #666;}    
#header .hd_login{margin-left:12px;}	
#header .hd_login > li a{margin-left:12px;}
#footer .f_menu > li a{margin-right:20px;}	
#header .h_sns{display:none;}
#header .h_sns{margin-left: 0;}
#header .h_sns > li{margin-left: 3px;}
#header .h_icon a{width: 32px; height: 32px; line-height: 32px;}
    
.qk_list{right:10px; bottom:10px;}    
.qk_list .ver_mo{display:block;}
.qk_list .ver_pc{display:none;}
.qk_list > li{margin-top:3px;}
.qk_list > li .qk_btn{width:40px; height: 40px; line-height: 40px;}
    
    
.mainSlider > .box2{max-width:100%; border-radius: 0;}
.mainSlider .el{height:55vh;}
.mainSlider .slogan .t1{font-size:2em;}
.mainSlider .slogan .t2{line-height: 1.3}	
.main_section{padding:3.5em 0;}
.main_tit .in_en{font-size:1.125em; margin-bottom:3px;}	
.main_tit .in_tt{font-size:1.825em;}
.main_service .main_tit{visibility: visible; opacity: 1; transform: translateY(0px);} 
.main_service .service_box{margin-right: -7px;}
.main_service .service_box > li .in_box{height: 200px; margin-right: 7px; padding: 20px 15px;}
.main_service .service_box > li .in_box .ti{font-size:1.125em;}
.main_service .service_box > li:last-child .in_box{padding: 20px 15px;}
.main_service .service_box > li:last-child .tit{font-size: 1.375em;}
.main_about .about_box > li .in_box .img_box, 
.main_about .about_box > li .in_box .img_box .img_z{height: 200px;}
.main_performance .per_box > li{width: 100%; margin: 0 auto 10px;}
.main_performance .per_box > li .in_box{width: 13em; height: 13em;}
.main_performance .per_box > li .in_box .img_z{margin-bottom: 10px;}
.main_performance .per_box > li .in_box .img_z img{height: 45px;}
.main_performance .per_box > li .in_box .ti{font-size: 1em;}
.main_performance .per_box > li .in_box .tt{font-size: 1.75em;}
.main_center{padding-bottom: 0;}
	
.container_title{font-size:1.825em; margin: 20px 0;}		
.page_tit{font-size: 1.5em; line-height: 1.2;}
.page_tt{font-size:1.45em; }
.page_stt{font-size:1.125em; }
.page_tx{font-size:1em; }
.page_stx{font-size:1em; }	
.page_tw{font-size: 1em;}
	
.tab_idx{margin:-.5em 0 0 -.5em;}
.tab_idx > li > a{margin:.5em 0 0 .5em;}	
.tab_idx > li > a .va{font-size:1em;}	
	
	
.ser_wrap .in_box{margin-bottom: 3em;}
.ser_wrap .txt_box{font-size: 3.5em;}
.ser_wrap .ser_box{margin-top: -1.5em;}
.ser_wrap .in_box .img_box .img_z{height: 200px;}
.ser_wrap .blog_box{margin-top: 4em;}
.ser_wrap .blog_box .in{height: auto;}

	.company_wrap .com_box{padding: 3em 0 4em;}
	.company_wrap .com_box.st:before{border-radius: 4em 0 0 4em;}
	.company_wrap .com_box:last-child{border-radius: 0 4em 0 0;}
    .company_wrap .com_box .com_cont .page_tit{margin-bottom:3em;}
    .company_wrap .com_box .com_cont .page_tit:before{height:30px; bottom:-50px;}
	.company_wrap .com_box .com_cont .page_tw{width: 96%;}
	.company_wrap .in_box .img_box .img_z{height: 200px;}
	.company_wrap .in_box .txt_z .page_stt{margin-bottom: 15px;}
	.company_wrap .in_box .txt_z .page_tx{margin-bottom: 10px;}
	.company_wrap .ser_list{margin-right: -7px;}
	.company_wrap .ser_list > li{margin-bottom: 7px;}
	.company_wrap .ser_list > li .in{height: 150px; margin-right: 7px; padding: 20px 15px;}
	.ser_wrap .blog_box .in .txt_z .btn_st{font-size:.875em;}
	.ser_wrap .blog_box .in .txt_z .page_stt{font-size: 1.125em;}

    /**/
    .mo_all_menu .mobile_gnb .depth1 .dp1{font-size:1.375em;}
    
    
    
    /**/
	#snb .sdp_w1 {width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch;}
	#snb .sdp_list {flex-wrap: nowrap; justify-content: flex-start;}
	#snb .sdp_list > li {flex:none;transition:all 0.35s ease-out;}
	#snb .sdp_w1::-webkit-scrollbar {display:none;}
	/*
    #snb .sdp_w1{width: 100%; overflow-y: scroll;}
    #snb .sdp_list{flex-wrap:nowrap; justify-content: left; transition: .3s; position: relative;}
    #snb .sdp_list > li{flex: none;}
    #snb .sdp_w1::-webkit-scrollbar{display:none;}
	*/
}