
#tnb.adm_tnb {
    display: block;
}
#sidebar > div{width:100%}
 /* PC Device */



@media all and (min-width:1001px){
	/* 전체메뉴 */
	#total_m_lay{display:none;}
}


@media all and (max-width:1700px){
	.pic_wrap {width:100%;}
}

@media all and (max-width:1420px){
    .wrap {width:100%; min-width:320px;padding:0 1.5%; box-sizing:border-box; margin:0 auto;}
	
	/* 메인 */
	#logo {left:2%;}
	#tnb {right:2%;}
	#gnb .gnb_1dli {padding:0 30px;}

	.mVisual, .mVisual .sl {height:700px;}
	.mVisual .txt {padding:0 2%;}
	.mVisual .txt h3 {font-size:58px;}
	.mVisual .txt p {font-size:22px;}
	.slideController {top:-300px}

}

@media all and (max-width:1400px){
	#logo a img {height:50px;}
	#tnb{display:block;}
	#gnb {display:none;}

	#main_con03:after {width:800px; height:700px;}
}

@media all and (max-width:1200px){
	#main_con04 .pro h2 {font-size:28px; padding:30px 0 0 30px;}
	#main_con04 .pro .plus {width:35px; height:35px; right:30px; top:30px;}
}


 /* Tablet Device */
@media all and (max-width:1000px){
	/*메인*/
	#main_container section {margin:80px 0;}
	.main_title h2 {font-size:36px;}
	.main_title p {font-size:18px;}

	#main_container #main_con04 {margin-bottom:0;}
	#main_container #main_con05 {margin:0;}


	/* 모바일메뉴 */
	#container #content .sConBox .btnPrint{display:none}


	.cont_inquiry {height: 240px;}
	.cont_inquiry .online_inqu {right: 5%;}


	.sConBox {width:96%; margin:0 auto;}


	div#bo_list, section#bo_w, article#bo_v,  #smb_my, #sod_fin, #sod_v, #sod_frm, #sod_fin  {width: 96% !important;}
	div#bo_gall, div#sct, #sit  {width: 96% !important; margin:0 auto 0; padding:40px 0 90px;}
	article#bo_v{margin:80px auto 90px;}

	/* 게시판 읽기 */
	#bo_v {padding:20px;}

	/* 게시판 검색 */
	#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: 18px;padding: 18px 0;}
	#sit_title{font-size: 32px;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%;}
}


@media all and (max-width:950px){
	/* 메인 */
	#main_con04 .main_title {margin-top:20%;}
	#main_con04 .pro h2 {font-size:22px;}

	/*갤러리게시판*/
	.sct_10 .sct_li{width:50% !important; }
	.sct_10 .sct_li:nth-child(4n+1){clear:none;}
	.sct_10 .sct_li:nth-child(5){clear:none;}

	.sct_10 .sct_li:nth-child(2n+1){clear:both;}

	.sct_txt a {font-size: 16px; min-height:50px;}
}


@media all and (max-width:800px){
	
	/*메인*/

	/*서브-인사말*/
	.greetings .gree .image{width:100%;float:none;}
	.greetings .gree .text{width:100%;float:none;}
	.greetings h3 {margin-bottom:35px;}
	.greetings .gree .text {padding-top:30px;}
	.greetings p.people {padding-top:35px;}

	.colorchart .chart_img{display:none;}
	.colorchart .chart_img_m{display:block;}


	/*게시판 견적신청*/
	.bo_w_info select{height:45px;}
	.frm_input{height:45px;}
	#bo_w .bo_w_tit #btn_autosave {height:45px; line-height:45px;}
	.wr_content textarea, .tbl_frm01 textarea, .form_01 textarea, .frm_input{font-size:18px;}
	#bo_w .write_div {margin-bottom:15px;font-size:16px;}

	/*퀵메뉴*/
	.click_btn { bottom:60px; }
	.click_btn li.kakao{background:url('/img/main/click_kakao.jpg') center center no-repeat;background-size:cover;height:60px;}
	.click_btn li a{width: 60px;height: 60px;}

	/*견적보기*/
	#inquiry{width:97%;margin:0 auto;padding:80px 0;}
	

}

@media all and (max-width:768px){
	/* 메인 */
	.main_title h2 {font-size:32px;}
	.main_title p {font-size:16px;}

	.mVisual .txt h3 {font-size:48px; margin:15px 0 25px;}
	
	#main_con02 .main_title {width:100%;}
	#main_con02 .txt {width:100%; margin-top:20px;}
	#main_con02 .txt .more_btn {margin-top:20px;}
	
	#main_con03 h2 {padding:100px 0; font-size:28px;}

	#main_con05 .more_btn {top:10px;}
}

@media all and (max-width:700px){
	/*메인*/
	

	/*메인메뉴*/
	
	/*서브비주얼*/

	/*서브-인사말*/
	.greetings  h3 br.none{display:none;}
	.greetings  h3 {font-size: 26px;line-height: 40px;}

	/*서브-컬러차트*/
	.colorchart h2 {font-size: 32px;margin-bottom: 40px;}

	#view_tb1 .view_tr1 {display: flex;flex-wrap: wrap;}
	#view_tb1 .view_th1{width:100%;background: #eee;}
	#view_tb1 .view_td1{width:100%;}
}

@media all and (max-width:680px){
	/* 메인 */
	#main_con05 .flex_wrap > div {padding:20px 15px;}

	/* 서브 */
	#sct_ct_1 li {width:24%;}
	
	.privateD {font-size:15px;}
	.privateD p {font-size:18px;}
	#Agreement {font-size:15px;}
}


@media all and (max-width:650px){
    #sidebar > div li a{padding: 0 40px; min-width: 90px;}
	/*메인페이지*/
	div#bo_gall, div#sct, #sit{padding-top:0}
	/*게시판 견적신청*/
	.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;}
}


@media all and (max-width:600px){
	/* 메인 */
	#main_con06 {padding:70px 0 90px; margin:70px 10px 20px !important; background-size:cover;}
	#main_con06 h2 {font-size:32px;}
	#main_con06 p {font-size:16px;}
	#main_con06 a {font-size:16px; padding:10px 20px; width:160px;}



	/*게시판 공지사항*/
	#bo_v_title .bo_v_tit{font-size:22px;word-break:keep-all;margin:15px 0 0;line-height: 28px;}
	#bo_v_title {margin-bottom: 0;}
	#bo_v{padding: 15px;}
	#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: 25px 15px;}
	.bo_notice td a{font-size:14px;}
	#bo_list .td_datetime{display:none;}
	.tbl_head01 thead th{padding:12px 0;}

	.wr_content textarea, .tbl_frm01 textarea, .form_01 textarea, .frm_input{font-size: 15px;line-height:24px;}
	#bo_w .product_inquiry_wrap .write_div{width: 100%; clear: both; margin-right: 0;}

	/*갤러리게시판*/
	.sct_10 .sct_li{width:100% !important;}

	/*서브비주얼*/
	.sVisual > div p{font-size: 32px;}

	/*서브-오시는 길*/
	.address h2 {font-size:35px;}
	.address h3 a {display:none;}
	.address p{font-size:20px;}

	/*개인정보처리방침*/
	.sConBox h2{font-size:22px;margin-bottom:15px;}
	.privateD{padding: 25px;}
	#sit_inf_explan iframe {width:100% !important; height:100% !important;}

}



 /* Mobile Device */
@media all and (max-width:550px){
	/* 메인 */
	#main_con03:after {width:400px; height:350px; bottom:-20%;}

	/*회원가입*/
	#fregister section{margin-bottom: 65px;}
	#fregister .fregister_agree{top: inherit !important; padding: 10px !important;}

	/*푸터*/
	
	#ft .ft_logo {display:none;}
	#ft .privacy {margin-left:0; width:100%;}
	#ft .privacy li {padding:0 10px;}
	#ft .privacy li a {font-size:16px;}
	
	#ft .ft_tex p {font-size:14px; display:block; margin-right:0; margin-bottom:5px;}
	#ft .ft_tex p img {width:20px;}


	/* 서브 */
	#sct_ct_1 li {width:49%; margin-top:3px;}
}

@media all and (max-width:500px){
	/*메인*/


	/*서브비주얼*/
	.sVisual.visual03{background-position: 35% center;}


	/*서브-컬러차트*/
	.colorchart h2 {font-size: 30px;margin-bottom: 15px;border-bottom:0;word-break:keep-all;}
	.colorchart h2 span{display: block;word-break:keep-all;padding-bottom:20px;}

	/*견적보기*/
	#inquiry{width:97%;margin:0 auto;padding:60px 0;}
	#logo{top:20px}
	#logo a{height:30px;}
	#logo a img{height:30px;width:auto;}
	#hd .btnMenu {height:18px; margin:25px 0;}
	.btnMenu span:nth-of-type(2) {top:8px;}

	.top_youtube {top:20px; right:14%;}
	.top_youtube a {font-size:13px; padding:3px 15px;}
}


@media all and (max-width:480px){
	/*메인*/
	.mVisual, .mVisual .sl {height:540px;}
	.mVisual .txt p {font-size:16px;}
	.mVisual .txt h3 {font-size:34px; letter-spacing:-0.5px; margin:10px 0 45px;}
	.slideController {top:-250px;}
	.youtube {right: 30px;bottom: 30px;}
	.youtube a {padding:10px;}
	.youtube div {width:80px;height:80px;}
	.youtube div:before {width: 80px;height: 80px;}

	#main_con05 .flex_wrap > div {width:100%; margin-bottom:4%;}

	#main_con06 h2 {font-size:26px;}
   
	.address p {font-size:18px;}
	.address ul li{padding: 12px 0;}
	.address ul{margin-top: 12px;}
	.sVisual > div p{font-size:25px}

}

@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;}
}

@media all and (max-width:430px){
	#main_con04 .pro .plus {display:none;}

	#ft .ft_tex{font-size: 12px; }
	#ft .ft_tex .ft_text{line-height: 16px;}
	#ft .ft_tex a{font-size: 12px;}
	#ft .ft_right ul.count{margin-bottom: 0;}
	#ft .ft_right ul.count li{font-size: 12px;}
	#ft .ft_right p{font-size: 12px;}
}

@media all and (max-width:400px){

	/*모바일메뉴*/
	.m_tnb{text-align: left;}
	#total_m_lay{padding: 0 5.5%;}
	.btnMenuClose{background:none;top:0px;right:0px;}
	.btnMenuClose:before, .btnMenuClose:after{background-color:#000;}
	.m_tnb{padding-bottom:20px;}
	.total_m > ul > li{font-size:16px !important;}

	/*메인*/
	
	/*서브-인사말*/
	.greetings  h3 {font-size: 24px;line-height: 38px;}
	.greetings p {font-size:16px;line-height:28px;}

	/*서브-오시는 길*/
	.address h2{font-size:28px;padding:20px 0;margin-bottom:35px;}
	.address h2 span {padding:15px 0;}
	.address p {font-size:16px;}
	.address p img{width:20px;}
	.address b {padding-left:10px;}
	#map_wrap .map{height: 300px !important;}

	/*로그인페이지*/
	.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;}

	/*갤러리게시판*/
	.sct_10 .sct_img > a{height:240px;}

	/*팝업창 모바일*/
	.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;}

	#ft .privacy li{padding-top: 3px;}
	.display_none{display:none;}

	}



@media all and (max-width:370px){
	
	/*메인*/
	
	.main_trend li a img {height: 275px;}
	.sct_10 .sct_li {width:100% !important;}

	/*갤러리게시판*/
	.sct_10 .sct_img > a{height:230px;}
}


@media all and (max-width:356px){
 /*갤러리게시판*/
	.sct_10 .sct_img > a{height:210px;}

}




/*제품소개 반응형 */

@media (max-width : 900px)
{

.product_top_column img{width:calc(100% / 3);}
}


@media (max-width : 770px)
{

	.product_top{flex-direction:column;}
	.product_top > div{width:100%;}
	.product_top > ul{width:100% !important;}
	.product_top > ul > li{width:calc(100% / 2); text-align:center;}
}
@media (max-width : 660px)
{
	.product_top > ul > li{width:calc(100% / 2);}

}
@media (max-width : 550px)
{
.product_top_column_2 img{width:calc(100% / 2);}

}
@media (max-width : 425px)
{
    .product_top > ul > li{font-size:18px;}

}
.resp_400{display:none;}
@media (max-width : 400px)
{
.resp_400{display:block;}

}


/*제품소개 반응형 */

/* 반응형 */
@media screen and (max-width:1400px){
    /* 100% 에서변경됨 2404017오지훈 */
    .tabs > li{padding:15px 20px;}
    .prodcut_table table{font-size:16px;}
}
@media screen and (max-width:1300px){
	.history > section .history_left{width:100%}
	.history > section .history_right{display:none}
	.history > section .history_left .history_ul{ margin-left: auto;}
}



/* @media screen and (max-width:900px)
{
    .product_scroll{overflow-x: auto !important; width:100%; }
    .product_page_align{margin:0 auto;}
} */


@media screen and (max-width:900px){
	/*.history > section .history_left{width:100%;gap:5%}*/
	.history > section .history_left .history_ul{margin-left: 0;}
  

}
@media(max-width:818px)
{
	.history > section .history_left .history_line{display:none !important;}
	.history_ul{width:75%;}
	
}
@media(max-width:730px)
{
	.history_left{flex-direction:column !important; gap:20px !important;}
	.history > section{padding-top:50px;}
	.resc_730{display:none;}
	.history_big_tit h3{width:100%; text-align:left !important;}
    .history_ul {width:100%;}
	.history > section .history_left .history_ul ul > ul li {gap:0; font-size:1.3em;}

}


@media screen and (max-width:650px){
	.tabs{flex-wrap: wrap;}
	.history > section .history_left .history_big_tit{width:100%;}
	.history > section .history_left .history_big_tit h3{font-size:2em}
	.history > section .history_left .history_line{margin-left:3%}
	.history > section .history_left .history_ul{width:100%;}

}

@media screen and (max-width:500px){
	.history > section .history_left .history_ul ul > ul li {gap:0; font-size:1.0em;}
	

}


/* 반응형 */

/*오시는길 반응형 */
@media screen and (max-width:1200px) {
    .map_info dl{width: 100%;}
	.map_info dl{width:100%;border-bottom:1px dotted #555;padding-bottom:20px;}
}

@media screen and (max-width:1100px)
{
	.map_info dl{flex-direction:column; gap:10px;}
	.map_info dl dt{margin:0 auto;}
	.map_info dl dd{text-align:center; margin:0 auto;}
}
@media screen and (max-width:600px){

    .map_info dl {display: flex; flex-direction: column; gap:10px; align-items: flex-start;}
}
@media screen and (max-width:425px){
	.wrap_map{height:300px !important;}
}
/*오시는길 반응형 */ 
/*검사장비*/
@media screen and (max-width:1000px)
{
	.sub0201_align .sub0201bg{display:none;}
	.sub0201_align .prodcut_table{width:100%}


}

/*검사장비*/



/* 영업품목 */

@media screen and (max-width:563px)
{
	.sub0304_table_width{width:500px;}
}

/* 영업품목 */
/* 상품 탭메뉴 */

@media screen and (max-width:900px)
{
	.pro_menu li a {padding:20px 0;}
	.pro_menu li{width:calc(100% / 4);}
}
@media screen and (max-width:600px)
{
	.pro_menu{flex-wrap:wrap;}
	.pro_menu li a {padding:20px 0;}
	.pro_menu li{width:calc((100% - 1px) / 2);}
}

/* 상품 탭메뉴 */



/*푸터*/

@media all and (max-width:1100px){
	#ft .privacy li{padding-right: 25px;}

	#ft .ft_tex{clear: both; width: 100%;}
	#ft .ft_right{clear: both; width: 100%; margin-top: 10px;}
	.sct_txt a {font-size: 17px;}
}
@media all and (max-width:700px){
    #ft .ft_right a{width:40%;}
}
@media all and (max-width:562px){
	div#bo_list, div#bo_gall, section#bo_w, div#sct, div#sit{padding:20px 0 40px !important; }
}


/*서브비주얼*/

@media all and (max-width:1200px){
	#sidebar .snb ul{width:100%;}
}

@media all and (max-width:1000px){
	#sidebar{}
}

@media all and (max-width:800px){
	.sVisual.visual03{background-position: 45% center;}
}

@media all and (max-width:768px){
/* 	#sidebar > div li a{font-size:14px} */
}

@media all and (max-width:700px){
}

@media all and (max-width:400px){
	
}

 

 /*서브-인사말*/
@media all and (max-width:1000px)
{
	.sub01_01_align{flex-direction:column-reverse;}
	.sub01_01_imgbox{width:100%; height:300px;}
	.sub01_01_txtstyle{width:100%;}
	.greetings h3{margin-bottom:50px;font-size:32px;line-height:52px;}
	.greetings p {font-size:18px;line-height:32px;}
	.greetings p.people {padding-top:60px;}

}
@media all and (max-width:565px)
{
	.sub01_01_imgbox{height:200px;}
    .greetings p{font-size:16px;}

}


@media(max-width:818px)/* 회사소개 */
{
	.sub01_01_align{flex-direction:column-reverse !important; gap:30px;}
	.sub01_01_txtstyle{width:100% !important;}
	.sub01_01_imgbox{height:300px; width:100% !important;}
	
}

@media all and (max-width:1050px){
  /*서브-오시는 길*/
	.address ul{display:block;margin-top:15px;}
	.address ul li{display:block;float:none;padding:15px 0;}
	.address h2 {font-size:40px;}
	.address h3 a {font-size:20px;width:230px;}

}


