/* PC Device */

@media all and (min-width:1001px){
	/* 전체메뉴 */
	#total_m_lay{display:none;}
}
@media all and (max-width:1680px){
.m03_wrap {width:100%;padding:0 3%;}
}
@media all and (max-width:1450px){

.wrap, .sit_admin {width:100%;padding:0 3%;}
button.slick-next.slick-arrow {right:-3%;}
button.slick-prev.slick-arrow {left:-3%;}
#aro02_prev {left:0;}
#aro02_next {right:0;}
#header_right {right:3%;}
.bo_cs {width:48%;}
.bo_notice {width: 48%;float: right;margin-left: 0;}
.bo_quick {clear: both;width: 100%;float: left;margin-top: 50px;}
}


@media all and (max-width:1350px){

#gnb {display:none;}
#tnb {display:block; left: 0;top: 32px;}
.btnMenu span {display: block;  width: 30px; height: 3px; background: #454545; border-radius:5px; }
.btnMenu span:nth-child(1) {margin-top: 0px;}
.btnMenu span:nth-child(2) {margin-top: 6px;}
.btnMenu span:nth-child(3) {margin-top: 6px;}


/*모바일메뉴*/
.total_m {padding: 5% 2%;}

#sidebar > div {overflow: hidden;display: block;width: 100%;}
#sidebar > div ul {width:100%; min-width:600px !important;}


#gnb .gnb_wrap{padding-left:30%;}

#m_sidebar .wrap {padding:0;}
.sVisual {background-position:right top !important ;background-size:cover !important;}

}



@media all and (max-width:1200px){



.mVisual li .txt_box h2 {font-size: 65px;}
.mVisual li .txt_box span {margin-top: 138px;font-size: 26px;}
.mVisual li .txt_box p {font-size: 20px;}
.mVisual li .txt_box a {font-size: 18px;}
#main_container section h2 {font-size: 35px;}
#main_container section, .bottom_container {padding: 80px 0;}
#main_con02 li {width:32%;float:left;margin-right:2%;}
#main_con02 li:nth-child(4n) {margin-right:2%}
#main_con02 li:nth-child(4n+1) {clear:none;}
#main_con02 li:nth-child(3n) {margin-right:0}
#main_con02 li:nth-child(3n+1) {clear:both;}


#ft .ft_cs {float: left;width: 48%;}
#ft .ft_bank {float: right;width: 48%;}
#ft .ft_tex {clear: both;width: 100%;float: left;margin-top: 50px;}
/*모바일메뉴*/


.total_m {padding: 0px !important;}
.total_m li button {position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-indent: -999px; overflow: hidden; font-size:0;display:inline-block;}
.total_m > ul > li {position: relative; width: 100% !important;height:auto; font-size: 18px; font-weight: 400;   background: rgba(255, 255, 255, 0.8); border-bottom: 1px solid rgba(0,0,0,0.08);}
.total_m > ul > li > a {padding: 20px; /*color: #6162e6;*/}
.total_m > ul{display:block;}
.total_m > ul > li > a {/*background: url('../images/gnb_dot.png') no-repeat right 15px center; */  font-weight:500; font-size:1.22rem}
.total_m > ul > li {padding: 0; text-align: left;  /*border-top: 1px solid #ccc; */}
.total_m > ul > li.has-sub:before {position: absolute; top: 20px; right: 22px; width: 2px; height: 22px; margin-top: -1px; display: block; content: ""; background: #333; display: block; border-radius:10px;}
.total_m > ul > li.has-sub:after {position: absolute; top: 28px; right: 12px; width: 22px; height: 2px; display: block; content: ""; background: #333; border-radius:10px;}
.total_m > ul > li.has-sub.open > a {/*background: #93845a url('../images/gnb_dot_on.png') no-repeat right 15px center */}
.total_m > ul > li > ul {display: none; padding: 0px; background: #f5f5f5; padding:20px;}
.total_m > ul > li > ul > li {font-size: 16px; /*background-repeat: no-repeat; background-position: right 14px; border-top: 1px solid #ddd; */}
.total_m > ul > li > ul > li:first-child {border-top: 0}
.total_m > ul > li.has-sub.open {}
.total_m > ul > li.has-sub.open:before {display: none;}
.total_m > ul > li.has-sub.open:after {position: absolute; top: 28px; right: 12px; width: 22px; height: 2px; display: block; content: ""; border-radius:0px;}
/*.total_m > ul > li > ul > li > a {padding: 20 0 20px; color: #000; font-weight:400;  font-size:1.12rem }*/
/*.total_m > ul > li > ul > li:last-child > a {padding: 0;}*/
.total_m > ul > li > ul > li.open > a {color: #1e5394;}
.total_m .btnClose {display: none}

.m_login {/*display: none;*/ margin-top:50px;}
.m_login li {display: inline-block; margin:0 10px; font-size:1.12rem;}

  /*제품 상세*/

.sanchor {margin: 50px 0 30px;}

#smb_my_ov {width:100%;}
#smb_my_od {clear:both;width:100%;margin-top:30px;}
#smb_my_ov .op_area dt {width:25%;float:left;}
#smb_my_ov .op_area dd{width:25%;float:left;clear: none;}
}


 /* Tablet Device */
@media all and (max-width:1000px){

button.slick-prev.slick-arrow {
        left: -17px;
    }
	button.slick-next.slick-arrow {
        right: -17px;
    }
    #aro02_prev {
        left: 39px;    top: 25px;
    }
	 #aro02_next {
        right: 39px;    top: 25px;
    }
#ft .ft_logo {width:30%;}
#ft .ft_logo img {width:200px;}
#ft .ft_tex {width:70%;}


/*서브비주얼*/
#sidebar {height:60px;}
#sidebar > div li a {height:60px;line-height:60px;font-size: 16px;}

/* 모바일메뉴 */
#container #content{width:100%;}
#container #content .sConBox{padding:50px 10px 50px; max-width:768px}
#container #content .sConBox .btnPrint{display:none}

.cont_inquiry {height: 240px;}
.cont_inquiry .online_inqu {right: 5%;}

.sConBox {width:100%; margin-top:0px;}


/* 게시판 검색 */
#bo_sch .sch_input{width:60%}

.sct_20 .sct_li {margin:0 3% 30px 0; width:48.5% !important;}
.sct_20 .sct_li:nth-child(3n) {margin-right:3%;}
.sct_20 .sct_li:nth-child(2n) {margin-right:0%;}

/* 상품 상세보기 - 이미지 미리보기 */
#sit_pvi {width:45%;}

/* 상품 상세보기 - 간략정보 및 구매기능 */
#sit_ov {width:50%;}
.sanchor li button{font-size: 16px;padding: 18px 0;}
#sit_title{font-size:22px;padding-bottom: 30px;margin-bottom: 30px;}
#sit_desc{font-size:18px;line-height: 28px;}

#exptime {border-radius:0; border:0; padding:0; }
#khoa {border-radius:0; border:0; padding:0; }

#sitemap > li {width:32%;}


/*견적보기*/
#view_tb1 .title_table {width: 30%;}
.tbl_head01 tbody th{padding:15px;}
#view_tb1 .view_th1{padding:10px;width:150px;font-size: 18px;}
#view_tb1 .view_td1{font-size: 18px;padding:10px;}
/*공지사항 검색*/	
#bo_sch{width: 100%;}

	#sct_ct_1 li {width:33.333%;}

}

@media all and (max-width:950px){
/*갤러리게시판*/
	.sct_10 .sct_li{width:50% !important;}


.sVisual.visual03 { background-position: 52vw bottom;}
.sod_right {clear:both;width:100%;}
.sod_left {width:100%;padding-right: 0;}
#sct_ct_1 li {width: 50%;}
}



@media all and (max-width:800px){
/*메인*/
.banner_inner a img.pc {display:none;}
.banner_inner a img.mo {display:block;}
.outer .buttons {overflow:hidden;margin-bottom:20px;}
.outer button {width: 32%;margin:0;float: left;margin-right: 2%;font-size: 15px;display: block;margin-bottom:2%;}
.outer button:nth-child(3n) {margin-right: 0;}
.outer button:nth-child(3n+1) {clear:both;}
	/*서브메뉴*/
	
#m_sidebar .m_snb {width:50%;min-width: 50%;}
#m_sidebar .home{display:none;}


/*게시판 견적신청*/
.wr_content textarea, .tbl_frm01 textarea, .form_01 textarea, .frm_input{font-size:18px;}
#bo_w .write_div {margin-bottom:15px;font-size:16px;}

/*견적보기*/
#inquiry{width:97%;margin:0 auto;padding:80px 0;}




	.list_02 li{float:left;width:31%; margin:0 1% 1% 1%;}

}

@media all and (max-width:860px){

.mVisual li .txt_box h2 {font-size: 50px;}
.mVisual li .txt_box span {margin-top: 111px;font-size: 26px;}
.mVisual li .txt_box p {font-size:18px;}
.mVisual li .txt_box a {font-size: 16px;}
}

@media all and (max-width:758px){
.header_top {height: 72px;}
#logo {margin-top: 15px;}
#logo a, #logo a img {display: block;height: 40px;}
#tnb {top: 22px; left:0;width:70px;height:70px;}
#header_right {top: 20px;}
.bo_cs {width: 100%;}
.bo_notice {clear:both;width:100%;float:left;margin-top:30px;}
.bo_cs_btn a {font-size: 16px;}
table.review_tb {min-width:750px;}
#sps {width:100%;overflow-y:hidden;overflow-x:scroll;}
.review_mo_message {display:block;padding:10px 0;}
}


@media all and (max-width:700px){
	/*메인*/
.mVisual li a img.pc {display: none;}
.mVisual li a img.mo {display: block; width: 100%;}
#main_container section h2 {font-size: 30px;margin-bottom: 20px;}+
#main_container section, .bottom_container { padding: 50px 0;}
.mVisual .bx-controls {bottom: 50px;}
.mVisual .bx-controls .bx-pager-item a {width: 10px;height: 10px;margin: 0 5px;}
.btnMenuClose {width:70px; height:70px;}
.btnMenuClose:before, .btnMenuClose:after {height:30px;}
button.slick-prev.slick-arrow {left: -2%;}
button.slick-next.slick-arrow {right: -2%;}
#aro02_prev {left: 3%;top: 25px;}
#aro02_next {right: 3%;top: 25px;}
#aro02_prev img, #aro02_next img {height:35px;}
table.orderinquiry_tb {min-width:660px;}
#sod_inquiry {width:100%;overflow-y:hidden;overflow-x:scroll;}
#smb_my_ov .op_area dt {width: 50%;float: left;}
#smb_my_ov .op_area dd {width: 50%;float: left;}
.mobile_messagne {display:block;padding-top:10px;}
}



@media all and (max-width:660px){
#main_con02 li {width:48%;float:left;margin-right:0;}
#main_con02 li:nth-child(4n) {margin-right:0}
#main_con02 li:nth-child(4n+1) {clear:none;}
#main_con02 li:nth-child(3n) {margin-right:0}
#main_con02 li:nth-child(3n+1) {clear:none;}
#main_con02 li:nth-child(2n) {float:right;}
#main_con02 li:nth-child(2n+1) {clear:both;}
#main_con05 .slick-slide h3, .outer .item h3, #main_con02 li a h3 {font-size: 17px;}
#main_con05 .slick-slide p, .outer .item p, #main_con02 li a p {font-size: 17px;}
}
@media all and (max-width:650px){
	
#sct_ct_1 {display:none;}	
.category_ca {display:block;width:100%;margin-bottom:30px;}
.category_ca h2 {font-size:0;width:0;height:0;position:absolute;left:0;top:0;}
.list_nav_wrap {padding:0;overflow-x: scroll;overflow-y: hidden;scrollbar-width: none;-webkit-overflow-scrolling: touch;background-color: #fff;-webkit-transition: padding, position 0.5s ease-in;-o-transition: padding, position 0.5s ease-in;transition: padding, position 0.5s ease-in;}
.list_nav_wrap::-webkit-scrollbar { display: none; }
.list_nav_wrap .nav_scroll_list { width: 100%; overflow-x: visible; white-space: nowrap; }
.list_nav_wrap .nav_scroll_list li {display: inline-block;-webkit-transition: width 0.5s ease;-o-transition: width 0.5s ease;transition: width 0.5s ease;margin-right:10px;}
.list_nav_item { display: inline-block; }
.list_nav_wrap .nav_scroll_list li a {display: block;/*background:#e3e9ef;*/color:#5b626b;font-size:17px;letter-spacing: -1px;padding:12px 10px;line-height: 1;        border-radius: 3px;border: #ddd 1px solid;}
.list_nav_wrap .nav_scroll_list li { display: inline-block;}
.list_nav_wrap .nav_scroll_list li.active a{ background: #1662ac; color: #fff; /*-webkit-box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.1);box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.1);*/}

	/*게시판 견적신청*/
.product_inquiry_wrap .write_div{width:100%;}
#bo_w .write_div{margin-bottom:10px;}
.bo_w_info select{padding: 0 10px;}
.wr_content textarea, .tbl_frm01 textarea, .form_01 textarea, .frm_input{padding: 10px;}
.g-recapt{margin-top:35px;}
.wr_content textarea, .tbl_frm01 textarea, .form_01 textarea, .frm_input{max-height:200px;}
#bo_w .bo_w_flie .file_wr {height:45px;padding: 9px;}
#bo_w .bo_w_flie .lb_icon{height: 43px;line-height: 43px;}

/*제품상세*/
#sit_pvi{width:100%;}
#sit_ov{width:100%;min-height: 180px;}
.sanchor li button{padding: 10px 0;}
.sanchor{margin: 30px 0 15px;}
#sit_inf{margin: 30px 0;}
#sit_title{padding-bottom: 15px; margin-bottom: 15px;}

#ft .ft_cs {width: 100%;}
#ft .ft_bank {float: left;width: 100%;margin: 30px 0 0 0;border-top: 1px solid #404040;padding-top: 30px;}
.ssch_right > div {display:block;}
.ssch_right > div:first-child{margin-bottom:10px;}
#fregister .fregister_agree {position: relative;top: auto;right: auto;padding: 15px;}
}



@media all and (max-width:600px){
.sub_title h1 {font-size: 27px;line-height: 1.0emmargin: 30px 0;}
.t_zzim, .t_my, .t_search {display:none;}
/*게시판 공지사항*/
	#bo_v_title .bo_v_tit{font-size:20px;word-break:keep-all;line-height: 28px;}
	#bo_v_title {margin-bottom: 0;}

	#bo_v_con{min-height: 160px;}
	.bo_v_com {margin: 10px 0;}
	.bo_v_left{margin: 10px 0;}
	.bo_v_nb{margin:0;}
	#bo_sch{width: 100%;}
	#bo_sch .sch_input{width: 58%;padding-left:5px;}
	#bo_sch select {margin: 9px 0px 9px 5px;}
	.tbl_head01 td {padding: 20px 10px;}
	.bo_notice td a{font-size:14px;}
	#bo_list .td_datetime, #bo_list .td_writer{display:none;}
	.tbl_head01 thead th{padding:12px 0;}
#faq_sch .frm_input{width: 189px;}

.wr_content textarea, .tbl_frm01 textarea, .form_01 textarea, .frm_input{font-size: 15px;line-height:24px;}


/*갤러리게시판*/
	.sct_10 .sct_li{width:100% !important;}

/*서브비주얼*/
	#sidebar {height:60px;}
	#sidebar > div li a {height:60px;line-height:60px;font-size: 16px;padding:0 30px;}


	/*개인정보처리방침*/
	.sConBox h2{font-size:22px;margin-bottom:15px;}
	.privateD{padding: 25px;}
	#ssch_cate li {width:25%;}
	#smb_my_ov .op_area dt {width:30%;clear:both;float:left;}
	#smb_my_ov .op_area dd {width:70%;float:right;}
	#smb_my_ovaddd {clear:both;width:100% !important;}
	#smb_my_ov .cou_pt {position: relative;top: auto;right: auto;padding-left: 16px;}
	#sod_inquiry li .idtime_time {display:none;}
	#smb_my_ov .cou_pt dd {width:auto;}
	
	.greetings_mark img {display: block;width: 77%;margin: 0 auto;}

.list_02 li{float:left;width:48%; margin:0 1% 1% 1%;}
}

@media all and (max-width:580px){ 
.top_menu {display:none;}

}
@media all and (max-width:540px){ 
.outer button {width: 48%;float: left;margin-right: 0;    padding: 10px 0;text-align:center;}
.outer button:nth-child(3n) {margin-right: 0;}
.outer button:nth-child(3n+1) {clear:none;}
.outer button:nth-child(2n) {float:right;}
.outer button:nth-child(2n+1) {clear:both;}

}


@media all and (max-width:500px){ 

#header_right {display:none;}
.sod_right {padding:10px;}
#sod_fin .sod_left h3, #sod_frm h2 {font-size: 20px;}
}


 /* Mobile Device */
@media all and (max-width:480px){

#hd .top_login {top: 14px;}
.total_m > ul > li:first-child > ul > li a, .total_m > ul > li > ul > li > a {padding: 12px 20px;}
.aca_list a h3, .aca_list a p {text-align: center;}
#total_m_lay, .total_m > ul > li > ul {padding:0;}
	#sit_ov_btn button {width:calc(50% - 5px);}

.btnMenuClose{background:none;top:0;right:0;}
.m_tnb {display:none;}


#m_sidebar .m_snb .snb_con li a {font-size: 1rem;}

.total_m {clear: both;}
#ssch_cate li {width:50%;}
#ssch_qfrom, #ssch_qto {width:40%;}
#ssch_q {width:100%;}
#ssch_frm .btn_submit {display:block;margin:10px auto 0 auto;}
.visual_title h2 {font-size: 33px;}
.visual_title h3 {font-size: 16px;word-break:keep-all;}
#sct_ct_1 li {width:100%;}
}
@media all and (max-width:452px){
.bo_v_com{float: left;margin: 3px 0 10px;}
.bo_v_com li{margin-left: 0;margin-right: 5px;}
.bo_v_left{margin: 3px 0;}
#faq_sch .frm_input{width: 100px;}
#faq_sch {padding: 23px 0;}
}


@media all and (max-width:400px){
.header_top {height: 66px;}
#logo {float:left;}
#logo a, #logo a img {display: block;height: 36px;}
#tnb {left:auto;right:3%;width:30px;height:21px;top: 19px;}
.t_login {display:none;}
/*모바일메뉴*/
.btnMenuClose:before, .btnMenuClose:after{background-color:#000;}
#main_container section h2 {font-size: 27px;}
#main_container section, .bottom_container {padding: 50px 0;}
.bo_quick li {width:48.5%;float:left;margin-right:0;}
.bo_quick li:nth-child(3n) {margin-right:0;}
.bo_quick li:nth-child(3n+1) {clear:none;}
.bo_quick li:nth-child(3),.bo_quick li:nth-child(4), .bo_quick li:nth-child(5), .bo_quick li:nth-child(6) {margin-top:2%;}
.bo_quick li:nth-child(2n) {float:right;}
.bo_quick li:nth-child2n+1) {clear:both;}

#aro02_prev {left: 3%;top: 16px;}
#aro02_next {right: 3%;top: 16px;}
#aro02_prev img, #aro02_next img {height:30px;}

#smb_my_ov .op_area {padding: 20px 20px 0 20px;}

/*로그인페이지*/
.mbskin{width:94%;}
.mbskin h1{margin: 40px 0 30px;}
#login_fs{padding: 0 45px;}
#mb_login {padding: 80px 0;}

/*게시판 공지사항*/
	.bo_w_info select{ font-size: 16px;}
	.wr_content textarea, .tbl_frm01 textarea, .form_01 textarea, .frm_input { font-size: 16px;}

/*갤러리게시판*/

/*팝업창 모바일*/
.hd_pops_con{width:100% !important;height:100% !important;}
.hd_pops{top: 10px !important;left: 0 !important;}

/*공지사항 검색*/	
#bo_sch select{width: 90px;}
#bo_sch .sch_input {width: 50%;}
.nb_date{display:none;}
.bo_v_nb li{padding: 15px;}
.bo_v_nb li .nb_tit{padding-bottom:5px;}

.display_none{display:none;}

#od_b_zip, #od_b_hp, #od_b_tel, #od_b_name, #od_zip, #od_hp, #od_tel, #od_name, #od_pwd {display:block;width:100%;}
#sod_bsk_act .btn01 {display:block;width:100%;}
#sod_bsk_act .btn_submit {display:block;width:100%;margin-top:10px;}
#sod_bsk #sod_bsk_tot li {width:100%;border-left: none;}
#sod_bsk #sod_bsk_tot li span {display:inline-block; width:30%;   margin: 0 0 0 20px;}
#sod_bsk #sod_bsk_tot li {text-align:left;}
}



@media all and (max-width:370px){
	.tabs li {width:50%;letter-spacing: -1px;}	
	.sct_10 .sct_li {width:100% !important;}

	a.btn01, .btn_admin, a.btn_admin, a.btn_b01, .btn_b01 {padding:5px 5px !important;}

.list_02 li{float:left;width:100%; margin:0 0 1% 0;}
#smb_my_ov .op_area dt {width: 100%;clear: both;float: left;}
#smb_my_ov .op_area dd {width: 100%;clear: both;float: left;}
}


@media all and (max-width:320px){

}


 /* Mobile Device */