@media (max-width:800px) { /* 모바일용 */

.pc { display:none !important; }

.wrap { width:94%; }

    

/* header footer */

html.fix { overflow: hidden; }    

html.fix #w_header { height:100%; }

#w_header { transition:none; background: rgba(0,0,0,0.8);}

#w_header h1 { padding-top: 17px; }

#w_header h1 img { height:30px; }

#w_header nav { position: fixed; right:-100%; top:64px; height:calc(100% - 64px); width:100%; background: #000; padding:60px 40px; box-sizing: border-box; transition:0.3s; }

#w_header nav.on { right:0; }

#w_header #w_gnb { position: static; text-align: center; }

#w_header.on #w_gnb { height:auto;  }

#w_header #w_gnb > li { float:none; margin-right:0; border-bottom:1px solid #666; padding:10px; }

#w_header #w_gnb > li:last-child { border-bottom: none; }

#w_header #w_gnb > li > a { font:22px nseb; display: block; }

#w_header #w_gnb .sm { padding:10px 0 0; position: static; display:none; }

#w_header #w_gnb .sm li { padding:8px 0;  }

#w_header #w_gnb .sm li a { font:18px nsb; }



#nav_btn { position:absolute; right:0; top:11px;  }

#nav_btn .line{  width: 40px; height: 1px; background-color: #ccc; display: block; margin: 10px auto; transition: all 0.3s ease-in-out;}

#nav_btn.act .line:nth-child(2){ opacity: 0;}

#nav_btn.act .line:nth-child(1){ transform: translateY(11px) rotate(45deg);}

#nav_btn.act .line:nth-child(3){ transform: translateY(-11px) rotate(-45deg);}

    

#w_footer { height:360px; padding-top:60px; background:none; position: relative; }

#w_footer:after { content:""; width:100%; height:100%; position:absolute; background: url(/images/bg_footer.jpg) no-repeat right bottom/cover; lefT:0; top:0; z-index:-1; transform:scaleX(-1); }

#w_footer address { width:100%; float:none; font:normal 14px/1.6 nsb; border-top:none; }
	
#w_footer address p { margin:20px 0 15px; }

#w_footer address span { font:normal 13px/1.6 nsb; }

#w_footer .wrap div { width:100%; float:none; border-top:none; padding-top: 0; }

#w_footer .wrap div p { margin-top: 30px; }



/* index */

#w_main { background: url(/images/bg_main.jpg) no-repeat left center/cover;  }

#w_main .wrap { height:400px; padding-top: 100px; }

#w_main p { font:16px nseb; color:#78b12f; } 

#w_main span { margin:20px 0 40px; font:24px/1.4 nsr; }

#w_main a { width:160px; height:40px; }



#w_prd { margin-top: 40px; word-break: keep-all;}

#w_prd p { font:24px nseb;  }

#w_prd span { font:14px/1.6 nsr; }

#w_prd ul { margin-top: 60px; }

#w_prd ul li { width:auto; height:auto; float:none; margin-right: 0; padding: 40px 16px; margin-bottom:30px; }

#w_prd ul li figure img { height:50px; }

#w_prd ul li dl dt { height:auto; margin-bottom:40px; }

#w_prd ul li dl dt strong {font:28px nseb; }

#w_prd ul li dl dd { font:14px/1.6 nsr; }

#w_prd ul li a { position: static; display: inline-block; margin-top: 30px; }

#w_prd ul li a:after { width:8px; height:8px; content:""; display: inline-block; border:1px solid #fff; border-left-color:rgba(0,0,0,0); border-bottom-color:rgba(0,0,0,0); transform: rotate(45deg); margin-left:4px; }



#w_bnr .wrap { height:auto; padding: 140px 0 100px; }

#w_bnr .wrap img { height:40px; }

#w_bnr .wrap p { font:24px/1.4 nseb; margin:40px 0 20px; }

#w_bnr .wrap span { font:14px/1.6 nsb; word-break: keep-all; }



#w_latest { padding: 40px 0; }

#w_latest article { width:auto; margin-right: 0; float:none; margin-bottom:30px; }

#w_latest ul { margin-top: 10px; }

#w_latest .lat_title { font:20px nseb; }

#w_latest .lat li a { font:14px nsb; }

#w_latest .tel { float:none; margin-top: 60px; width:auto; text-align: center; }

#w_latest .tel a:last-of-type { margin:0 auto; }

#w_latest + #w_footer { margin-top: 40px; }

    

/* sub layout */

.sv { height:200px; padding-top: 39px; display:flex; align-items: center; justify-content: center; }

.sv p { font:28px nseb; }

.w_cate { border-radius: 25px; border:1px solid #78b12f; overflow: hidden; background: #fff; position: absolute; margin-top:0; width:94%; left:3%; top:175px; z-index:1; }

.w_cate:before { height:50px; color:#fff; display: block; font:18px/50px nseb;  padding:0 50px; box-sizing: border-box; background:#78b12f; }

.w_cate:after { content:"▼"; color:#fff; position: absolute; right:50px; top:16px; }

.w_cate li { float:none; text-align: left; display:none; width:100% !important; }

.w_cate li a {font:16px/49px nseb;  border-right:none; display:block; padding:0 50px; color:#666; border-bottom:1px solid #f1f1f1;}

.w_cate li:last-child a { border-right:none; border-bottom:none; }



h6 { font:16px nseb; color:#78b12f; border-top:1px solid #78b12f; padding: 14px 0 16px; }

h6 + .w_title { font:30px nseb; color:#333; margin-bottom:60px; }

h6 + .w_title span { font:16px nsr; color:#666; margin-left:40px; position: relative; top:4px;}



/* sub1 */

#w_cate1:before { content:"CEO GREETING";  }

#w_cate1.c1:before { content:"CEO GREETING"; }

#w_cate1.c2:before { content:"HISTORY"; }

#w_cate1.c3:before { content:"CERTIFICATION"; }

#w_cate1.c4:before { content:"MAP"; }





#sub1_1 > .wrap > div { padding-top: 100px; }

h6 + .w_title { font-size:24px; line-height:1.4;  word-break: keep-all; }

h6 + .w_title span { display:block; font:14px nsr; margin-left:0; top:8px;}

#sub1_1 #cont1 article:first-of-type { border:4px solid #ddd; border-radius: 25px; width:calc(100% - 10px); float:none; }

#sub1_1 #cont1 article figure { width:100%; height:220px; position: relative; top:-14px; right:-14px;  }

#sub1_1 #cont1 article:last-of-type { float:none; width:auto; font:14px/1.6 nsb; margin-top:30px; }



#sub1_1 #cont2 #w_history { margin-left:3%; width:97%; position: relative; padding-left:26px; }

#sub1_1 #cont2 #w_history > li > p { font:24px nseb; }

#sub1_1 #cont2 #w_history > li > p:before { left:-31px; }

#sub1_1 #cont2 #w_history ul li { font:14px/1.6 nsb; margin-top:18px; word-break: keep-all; position: relative; padding-left:30px; }

#sub1_1 #cont2 #w_history ul li:before { left:-31px; }

#sub1_1 #cont2 #w_history ul li span { width:30px; font:15px nseb; position:absolute; left:0; top:3px;}


#sub1_1 #cont3 p i { margin-left:0;}
	
#sub1_1 #cont3 .w_aw2 { margin-top:50px; }
	
#sub1_1 #cont3 ul { margin-left:0; width:auto; }

#sub1_1 #cont3 ul li { float:left; width:48%; margin-right:4%; margin-bottom:0; }

#sub1_1 #cont3 ul li:nth-child(2n) { margin-right: 0; margin-bottom:40px; }

#sub1_1 #cont3 ul li p { font:14px nsb; }
	


#sub1_1 #cont3 ul li span { font:15px nseb; margin:10px 0 14px; }

#sub1_1 #cont3 ul li img { width:100%; }


#sub1_1 #cont4 img { margin-left:0px; width:100%; }
	

#sub1_1 #cont5 > div { width:auto; margin-left:0; }

#sub1_1 #cont5 iframe { height:200px; }

#sub1_1 #cont5 table th { width:80px; font:14px nsb; }

#sub1_1 #cont5 table td { padding:10px 20px; font:14px/1.6 nsr; word-break: keep-all; }

   

/* sub2 */    

#w_cate2:before { content:"의약품"; }

#w_cate2.c1:before { content:"의약품"; }

#w_cate2.c2:before { content:"보조사료"; }

#w_cate2.c3:before { content:"농업용 비료"; }

#w_cate2.c4:before { content:"조달청 등록제품"; }



#sub2_1 .sicon { height:30px; }

#sub2_1 .w_title { font:24px nseb; }

#sub2_1 .w_ment { font:14px/1.6 nsb; word-break: keep-all; }    



/* sub3 */    

#w_cate3:before { content:"공지사항"; }

#w_cate3.c1:before { content:"공지사항"; }

#w_cate3.c2:before { content:"제품문의"; }
	
	
#w_cate3_2:before { content:"제품문의"; }

#w_cate3_2.c1:before { content:"제품문의"; }

#w_cate3_2.c2:before { content:"공지사항"; }
	

	
	
#sub3_1 .m_cont1 { margin:10px 0 20px; }
#sub3_1 .m_cont1 li a { font:20px/24px nseb; } 
#sub3_1 .m_title { font:24px nseb; position:static; margin-bottom:60px;}

    

#sub3_2 table th { width:110px; padding:0 0 0 20px; font:14px nseb; }

#sub3_2 table th label { position: relative; }

#sub3_2 table td input, #sub3_2 table td textarea { font:14px nsr; }
	
#sub3_2 ul { margin:10px 0 20px; }
#sub3_2 ul li a { font:20px/24px nseb; } 
#sub3_2 .w_title { font:24px nseb; position:static; margin-bottom:60px;}



    

    



/* sub4 */    

#w_cate4:before { content:"제품 카달로그"; }

#w_cate4.c1:before { content:"제품 카달로그"; }

#w_cate4.c2:before { content:"제품 관련정보"; }



/* 그누보드 */        

.td_name, .td_num { display: none; }

#bo_list .tbl_head01 thead th, #bo_list .tbl_head01 td { font-size:13px; }

#bo_list .tbl_head01 a { font-size:13px; line-height:1.2; word-break: keep-all; }

#bo_v_title .bo_v_tit { font-size:18px; word-break: keep-all; }

.w_mm { height:auto; overflow:visible; }
.over.on { display: none; }
#bo_gall .gall_li { margin-bottom: 40px; }    
    
    #sch_res_detail { padding:20px 0 0; }    
    #sch_res_detail select { width:50%; float:left;  }
    #sch_res_detail .frm_input { width:100%; }

}



@media (min-width:801px) { /* PC용 */

.mob { display:none !important; }



}