@media screen and (max-width:1440px) {
     .mo_all_menu{background:rgba(0,0,0,.9);}
     .mo_all_menu .mobile_gnb .depth1 .dp1{color:#fff} 
     .mo_all_menu .mobile_gnb .dp2_menu{background:rgba(0,0,0,.7); border-color:#333}
     .mo_all_menu .mobile_gnb .dp2_menu > li a{color:#eee}
	 #header{background:rgba(0,0,0,1)}
     
}


@media screen and (max-width:1280px) {
body{width:100%; overflow-x:hidden;}
.box1{max-width:90%}
/*latest : product_slide*/
.la_product_control .product_pagen{width:250px;}	
	
/*style*/
#header #logo img{width:180px; 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;}	

#content06 .img_animate3{width:280px;}
#content06 .img_animate4{width:200px;}
     
.btm_qk{display:none}
#footer{padding-bottom:50px}

#content04_box ul{gap:1em}
#content04_box ul li{width:calc(33.33% - 1em)}

}


@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*/
.map_box .in_map{width:100%}
.map_box .in_map .wrap_map{height:250px!important;}
.map_box .in_info{width:100%; padding-left:0;}
.map_box .in_info .info_box{padding:20px; margin-top:10px;}
.map_box .in_info .info_box .tt{margin-top:0; font-size:1.375em;}
.map_box .in_info .info_box .line{margin:15px 0;}
.map_box .in_info .info_box .icon{font-size:4em; position: absolute; bottom:10px; right:10px; }
.map_box .in_info .info_box .info_list{position: relative; z-index: 10;}
.map_box .in_info .info_box .info_list > li{margin-bottom:5px;}	
     
#content01_h2{font-size:1.875em}     
#content03 ul li{width:calc(50% - 1em)}
#content03 ul li p{font-size:15px;}    
.sel_con .wrapCon .t1{font-size:1.750em}     
#content06 .t1{font-size:2em}
.sub_process > li .in .icon{width:150px; height:150px; line-height:150px}  
.sub_process_wrap .line1{top:5.5em}
.sel_wrap .box0{padding:0 1em}
.main_sec .t1{font-size:1.750em}     
#content04_box ul{padding:0}
#content04_box ul li p{font-size:1rem;}
     
#header .tel{margin-left:auto; margin-right:5px}

}


@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;}	


#header #logo img{width:180px;}

     
/*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*/
.mainSlider .slogan{text-align:center; top:40%; font-size:.875rem;}
.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; }	
     

#content01{background-position:left}
     
.main_sec .t1{font-size:1.375em}
.db{display:inline}
#content04_box ul li{width:100%;}
	
.sub_process_wrap .line1{display:none}     
.sub_process > li{width:50%}
.tab_idx > li{width:33.33%}     
#content06 .img_animate3{width:160px; top:-150px; left:-50px}
#content06 .img_animate4{width:120px;}
.sub_process{margin:0 0 -2em -2em}
.sub_process > li .in{margin:0 0 2em 2em;}
.sub_process > li .in .con .t1{font-size:1.125em}
.sub_process > li .in .con .t2{font-size:1.250em}
.wrapTit > i{font-size:1.250em}

.mainSlider .el .bg{background-position-x:80%; background-position-y:50px;}
.mainSlider .el.swiper-slide-active .slogan .t1,
.mainSlider .el.swiper-slide-active .slogan .t2,
.mainSlider .el.swiper-slide-active .slogan .t3{text-shadow: 1px 3px 0px rgba(0,0,0,.8)}     
     
.menuList .in > div{width:calc(50% - 2em)}     
.menuList .tab_idx > li{width:25%}
.product_cont .tab_idx{width:100%}
.product_cont .tab_idx > li .va_wrap{font-size:1em}     

.brand_info .info_box ul li .in .txt_z{width: 100%; padding: 0; margin-bottom: 20px;}
.brand_info .info_box ul li .in .info_slide,
.brand_info .info_box ul li .in .img_box{width: 100%; padding: 0;}
.brand_info .info_box ul li .in.rev .txt_z{padding: 0;}
.brand_info .info_box ul li p{font-size:1rem;}
.brand_info .info_box ul li h4{font-size:1.357em}
.brand_info .info_box ul li .num{font-size:1.250em}
.brand_info .info_box ul li .img_box .img_z,
.brand_info .info_box ul li .in.rev .img_box .img_z,
.brand_info .info_box ul li .in .info_slide .img_z{height:300px}

.sel_con .circle{width:16em; height:16em}
.sel_con .circle .tx{font-size:1.125em}
#content03 ul li .in{padding:0 0 .5em 0}
     
.sel_con .wrapBg{background-attachment:inherit;}
#content03 ul li h5{font-size:1.125em}
#content03 ul li .in .xi{width:25px; height:25px; line-height:25px; font-size:.938em}
#content03 ul li p{font-size:.938em;}
#content06 .t1{font-size:1.570em;}
#content04_box ul{gap:3em}

.qk_list{right:10px}


}

@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;}
     .container_title:before{height:6px;}

     #footer{font-size:.938em}     

     /*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:150px;}
     #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;}	

     .product_cont .tab_idx{width:100%;}
     .sel_con .wrapCon .t1 .db{display:inline}
     #content04 .box1{max-width:90%}
     #content04_box ul li h4{font-size:1.250em}
     #content04_box ul li p{font-size:1em;}
     #content03 ul li{width:100%} 
     #content01 img{max-width:60%}
     
     .menuList .in > div{width:100%}     
     #bo_gall .gall_li{width:100%}
     #bo_gall {max-width:96%; margin:0 auto;}
     
     #header .tel span{font-size:1.250em}
     #header .tel .xi{width:38px; height:38px; line-height:38px}
     
     #content06 .img_animate4{display:none}
     #content06 .img_animate3{display:none}
     #content06 .t1{font-size:1.570em; display:inline}
     .table_st td{font-size:1em;}
     
     #content06{padding-top:150px}

}


@media screen and (max-width:464px) {   
     .sel_con .wrapCon .t1{font-size:1.250em}     
}