@media screen and (max-width:1280px) {
	
/*latest : product_slide*/
.la_product_control .product_pagen{width:250px;}	
	
/*style*/
#header #logo img{width:120px; 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;}

/*메인(홈) : im/main1.html 반응형*/
.site_header .sh_gnb ul{ gap:20px}

}


@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; margin-top:50px;}

#snb{display:none;}
#snb .sdp_list > li .va_wrap{height:56px; font-size:1em;}

/*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*/
/*로고*/
.site_header #logo img,
.site_footer .sf_logo img{width:110px; height: auto;}

/*회사소개(인사말) : im/greeting.html 콘텐츠*/
.greeting_intro{ padding:100px 0 80px}
.greeting_intro .greeting_intro_top{ flex-direction:column}
.greeting_intro .greeting_intro_img{ width:100%; height:460px}
.greeting_intro .greeting_intro_txt{ width:100%}
.greeting_intro .greeting_intro_txt .main_tit{ text-align:center}
.greeting_intro .greeting_intro_list li{ width:100%}
.greeting_value .greeting_value_list li{ width:100%; margin-bottom:20px}

/*오시는길 : im/location.html 콘텐츠*/
.location_summary .location_summary_item{ width:100%}
.location_map{ padding:60px 0}
.location_map .location_map_box{ height:420px}
.location_info .location_info_list{ gap:20px 0; margin-top: 35px;}
.location_info .location_info_list li{ width:100%}

/*메인(홈) : im/main1.html 반응형*/
.site_header .sh_gnb{ display:none}
.all_menu .all_menu_inner{ flex-direction:column; align-items:center; text-align:center; gap:30px}
.all_menu .all_menu_divider{ display:none}
.all_menu .all_menu_cols{ gap:30px}
.all_menu .all_menu_col{ text-align:center}
.all_menu .all_menu_col_tit{ margin-bottom:20px}
.all_menu .all_menu_col ul{ display:block}
.all_menu .all_menu_col ul > li{ margin-bottom:12px}
.all_menu .all_menu_brand{ font-size:1.375em}
.all_menu .all_menu_side{ text-align:center; max-width:100%}
.all_menu .all_menu_contact .cs_num{ justify-content:center}
body.main .visual .visual_tt{ font-size:2.5em}
body.main .visual .visual_tt2{ font-size:1.2em; max-width:80%; margin:20px auto}
@keyframes visualLineGrow{ from{ width:0} to{ width:60px} }
body.main .visual .visual_arrow{ display:none}
body.main .about{ padding:100px 0}
body.main .about .box1{ flex-direction:column}
body.main .about .about_txt{ width:100%; text-align:center}
body.main .about .about_txt .main_tit{ text-align:center}
body.main .about .about_img{ width:100%; height:420px; margin-top:40px}
body.main .product{ padding:90px 0 100px}
body.main .product .product_tab{ gap:24px}
body.main .product .product_list li{ width:49%}   /* 49*2 + 2 = 100 */
body.main .location{ padding:110px 0}
.site_footer .sf_top{ flex-direction:column; align-items:center; text-align:center; gap:24px}
.site_footer .sf_cs{ text-align:center}
.site_footer .sf_cs .cs_num{ justify-content:center}

}


@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{width:100%;}
#snb .sdp_list{ flex-wrap:nowrap; justify-content:flex-start; overflow-x:auto; -webkit-overflow-scrolling:touch;}
#snb .sdp_list > li{ flex:0 0 auto;}
#snb .sdp_list > li .va_wrap{ padding:0 18px; height:52px; font-size:.9375em; white-space:nowrap;}
#snb .sdp_list > li.on:before,
#snb .sdp_list > li.on:after{ display:none;}
.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*/
.mainSlider .slogan{text-align:center;}
.mainSlider .slogan .t1{font-size:2.625em;}
.mainSlider .slogan .t2{font-size:1.375em;}
.scroll_wrap{display:none;}
.mainSlider .mainSlider-pagination{text-align:center;}
.mainSlider .mainSlider-pagination .swiper-pagination-bullet{width:80px; margin:0 10px 0 0; text-align:left;}
.main_tit{margin-bottom:25px;}
.main_tit .in_tt{font-size:2em;}
.main_tit .in_en{font-size:1.25em; margin-bottom:5px;}
.main_more a{margin-top: 20px; padding:10px 40px;}

	
.page_tt{font-size:1.5em; }
.page_stt{font-size:1.25em; }
.page_tx{font-size:1em; }
.page_stx{font-size:1em; }

/*회사소개(인사말) : im/greeting.html 콘텐츠*/
.greeting_intro .main_tit .in_tx{ font-size:2em}
.greeting_intro{ padding:85px 0 60px}
.greeting_intro .greeting_intro_img{ height:380px}
.greeting_intro .greeting_intro_list{ margin-top:32px}
.greeting_intro .greeting_intro_num{ font-size:1.5em}
.greeting_intro .greeting_intro_tx{ font-size:1.0625em}
.greeting_value .greeting_value_list li{ padding:40px 24px}

/*오시는길 : im/location.html 콘텐츠*/
.location_info .main_tit .in_tx{ font-size:2em}
.location_summary{ padding:28px 0}
.location_summary .location_summary_tx{ font-size:1.0625em}
.location_map{ padding:50px 0}
.location_map .location_map_box{ height:340px}
.location_info .location_info_list li{ padding:36px 26px}

/*메인(홈) : im/main1.html 반응형*/
:root{ --header_H:72px}
body.main .main_tit .in_tx{ font-size:2em}
body.main .main_tit .in_tw{ font-size:1.0625em; margin-top:20px;} 
body.main .visual .visual_tt{ font-size:2em}
body.main .visual .visual_sub{ font-size:1em; letter-spacing:3px}
body.main .visual .visual_tt2{ font-size:1.0625em; max-width:88%}
@keyframes visualLineGrow{ from{ width:0} to{ width:40px} }
body.main .about{ padding:80px 0}
body.main .about .about_img{ height:320px; margin-top:34px}
body.main .product{ padding:70px 0 80px}
body.main .product .product_tab{ gap:16px; margin:24px 0 36px}
body.main .location{ padding:90px 0}
.site_quick{ right:18px; bottom:18px}
.site_quick .sq_call{ width:120px; padding:26px 8px 16px}

/* 모바일 : 상담카드 대신 전화 버튼을 기본 노출, 클릭 시 바로 전화연결 */
.site_quick .sq_call{ display:none !important}
.site_quick .sq_call_toggle{ display:flex !important}
}

@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 .sdp_list > li .va_wrap{ padding:0 14px; height:48px; font-size:.875em;}
.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{width:100px;}
#header .btn_gnb{margin-left:12px; width:28px; height: 28px;}
#header .hd_login{margin-left:12px;}	
#header .hd_login > li a{margin-left:12px;}
#footer .f_menu > li a{margin-right:20px;}	
.mainSlider .slogan .t1{font-size:2.125em;}
.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;}	

			
.page_tt{font-size:1.45em; }
.page_stt{font-size:1.125em; }
.page_tx{font-size:1em; }
.page_stx{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;}

/*회사소개(인사말) : im/greeting.html 콘텐츠*/
.greeting_intro .main_tit .in_tt{ font-size:0.937em; letter-spacing:2px; margin-bottom:12px}
.greeting_intro .main_tit .in_tx{ font-size:1.625em}
.greeting_intro .main_tit .in_tw{ font-size:1em}
.greeting_intro{ padding:70px 0 50px}
.greeting_intro .greeting_intro_top{ gap:40px}
.greeting_intro .greeting_intro_img{ height:320px}
.greeting_intro .greeting_intro_list{ margin-top:24px}
.greeting_intro .greeting_intro_list li{ gap:12px; padding-top:20px; margin-bottom:6px}
.greeting_intro .greeting_intro_num{ font-size:1.25em}
.greeting_intro .greeting_intro_tx{ font-size:1em}
.greeting_value .greeting_value_list{ gap:16px 0}
.greeting_value .greeting_value_list li{ padding:36px 20px}
.greeting_value .greeting_value_icon{ width:60px; height:60px; margin-bottom:18px; font-size:1.5em}
.greeting_value .greeting_value_tit{ font-size:1.25em; margin-bottom:12px}

/*오시는길 : im/location.html 콘텐츠*/
.location_info .main_tit .in_tt{ font-size:0.937em; letter-spacing:2px; margin-bottom:12px}
.location_info .main_tit .in_tx{ font-size:1.625em}
.location_summary{ padding:24px 0}
.location_summary .location_summary_list{ gap:16px 0}
.location_summary .location_summary_ic{ width:40px; height:40px; font-size:1.0625em}
.location_summary .location_summary_tt{ font-size:0.8125em}
.location_summary .location_summary_tx{ font-size:1em}
.location_map{ padding:40px 0}
.location_map .location_map_box{ height:260px}
.location_map .location_map_ph .ico{ width:2em; height:2em; margin-bottom:12px}
.location_map .location_map_ph p{ font-size:1em}
.location_map .location_map_ph span{ font-size:0.875em}
.location_info .location_info_list{ gap:16px 0}
.location_info .location_info_list li{ padding:30px 22px}
.location_info .location_info_icon{ width:52px; height:52px; margin-bottom:18px; font-size:1.375em}
.location_info .location_info_tit{ font-size:1.125em; margin-bottom:10px}

/*메인(홈) : im/main1.html 반응형*/
.all_menu .all_menu_inner{ gap:30px}
.all_menu .all_menu_cols{ gap:20px}
.all_menu .all_menu_col_tit{ font-size:1.0625em; margin-bottom:10px}
.all_menu .all_menu_col a{ font-size:0.9375em}
.all_menu .all_menu_col ul{ gap:12px}
.all_menu .all_menu_col ul > li{ margin-bottom:8px}
.all_menu .all_menu_brand{ font-size:1.5em}
.all_menu .all_menu_tagline{ font-size:1em; margin-top:10px}
.all_menu .all_menu_contact{ margin-top:20px}
.all_menu .all_menu_contact .cs_num{ font-size:1.25em; justify-content:center}
.all_menu .all_menu_contact .cs_time{ font-size:1em}
body.main .visual .visual_tt{ font-size:1.625em}
body.main .visual .visual_line{ margin-top:20px}
body.main .main_tit .in_tx{ font-size:1.625em}
body.main .about{ padding:64px 0}
body.main .about .about_img{ height:240px}
body.main .product{ padding:56px 0 64px}
body.main .product .product_list li{ width:100%; margin-bottom:26px}
body.main .product .product_img{ height:230px}
body.main .location{ padding:64px 0}
.site_footer{ padding:44px 0 30px}
.site_footer .sf_info p{ font-size:.875em}
}