@media screen and (max-width:1300px) {
	
/*latest : product_slide*/
.la_product_control .product_pagen{width:250px;}	
	
    /*style*/
    #header #logo img,
    #footer .f_top .f_logo img{width:150px; height: auto;}
    #header .gnb_wrap .gnb .depth1{margin:0 20px;}
    #header .gnb_wrap .gnb .depth1 > a{font-size:1.068em;}
    
    #sub_visual{height:400px;}
    #sub_visual .sub_v_tit{font-size:3.25em;}
    
    .bus_01_01 .bus_list > li .in .page_tt br{display:none;}
    .bus_01_01 .bus_list > li .in .page_stt2 br{display:none;}
    .bus_01_02 .bus_cont > li .in{width:250px; height: 250px; margin:0 20px;}
    .bus_01_02 .page_stt2 br{display:none;}
    .about_02_01 .cos_intro > li{margin:3em 0;}
    .about_02_01 .cos_intro > li .in .img_z{padding-right:2em;}
    .about_02_01 .cos_intro > li .in .txt_z{padding:2em 0 2em 2em;}
    .about_02_01 .cos_intro > li .in .txt_z .tt{font-size:2.25em;}
    .about_02_01 .cos_intro > li .in.rev .img_z{padding-left:2em;}
    .about_02_01 .cos_intro > li .in.rev .txt_z{padding-right:2em;}
    .org_wrap{padding:4.5em 0; margin-top:3em;}
    .table_hf.sw50.st{margin-right:0px;}
    .table_hf.sw50.st > *{width:100%;}
    .table_hf.sw50.st > div:first-child{margin-bottom:20px;}
    .produc_list:after{display:none;}
    .produc_list > li .round_box,
    .produc_list > li .round_box:before{width:200px; height: 200px;}
    .produc_list > li .round_box:after{width:220px; height: 220px;}
    .produc_list.st{flex-wrap:wrap;}
    .produc_list.st > li{margin:0 auto 40px;}
    
	.mainSlider .slogan .t1{font-size: 3.25em;}
	.mainSlider .slogan .t2{font-size: 1.375em;} 
	.main_intro .intro_list > li .in{width:220px; height: 220px; margin-right:70px;}
	.main_company .box0{flex-direction: column-reverse;}
	.main_company .comp_img{width:100%}
	.main_company .comp_img p{height:300px;}
	.main_company .comp_tt{width:100%;}
	 
	
	
	
    /**/
    html[lang="en"] #header .gnb_wrap .gnb .depth1{max-width:120px;}
    html[lang="en"] #header .gnb_wrap .gnb .depth1 > a{line-height: 1.3;}
    
    
}


@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 .notranslate{margin-left:auto;}	
    
/*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*/

    .page_tt{font-size:1.5em; margin-bottom: 20px;}
    .page_stt{font-size:1.25em; }
    .page_stt2{font-size:1.068em;}    
    .page_tx{font-size:1em; }
    .page_stx{font-size:1em; }	

    .bus_01_01 .in_img{height:220px;}
    .bus_01_01 .bus_list{margin-right:-35px;}
    .bus_01_01 .bus_list > li .in{margin-right:35px;}
    .bus_01_02{margin-top:4.5em; padding:4.5em 0;}    
    .bus_01_02 .page_tt{font-size:2.125em;}
    .bus_01_02 .bus_cont > li .in{width:200px; height: 200px; padding:20px; margin:0 10px;}    
    .about_02_01 .cos_intro > li{margin-bottom:3em; text-align: center;}
    .about_02_01 .cos_intro > li .in .img_z{width:100%; padding-right:0;}
    .about_02_01 .cos_intro > li .in .img_z .bgfix{height:250px;}
    .about_02_01 .cos_intro > li .in .txt_z{width:100%; padding:2em 0 0 0;}
    .about_02_01 .cos_intro > li .in .txt_z .tt{font-size:2em;}
    .about_02_01 .cos_intro > li .in.rev .img_z{padding:0;}
    .about_02_01 .cos_intro > li .in.rev .txt_z{padding-right:0;}
    .about_02_01 .cos_intro > li .in .txt_z .page_tx.ceo_name{text-align:center}    
    .img_box .in_w{padding:20px;}
    .img_box .in_w .img_z{width:100%; padding-right:0; margin-bottom: 20px;}
    .img_box .in_w .table_st{width:100%;}
    .g_list,
    .g_list.mg_st{margin-right:-15px;}
    .g_list > li .in,
    .g_list.mg_st > li .in{margin-right:15px;}
    .g_list > li .in .img_dv{height:230px;}
    .table_info.fix1024{display: block}
    .fixed_w {overflow-x:scroll;}
    .fixed_w.fix1024 .fixed {width:1200px !important; table-layout:fixed;}
    .nmi_list{margin-right:0;}
    .nmi_list > li,
    .nmi_list.st > li:nth-child(1),
    .nmi_list.st > li:nth-child(2){width:100%;}
    .nmi_list > li:first-child{margin-bottom:90px;}
    .nmi_list > li:first-child:after{top:inherit; bottom:-150px; right:50%; transform: translateX(50%) rotate(90deg);}
    .nmi_list .in{margin-right:0;}
    .nmi_list .in .tt_box{padding:12px 10px;}
    .table_hf{margin-right:0;}
    .table_hf > *{width:100%; padding-right:0;}
    .table_hf > * .ig{margin-bottom:20px;}
    .img_box{margin-right:0;}
    .img_box > li{width:100%;}
    .img_box > li:first-child{margin-bottom:10px;}
    .img_box .in_w{margin-right:0;}
    .produc_list{margin:50px 0 0;}
    .produc_list > li{width:50%; margin-bottom: 40px;}
    .loc_04_01 .location_box .map_tw{font-size:1.325em;}
    .loc_04_01 .location_box .map_tw .xi{margin-right:0; margin-bottom: 5px;}
    .loc_04_01 .location_box .map_tw .add_tx{width:100%;}
    .loc_04_01 .location_box .map_view .map_cont iframe{height:350px;}
    .loc_04_01 .location_box .info_list > li h3{font-size:1.125em; float:none;}	
    .loc_04_01 .location_box .info_list > li .info{margin:15px 0 0 0;}	
	
	
	.main_tit .in_tt{font-size:2.5em;}
	.main_intro .main_tit .in_tx{margin-right:0;}
	.main_intro .main_tit .in_tx > *{width:100%; padding-right:0;}
	.main_intro .intro_list > li .in{margin:0 10px;}
	.main_intro .intro_list > li .in:after{display:none;}
	.main_company .comp_tt{max-width:100%;}
	.main_ceo .mceo_list > li .in{padding:0 40px;}
	.main_ceo .mceo_list > li .img_z .in_name{font-size:1.625em;}
	.main_business .bus_bom_list > li{width:50%;}
	.main_business .bus_bom_list > li:nth-child(2) .in{border-right:0;}
	
}


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

/*inc*/
:root { 
	--header_H:75px;
}	
    
.qk_list > li a{font-size:1.125em;}    
.qk_list > li a,
.qk_list li .xi{width:42px; height: 42px; line-height: 42px;}
.qk_list li .qk_inq:hover{width:110px;}    
.qk_list li .qk_call:hover{width:160px;}
.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: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 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*/
    #footer{padding:45px 0 0; margin-top:8em;}
    #footer .f_top{margin-bottom:25px;}
    #footer .f_top .f_logo{width:100%; margin-bottom: 20px;}
    #footer .f_menu{margin-left:0; width:100%;}
    #footer .f_menu > li a{margin-right:10px;}
    #footer .f_menu > li a:after{padding-left:10px;}
    #footer .f_info > li{margin-right:20px; margin-bottom: 7px;}
    #footer .f_info > li .co_st{margin-right:7px;}
    #footer .f_info_w{width:100%;}
    #footer .f_site{display:none;}
    #footer .f_copy{padding:15px; margin-top:30px;}
    
    .page_tt{font-size:1.45em;}
    .page_stt{font-size:1.2em;}
    .page_stt .nm_r{width:35px; height: 35px; line-height: 35px;}
    .dot_list > li:not(:last-child){margin-bottom:3px;}
    
    .bus_01_01 .in_img{height:200px;}
    .bus_01_01 .bus_list{margin-right:0;}
    .bus_01_01 .bus_list > li{width:100%; margin-bottom: 10px;}
    .bus_01_01 .bus_list > li .in{margin-right:0;}
    .bus_01_02 .bus_cont > li:not(:last-child) .in:after{display:none;}
    .bus_01_02 .page_tt{font-size:1.825em; line-height: 1.2;}
    .about_02_01 .cos_intro > li .in .img_z .bgfix{height:200px;}    
    .about_02_01 .cos_intro > li .in .txt_z .tt{margin-bottom:20px;}
    .g_list.sw33 > li{width:100%;}
    .g_list.sw25 > li{width:50%}
    .img_box .in_w{padding:15px 13px;}
    .table_st th, .table_st td{padding:.5em; font-size:.95em;}
    .nmi_list .in{padding:15px;}
    .sub_cont{margin-top:4em;}
    .produc_list.st{margin:70px 0 0;}
    .produc_list > li .round_box, 
    .produc_list > li .round_box:before{width:180px; height: 180px;}
    .produc_list > li .round_box:after{width:200px; height: 200px;}
    .parter_list > li{width:50%;}
    .loc_04_01 .root_daum_roughmap .wrap_map{height:250px!important;}	
    
    .table_info.fix768{display:block;}
    .fixed_w.fix768 .fixed {width:800px !important; table-layout:fixed;}
	
	.main_tit {margin-bottom:30px;}
	.main_tit .in_tt{font-size:2em;}
	.main_tit .in_tx{margin-top:20px;}
	.mainSlider .slogan .t1{font-size: 2.5em;}
	.mainSlider .slogan .t2{font-size: 1.375em;}
	.main_intro{padding:80px 0;}
	.main_intro .main_tit .in_tt{margin-bottom:30px;}
	.main_intro .main_tit .in_tx .bgfix{height:130px;}
	.main_intro .main_tit .in_tx .in_w{padding:30px 10px;}
	.main_company .comp_img p{height:200px;}
	.main_company .comp_tt{padding:40px 0; max-width:96%;}
	.main_ceo{padding:80px 0;}
	.main_ceo .mceo_list > li{width:100%; margin-bottom:40px;}
	.main_ceo .mceo_list > li:last-child{margin-bottom:0px;}
	.main_business{padding:80px 0;}
    
    .about_02_01 .cos_intro2{margin-right:0; margin-top:20px;}
    .about_02_01 .cos_intro2 > li{width:100%; margin-bottom: 5px;}
    .about_02_01 .cos_intro2 > li .in{margin-right:0; padding: 20px;}
    .about_02_01 .cos_intro2 > li .in .txt_z{margin-bottom:20px; padding-bottom: 15px;}
}

@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 .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 25px; font-size:1.625em;}
.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*/
    
    :root{
        --header_H:70px;
    }
    .page_tt{font-size:1.2em; margin-bottom:15px; line-height: 1.4;}
    .page_tt:before{width:8px; height: 8px;}
    .page_stt{font-size:1.068em; margin-top:30px;}
    .page_stt2 {font-size:.95em; }   
    .page_tx{font-size:.95em; }
    .page_stx{font-size:.95em; }	
    .page_stt2.f_st{line-height: 1.5;}

    #header #logo img, #footer .f_top .f_logo img{width:120px;}
    #header .btn_gnb{margin-left:15px; width:26px; height: 26px;}
    #header .btn_gnb .a_rd{width:8px; height: 8px;}
    #snb .snb_list .sdp1,
    #snb .snb_list .sdp2{display:none;}
    #snb .snb_list .sdp3,
    #snb .snb_list .last{width:95%;}
    .qk_list{display:none;}
    .dot_list > li{padding-left:12px; text-align: left;}
    .dot_list > li:before{top:10px;}
    .dot_list.page_tx > li:before{top:8px;}
    
    .bus_01_01 .in_img{height:150px; margin-bottom: 20px;}
    .bus_01_01 .bus_list .page_tt{font-size:1.125em; padding-left:0; margin-bottom: 10px; text-align: center;}
    .bus_01_01 .bus_list .page_stt2{text-align: center;}
    .bus_01_01 .bus_list .page_tt:before{display:none;}
    .bus_01_02{margin-top:2em; padding:3em 0;}
    .bus_01_02 .bus_cont{margin-top:40px;}
    .bus_01_02 .bus_cont > li .xi{font-size:2.25em;}
    .about_02_01 .cos_intro > li{margin-top:0;}
    .about_02_01 .cos_intro > li .in .txt_z .tt{font-size:1.625em;}
    .about_02_01 .cos_intro > li .in .txt_z .page_stt{margin-bottom:20px;}
    .about_02_01 .cos_intro > li .in .txt_z .page_tx.ceo_name{margin-top:35px;}
    .about_02_01 .cos_intro > li .in .txt_z .page_tx.ceo_name .in_name{font-size:1.625em;}
    .org_wrap{padding:3em 0;}
    .loc_04_01 .location_box{padding:0 5px;}
    .loc_04_01 .location_box .map_tw{font-size:1.068em;}
    .loc_04_01 .location_box .map_tw .xi{width:40px; height: 40px; line-height: 40px; margin-bottom: 10px;}
    .loc_04_01 .location_box .map_view{padding:.7em;}
    .loc_04_01 .location_box .map_view .tt{font-size:1em;}
    .loc_04_01 .location_box .map_view .map_cont iframe{height:250px;}
    .loc_04_01 .location_box .info_list > li{padding:1.5em 0;}
    .loc_04_01 .location_box .info_list > li .info .in_tbox{padding:15px;}
    .g_list,
    .g_list.mg_st,
    .parter_list{margin-right:-7px;}
    .g_list > li .in,
    .g_list.mg_st > li .in,
    .parter_list > li .in{margin-right:7px;}
    .parter_list > li{margin-bottom:7px;}
    .g_list > li .in .img_dv{height:150px;}
    .g_list > li .in .tx_dv{margin-top:10px;}
    .img_box .in_w{padding:15px 10px; overflow: hidden;}
    .g_list.img_st > li .in .img_dv{background-color: #f9f9f9; background-size: contain}
    .nmi_list .in.sw50 > *{width:100%;}
    .nmi_list.st > li .in.flex > div:nth-child(2){border-left:0; border-top:1px dashed #ccc; padding-left:0; padding-top:20px; margin-top:20px;}
    .nmi_list > li:first-child{margin-bottom:60px;}
    .nmi_list > li:first-child:after{width:25px; background-size: cover; background-position: right center; bottom:-130px;}
    .table_st th, .table_st td{font-size:.938em;}
    .produc_list.st > li .page_tx,
    .produc_list > li .page_tx{margin:25px auto 0;}
    .produc_list > li .round_box, .produc_list > li .round_box:before{width:160px; height: 160px;}
    .produc_list > li .round_box:after{width:185px; height: 185px;}
    .nmi_list .in .tt_box{margin: 0 0 15px;}
    .produc_list > li{width:100%; padding:0;}
    .nmi_list.st > li .in.flex > div:nth-child(1){padding-right:0;}
    .produc_list > li .in_nmb{font-size:.938em; font-weight: 300; margin-bottom: 5px;}
    .pt_img{margin-top:-15px;}
    
    .board_st.board_inq th,
    .board_st.board_inq td{display:block; width:100%;}
    .board_st.board_inq td .label_st{width:100%; margin-right:0!important;}
    .board_st tbody tr:hover:after{display:none;}
	
	.main_tit .in_tt{font-size:1.825em;}
	.main_tit .in_tx br{display:none;}
	.main_t3{font-size:1.068em;}
	.mainSlider .slogan .t1{font-size: 2.125em;}
	.mainSlider .slogan .t2{font-size: 1.125em; margin-top: 30px;}
	.main_company .comp_ol{margin-top:30px;}
	.root_daum_roughmap .wrap_map{height:280px!important;}
	.main_business .bus_bom_list > li{width:100%; }
	.main_business .bus_bom_list > li .in{border-right:0!important; border-bottom:1px solid #ddd; min-height: auto; padding:20px 10px;}
	.main_business .bus_bom_list > li:last-child .in{border:0;}
    .main_ceo .mceo_list > li .img_z img{width:250px; height: auto;}
    .step_list > li{width:50%;}
	.sw50 > *{width: 100%;}
    
    
}