@media screen and (max-width:1300px) {
	/**/
	#header #logo img,
	#footer .f_logo img{width:140px; height: auto;}
	#header .gnb_wrap .gnb .depth1{margin:0 15px;}
	#header .gnb_wrap .gnb .depth1 > a{font-size:1.068em}
	.mainSlider .slogan .t1{font-size:2.825em;}
	.mainSlider .slogan .t2{font-size:1.25em;}
	.mainSlider .slogan .t3{font-size:2.5em;}
	.mainSlider .slogan .t3 .xi{width:50px; height: 50px; line-height: 50px;}
	.main_tit .t1{font-size:1.625em}
	.main_tit .t2{font-size:2.625em}
	.main_tit .t3{font-size:1.125em; margin-top:10px;}
	.mc_control .xi, .mc_control .xi{width:45px; height: 45px; line-height: 45px;}
	.b_pagen{font-size:1.25em;}
	.marketing_cont{padding:100px 0;}
	.marketing_cont .mk_slide .in{padding:35px; height:400px;}
	.why_cont{padding:70px 0;}
	.company_cont{padding:100px 0;}
	.company_cont .main_tit{ text-align: center;}
	.company_cont .in_box.st1 > li:first-child{width:100%;}
	.company_cont .in_box > li{width:50%;}
	.company_cont .in_box.st2 > li:nth-child(2){display:none;}
	.pfm_cont{padding:0 0 80px;}
	.pfm_cont .pfm_list > li .img_z{width:220px; height: 220px;}
	.pfm_cont .pfm_list > li .txt_z .tt{font-size:1.25em;}
	.pfm_cont .pfm_list > li .txt_z .nmb{font-size:2.825em;}
	.portfolio_cont{padding:120px 0;}
	.portfolio_cont .port_list > div{padding:0 20px;}
	.portfolio_cont .port_list .in_pbox.st2{margin-bottom:40px;}
	.inquiry_cont{padding:100px 0;}
	.inquiry_cont .main_inq{padding:40px 40px;}

	.comp_box .comp_list .page_stt2{margin-right: 0;}
	.comp_box .comp_list{width: 100%; display: grid;grid-template-columns: repeat(2,1fr); gap: 10px; padding:0; margin-top: 50px;}
	.comp_box .comp_list > li{width: 100%;}
	.comp_box .comp_list > li .in{text-align: center; height: 100%; border-radius: var(--item_r); padding: 50px 30px; background: #f9f9f9; position: relative; align-content: center; margin: 0;}
	.comp_box .compete_list > li .in .in_txt{padding: 10px; text-align: center;}

	.comp_box .work{width: 100%; margin: 0 auto; display: block;}
	.comp_box .tit_box{width: 100%;}
	.comp_box .tit_box2 {width: 100%;}
	.comp_box .tit_box2 .tit_group{position: static; left: 50%; margin-top: 100px;}
	.comp_box .tit_box2 .left_txt{text-align: center;}

	.comp_box .compete_list{width: 100%; margin: 0;}
	#footer .f_left{width:calc(100% - 200px); flex-wrap: wrap;}
	#footer .f_right{width:200px;}
}


@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);}
	
	/**/
	.pfm_cont .pfm_list{margin-top:-30px;}
	.pfm_cont .pfm_list > li{width:50%; margin-top:30px;}
	.portfolio_cont .port_list > div{padding:0 10px;}
	.portfolio_cont .port_list .in_pbox.st1{height:400px;}
	.portfolio_cont .port_list .in_pbox.st2{height:350px; margin-bottom:20px;}
	.portfolio_cont .port_list .in_pbox.st3{height:350px;}
	.portfolio_cont .port_list .in_pbox .tbox{padding:40px;}
	.portfolio_cont .port_list .in_pbox .tbox .in_tt{font-size:1.5em;}
	
	
	.comp_box.pro_box .line{width: 90%; border-top:6px solid #ddd; position: absolute; top: 50%; left:50%; transform: translate(-50%,-50%); z-index: -1;}

	.comp_box .process_list > li .in .in_img{width:110px; height: 110px; border-radius: 50%; background-color: #fff; border:1.5px dashed #666; margin: 0 auto 15px; position: relative;}
	.comp_box .process_list > li .in .in_img img{opacity: .9;}
}


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

/*inc*/
:root { 
	--header_H:75px;
}	
.qk_list > li a{width:42px; height: 42px; line-height: 42px;}
.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 .sdp3 .sdp_list_wrap{top:60px;}	
.container_title{font-size:1.825em; 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{height:250px!important}
#bo_gall #gall_ul > li .gall_box .gall_img img{width:auto; height: 100%; 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}
	
	/**/
	.b_plus .xi,
	.mc_control .xi, .mc_control .xi{width:42px; height: 42px; line-height: 42px;}
	.why_cont .main_tit .btn_view{padding:15px 50px; margin-top:40px;}
	.mainSlider .slogan .t1{font-size:2.375em;}
	.mainSlider .slogan .t3{font-size:2em;}
	.main_tit .t1{font-size:1.45em}
	.main_tit .t2{font-size:2.25em;}
	.marketing_cont .mk_slide .in{height:300px;}
	.company_cont .in_box{margin-right:-10px; margin-bottom:10px;}
	.company_cont .in_box > li .sb_box{margin-right:10px; height:240px;}
	.company_cont .in_box > li .sb_box .tbox{padding:20px;}
	.company_cont .in_box > li .sb_box .tbox .in_tt{font-size:1.375em;}
	.pfm_cont .pfm_list > li .img_z{width:200px; height: 200px;}
	.pfm_cont .pfm_list > li.st1 svg{width:50px;}
	.pfm_cont .pfm_list > li.st2 svg{width:60px;}
	.pfm_cont .pfm_list > li.st4 svg{width:40px;}
	.pfm_cont .pfm_list > li .txt_z .nmb{font-size:2.25em;}
	.move_text .in_text{font-size:4.5em;}
	.portfolio_cont{padding:120px 0 90px;}
	.portfolio_cont .port_list{padding:0;}
	.portfolio_cont .port_list > div{padding:0; width:100%;}
	.portfolio_cont .port_list .in_pbox.st1{margin-top:0;}
	.portfolio_cont .port_list .in_pbox.st1,
	.portfolio_cont .port_list .in_pbox.st2,
	.portfolio_cont .port_list .in_pbox.st3{height:220px; margin-bottom:10px;}
	.portfolio_cont .port_list .in_pbox .tbox .in_tt{font-size:1.375em;}
	.inquiry_cont{padding:80px 0;}
	.inquiry_cont .main_inq{padding:40px 25px;}
	.custom_inq_table .inq_board .w_form_tit{width:100%;}
	.custom_inq_table .inq_board th br{display:none;}
	.custom_inq_table .inq_board th, .custom_inq_table .inq_board td{display:block;}
	.cus_ck_box{width:100%;}
	.cus_inq_btn button{padding:15px 50px;}

	.comp_box{padding: 5em 4em; border-radius: var(--item_r); margin-bottom: 2em;}
	.comp_box .page_stxt{margin-bottom: 25px;}
	.comp_box .page_txt{margin-bottom: 15px; color: #333; text-align: center;}
	.comp_box .page_tit{text-align: center;}
	.comp_box .page_tit .txt2{text-align: center;}
	.page_txt .txt2 ::before{content: ''; display: block; width: 20px; height: 1px; background-color: #222; margin: 0 auto; margin-bottom: 20px;}
	

	.comp_box .ab_box{margin-bottom: 2em; display: block; gap: 40px;} 
	.comp_box .ab_box .img_box{width:100%; padding-right: 3em;}
	.comp_box .ab_box .img_box .img_z{padding-right: 3em; height: 450px; background: #ddd; border-radius: var(--item_r); overflow: hidden;}

	.comp_box .ab_box .txt_z{width: 100%; padding: 0;}

	/*port_photo*/
	#bo_gall .gall_li .gall_text_href .bo_name{margin-bottom: 5px;}
	#bo_gall .gall_li .gall_text_href .bo_tit{font-size: 1.25em;}
	#bo_gall .gall_li .gall_text_href .xi{width: 42px; height: 42px; line-height: 42px; margin-top: 15px;} 

	
	/*process*/
	.comp_box .process_list{margin:40px -15px 0;} 
	.comp_box .process_list li:nth-child(4),
	.comp_box .process_list li:nth-child(5),
	.comp_box .process_list li:nth-child(6){margin-top: 20px;}
	.comp_box .process_list > li{width:calc(100% / 2);}
	.comp_box .process_list > li .in .in_img{width:125px; height: 125px; border-radius: 50%; background-color: #fff; border:1.5px dashed #666; margin: 0 auto 15px; position: relative;}
	.comp_box .process_list > li .in .in_img img{opacity: .9;}
	.comp_box .process_list > li:last-child .in .in_img{border:3px solid var(--mainColor);}
	.comp_box .process_list > li .in .step{display: inline-block; color: var(--mainColor); font-weight: 600;}
	.comp_box .process_list > li .in .page_txt{margin-bottom: 5px;}
	.comp_box .process_list > li .in .tt{color: #999; padding: 0 10px;}

	.comp_box.pro_box .line{display: none;}

	/*location*/
	.comp_box .location_box .map_view{display: block;}
	.comp_box .location_box .map_cont{width: 100%;  padding-right: 2em;}
	.comp_box .location_box .map_cont.wrap_map{height: 200px;}
	.comp_box .location_box .map_cont2{margin-top: 40px;}

	#footer .f_left .flex.fw{flex-direction: column-reverse;}
	#footer .f_left .f_time{padding-left: 0; border: none; margin-bottom: 20px;}
	#footer .f_right{width:200px;}
	#footer .f_menu > li:first-child a {margin-left: 0;}
	#footer .f_web{text-align: left;}
}

@media screen and (max-width:500px) {
body{font-size:14px; line-height: 1.4;}	
	
/*sub_visual*/
#sub_visual{height:220px;}
#sub_visual .sub_v_tit{font-size:2.125em;}
#snb .snb_list .sdp1 a{width:40px; height: 40px; line-height: 40px;}
#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 .sdp3 .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_ul > li .gall_box .gall_img{height:180px!important}	
#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;}
	
	
	/**/
	#header #logo img,
	#footer .f_logo img{width:130px; height: auto;}
	.mainSlider .slogan .t1{font-size:2.125em;}
	.mainSlider .slogan .t2{margin-top:20px; font-size:1.125em;}
	.mainSlider .slogan .t3{margin-top:40px;}
	.mainSlider .slogan .t3 .xi{font-size:.875em; width:46px; height: 46px; line-height: 46px;}
	.main_tit{margin-bottom:30px;}
	.main_tit .t1{font-size:1.25em;}
	.main_tit .t2{font-size:2.125em;}
	.main_tit .t3 br{display:none;}
	.marketing_cont{padding:80px 0;}
	.marketing_cont .mk_slide .in{height:270px;}
	.marketing_cont .mk_slide .in .in_tbox .b_plus{margin-top:25px;}
	.marketing_cont .mk_slide .mc_control{margin-top:25px;}
	.why_cont{padding:60px 0;}
	.why_cont .main_tit .btn_view{margin-top:30px;}
	.company_cont{padding:80px 0;}
	.company_cont .in_box{margin-right:0; margin-bottom: 0;}
	.company_cont .in_box > li{width:100%; margin-bottom: 10px;}
	.company_cont .in_box > li:first-child{width:100%;}
	.company_cont .in_box > li .sb_box{margin-right:0; height:190px;}
	.pfm_cont{padding:0 0 40px;}
	.pfm_cont .pfm_list > li .img_z{width:160px; height: 160px;}
	.pfm_cont .pfm_list > li.st1 svg{width:40px;}
	.pfm_cont .pfm_list > li.st2 svg{width:50px;}
	.pfm_cont .pfm_list > li.st3 svg{width:32px;}
	.pfm_cont .pfm_list > li.st4 svg{width:33px;}
	.pfm_cont .pfm_list > li .txt_z .tt{font-size:1.125em}
	.pfm_cont .pfm_list > li .txt_z .nmb{font-size:2em;}
	.portfolio_cont{padding:100px 0 70px;}
	.portfolio_cont .port_list .in_pbox .tbox{padding:30px 25px;}
	.portfolio_cont .port_list .in_pbox .tbox .in_tt{margin-bottom:15px;}
	.portfolio_cont .port_list .in_pbox.st1, 
	.portfolio_cont .port_list .in_pbox.st2, 
	.portfolio_cont .port_list .in_pbox.st3{height:190px;}
	.inquiry_cont{padding:70px 0;}
	.inquiry_cont .main_inq{padding:30px 20px;}
	.custom_inq_table .inq_board th{font-size:1.125em;}
	.partner_cont{padding-top:80px;}
	.partner_cont .in{height:200px; padding:0 15px;}
	.partner_cont .in .in_name{padding:20px 15px;}
	#footer{margin-top:7em; padding:40px 0 25px;}
	#footer .f_left{width:100%;}
	#footer .f_right{width:100%;}
	#footer .f_right .f_site{display:none;}
	#footer .f_menu{margin-top:10px;}
	#footer .f_menu li{text-align:left;}
	.mo_all_menu .mobile_gnb .depth1{margin-bottom:10px;}
	.mo_all_menu .mobile_gnb .depth1 .dp1{font-size:1.375em;}
	.mo_all_menu .mobile_gnb .dp2_menu > li a{font-size:1.068em;}

	.comp_box{padding: 3em 3em; margin-bottom: 1em;}
	.comp_box .page_stxt{margin-bottom: 0;}
	
	.page_tit{font-size:1.3em; font-weight: 600; color:#222;; margin-top:var(--sec_mg);  margin-bottom: 15px;}
	.page_txt .txt2{margin-bottom: 20px; margin-top: 50px;font-size: 1em;}
	.page_stt2{font-size:1.15em; font-weight: 500; color:#333; margin: 15px 0;}
	.page_stxt{font-size:1em; color:#555; line-height: 1.4;}

	.comp_box .comp_list{width: 100%; display: flex; gap: 10px; padding-right: 0;}
	.comp_box .comp_list > li{width: 100%;}
	.comp_box .comp_list > li .in{text-align: center; height: 100%; border-radius: var(--item_r); padding: 50px 20px; background: #f9f9f9; position: relative; align-content: center;}
	.comp_box .comp_list > li .in span{color: var(--subColor1); text-transform: uppercase;}
	.comp_box .comp_list > li .in .ic{width: 30%; margin-bottom:25px; margin: 0 auto;}
	.comp_box .comp_list > li .in .ti{font-size: 1.25em; font-weight: 600; margin-bottom: 10px;}
	.comp_box .comp_list > li .in .ti span{font-size: .8em; font-weight: 400; color: #999;}
	.comp_box .comp_list > li .in .tt{color: #333; line-height: 1.6;}


	.comp_box .ad_list .swip_sub_txt{text-align: left;}

	.comp_box .tit_box2.st .page_txt{margin-top: 10px;}
	.comp_box .tit_box2 .tit_group{top: 0;}

	.comp_box .compete_list{ display: flex; gap: 10px; width: 100%; margin-top: -50px;}
	.comp_box .compete_list > li{width: 100%;}
	.comp_box .compete_list > li .in{width: 100%;}

	.comp_box .process_list{margin:40px -15px 0;} 
	.comp_box .process_list > li .in .in_img{width: 100px; height: 100px; border-radius: 50%; background-color: #fff; border:1.5px dashed #666; margin: 0 auto 15px; position: relative;}
	.comp_box .process_list > li .in .in_img img{opacity: .9; width: 40%;}
	.comp_box .process_list > li:last-child .in .in_img{border:3px solid var(--mainColor);}
	.comp_box .process_list > li .in .step{display: inline-block; color: var(--mainColor); font-weight: 600;}
	.comp_box .process_list > li .in .page_txt{margin-bottom: 5px;}
	.comp_box .process_list > li .in .tt{color: #999; padding: 0 10px;}


}


@media screen and (max-height:830px) {
	/**/
	.pc_all_menu .gnb_all{padding:2.5em 0 0;}
	.pc_all_menu .gnb_all > li.depth1{margin-bottom:2em;}
}