/*---------------------------------------------------basic--------------------------------------------------*/
		
			/* reset-css  */
			/* 요소(element) 여백 초기화  */
			*{margin:0;padding:0;}
			/* 제목요소 */
			h1, h2, h3, h4, h5, h6 { font-size:100%;   font-weight:normal;} 
			/* 테두리 없애기 */
			fieldset, img, abbr,acronym { border:0 none; } 
			/* 목록 */
			 ul { list-style:none; }
			/* 테이블 - 마크업에 'cellspacing="0"' 지정 함께 필요 */
			table {border-collapse: separate;border-spacing:0;border:0 none;}
			caption, th, td {text-align:left;font-weight: normal;}
			/* 텍스트 관련 요소 초기화 */
			address, caption, strong, em, cite {font-weight:normal;font-style:normal;}
			ins { text-decoration:none; }
			del { text-decoration:line-through; }
			/* 인용문 */
			blockquote:before, blockquote:after, q:before, q:after { content:""; }
			blockquote,q { quotes:"" ""; }
			/* 수평선*/
			hr { display:none; }
			/* reset-css  */
			*{margin:0px; padding:0px; -webkit-box-sizing: border-box;
 			-moz-box-sizing: border-box; box-sizing: border-box;}
 			/*보더와 패딩을쓸때(마진아님) 위드스값에 포함시켜서 별도의계산없이 편하게쓸수있음*/
 			

					.hide{display:none;}
					a{text-decoration:none;color:#000000;}
					li{list-style:none;}
					.block{display:block;}
					.border_right_none{border-right:0px solid #fff;}
					.border_left_none{border-left:0px solid #fff;}
					.border_top_none{border-top:0px solid #fff;}
					.border_bottom_none{border-bottom:0px solid #fff;}
					.border_none{border:0px solid #fff;}
					
					/*전체*/
					
					.inline{
						display: inline-block;
						*display: inline;
						*zoom:1;
						}


					body {
						overflow-y:scroll;
						font-family:"NanumBarunGothic", "나눔바른고딕";
						font-size:100%;
						line-height: inherit;
						color: #000; background:#363636;
						}



/*---------------------------------------------------basic-end----------------------------------------------*/



/* @font-face{
  font-family:"NanumBarunGothic"; 
  src:url("/css/fonts/NanumBarunGothic.eot");
  src: url("/css/fonts/NanumBarunGothic.eot') format('embedded-opentype'),
      url("/css/fonts/NanumBarunGothic.woff")format("woff"),
	  url("/css/fonts/NanumBarunGothic.ttf")format("truetype");
} */

@font-face{
  font-family:"NanumBarunGothic"; 
  src:url("/css/fonts/NanumBarunGothic.eot");
  src:local(※), url("/css/fonts/NanumBarunGothic.woff")format("woff");
}

/*-----------font----------------------------------------------------------------------------------------*/






		   .container{
		   margin: 0 auto;
		   max-width: 1900px;
		   margin-top:50px;
		   display: block;
		   }
.conwrap{width:67%;
		 margin:0 auto;}

.topline{position:relative; background:#fafafa; width:100%; padding-top:5px; padding-bottom:5px; border-bottom:1px solid #E2E2E2;}
.topline div{width:67%; margin:0 auto; background-repeat:no-repeat; background-position:0% 0%;}
.topline p{font-size:13px; color:#292929;;}
.topline p a{color:#5C5C5C;}
.topline p a:hover{color:#BE0445;}
.topline p span{font-size:8px; padding:0 5px;line-height:2.2em; }
.topline p .r_txt{color:#BE0445;}


.de_top{width:100%;
		max-height:483px;
		overflow:hidden;
		float:left;
		position:relative;
		/*height:482px;
		background:url('images/de_banner.jpg');
		background-repeat:no-repeat;
		background-size:cover;
		padding-left:54px;*/
		}
.de_top div{width:100%;
			float:left;
			}

.de_top div img{max-width:100%;
		       display:block;
                       margin:0 auto;
				}

/*.de_top h2{font-size:55px;
		   color:#fff;
		   font-weight:lighter;
		   padding-top:63px;
		   padding-left:54px;
		   position:absolute;
		   z-index:10;
		   }
.de_top p{font-size:16px;
		  font-weight:lighter;
		  color:#fff;
		  width:325px;
		  padding-left:54px;
		  position:absolute;
		  top:135px;
		  z-index:10;
		  }*/


.de_list ul{margin:0 auto;
	       text-align:center;
	       }

.de_list{width:100%;
		 float:left;
		 /*margin-top:8.5%;*/
                 margin:50px 0;
		 /*height:150px;*/
                 height:auto;
		 }
.de_list ul li:first-child{border:0px solid #fff;}

.de_list ul li{width:16%;
			   text-align:center;
			   /*height:90px;*/
			   display:inline-block;
			   /*border-left:1px solid #e1e1e1;*/
			   position:relative;
			   }

.de_list ul li a {width:1%;
				 /* height:210px;*/
				  display:table-cell;
				  vertical-align:bottom;
				  position:relative;
				  /*top:-40px;*/
				  }

.de_list ul li a img{padding-bottom:20px;
                     width:132px; }

.de_list_line{display:none;}


			   position:relative;
			  bottom:-20px;
			   }

.de_list ul li a {width:1%;
				 height:210px;
				  display:table-cell;
				  vertical-align:bottom;
				  position:relative;
				top:-60px;
				  }

.de_list ul li a img{padding-bottom:20px;
                          width:80%;
					 }


.de_list_line{width:1px;
			  background:#e1e1e1;
			  height:97px;
			  float:left;
			  text-indent:-9999px;
			  position:relative;
			  top:45px; display:none;
			  }

.de_list span:nth-child(12){display:none;}


*/

.de_list ul li a:hover span{color:#be0445;}
.de_list ul li a span{display:block;
					  /*font-weight:bold;*/
					  font-size:20px;}


/*  업소용냉장고(8개) */
.de_list2 ul{margin:0 auto;
	       text-align:center;
	       }

.de_list2{width:100%;
		 float:left;
                 margin:50px 0;
                 height:auto;
		 }
.de_list2 ul li:first-child{border:0px solid #fff;}

.de_list2 ul li{width:10.4%;
			   text-align:center;
			   display:inline-block;
			   position:relative;
			   }


.de_list2 ul li a img{padding-bottom:20px;
                     width:132px; }


			   position:relative;
			  bottom:-20px;
			   }

.de_list2 ul li a {width:1%;
				 height:210px;
				  display:table-cell;
				  vertical-align:bottom;
				  position:relative;
				top:-60px;
				  }

.de_list2 ul li a img{padding-bottom:20px;
                          width:80%;
					 }

.de_list2 ul li a:hover span{color:#be0445;}
.de_list2 ul li a span{display:block;
					  font-size:20px;}

/*----업소용냉장고(8개) */

/*  계절제품(7개) */
.de_list3 ul{margin:0 auto;
	       text-align:center;
	       }

.de_list3{width:100%;
		 float:left;
                 margin:50px 0;
                 height:auto;
		 }
.de_list3 ul li:first-child{border:0px solid #fff;}

.de_list3 ul li{width:13.8%;
			   text-align:center;
			   display:inline-block;
			   position:relative;
			   }


.de_list3 ul li a img{padding-bottom:20px;
                     width:132px; }


			   position:relative;
			  bottom:-20px;
			   }

.de_list3 ul li a {width:1%;
				 height:210px;
				  display:table-cell;
				  vertical-align:bottom;
				  position:relative;
				top:-60px;
				  }

.de_list3 ul li a img{padding-bottom:20px;
                          width:80%;
					 }

.de_list3 ul li a:hover span{color:#be0445;}
.de_list3 ul li a span{display:block;
					  font-size:20px;}
/*----계절제품(7개) */


#content_tbl{width:100%;
			 float:left;
			 /*margin-top:72px;*/
                         /*margin-top:35px;*/
			 }

.border_bottom{width:100%;
			   border-bottom:2px solid #4c4c4c;
			   padding-bottom:10px;
			   float:left;
			   position:relative;
			   }

.border_bottom h3{font-size:20px;
				  font-weight:bold;
				  position:absolute;
				  bottom:10px;
				  }

.border_bottom a{float:right;
				 width:115px;
				 height:31px;
				 border:1px solid #252525;
				 }
.border_bottom a span{width:115px;
					  height:31px;
					  display:table-cell;
					  vertical-align:middle;
					  text-align:center;
					  font-size:13px;
					  }



.de_table{width:100%;
		  float:left;
		  border-left:1px solid #c6c6c6;
		  margin-top:28px;
		  margin-bottom:110px;
		  }

.column{width:25%;
		float:left;
		height:459px;
		/*padding:20px;*/
		border-right:1px solid #c6c6c6;
		border-bottom:1px solid #c6c6c6;
		position:relative;
		overflow:hidden;
		}

.column_img img{/*height:160px;*/height:180px;}

.column p,.column ul{margin:0 20px;}

.column:nth-child(1){border-top:1px solid #c6c6c6;}

.column:nth-child(2){border-top:1px solid #c6c6c6;}

.column:nth-child(3){border-top:1px solid #c6c6c6;}

.column:nth-child(4){border-top:1px solid #c6c6c6;}


.column_img{text-align:center;
			margin-bottom:15px;
			float:left;
			width:100%;
			margin-top:20px;}


.column p{font-size:20px;}
.column p span{display:block;
			   font-size:13.16px;
			   margin-top:8px;
			   }
.de_line{width:24px;
		 height:2px;
		 background:#252525;
		 text-indent:-9999px;
		 /*margin:17px 20px;*/
                 margin:10px 20px;
		 }

.column ul{width:100%;
		   float:left;
		  /*margin-bottom:30px;*/}

.column ul li{font-size:14px;
			  color:#696969;
			  margin:4px 0;
			  }



.column a{width:100%;
		  height:36px;
		  position:absolute;
		  text-align:center;
		  bottom:15px;
		  left:0px;
		  
		  }
.column a span{
			   width: 180px;
			   height: 34px;
			   margin:0 auto;
			   display:block;
			   line-height: 2.5em;
			   background: #e2e2e2;
			   text-align:center;
			   font-size:14px;
			   color: #252525;
			   font-weight:bold;
			   border: 2px solid #fff;
			   }


.more_view{display:block;
		   margin:0 auto;
		   width:135px;
		   height:32px;
		   border:1px solid #e1e1e1;
		   font-weight:bold;
		   font-size:15px;
		   color:#858585;
		   background:#fff;
		   }

/* paging */
.paginate{padding:15px 0;text-align:center}
.paginate a,.paginate strong{display:inline-block;_position:relative;margin-left:-7px;padding:3px 8px 1px 7px;border-right:1px solid #ccc;border-left:1px solid #ccc;background:#fff;color:#313031;font-family:'돋움',Dotum,'굴림',Gulim, AppleGothic, Sans-serif;font-size:12px;font-weight:bold;line-height:normal;text-decoration:none}
.paginate strong{color:#C70C47 !important}
.paginate a:hover{background:#f7f7f7}
.paginate a.pre{padding:3px 8px 1px 16px;border:none;background:url(http://static.naver.com/common/paginate/bu_pg1_l1.gif) no-repeat 8px 6px !important;font-weight:normal}
.paginate a.pre_end{padding:3px 8px 1px 16px;border:none;border-right:1px solid #ccc;background:url(http://static.naver.com/common/paginate/bu_pg1_l2.gif) no-repeat 4px 6px !important;font-weight:normal}
.paginate a.next{padding:3px 16px 1px 8px;border:none;background:url(http://static.naver.com/common/paginate/bu_pg1_r1.gif) no-repeat 37px 6px !important;font-weight:normal}
.paginate a.next_end{padding:3px 16px 1px 8px;border:none;/* border-left:1px solid #ccc; */ background:url(http://static.naver.com/common/paginate/bu_pg1_r2.gif) no-repeat 37px 6px !important;font-weight:normal}
.bo_subject {width: 400px;white-space: nowrap;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis; text-align: left;vertical-align: top;}


#top_btn{width:100%;
		 float:left;;}




/*line-공통*/

.group_botline{width:100%;
			   float:left;
			   margin-top:30px;
			  /* border-top:1px solid #c4c4c4;*/
			   text-indent:-9999px;
			   }


/*section*/


/*---------------------------------------------------------------------------------------------------------------------*/



/*media query*/









@media screen and (min-width:320px) and (max-width:660px) {

.border_bottom a{margin-right:4%;}
.topline div{width:96%;
			 margin-left:4%;}
.conwrap{width:100%;
		 float:left;}
.container{width:100%;}

.de_list ul li span{font-size:11px!important;}




.de_list ul li a img{width:90px;}
.de_list{ height:auto!important; /*margin-top:15%;margin-bottom:1%; margin-top:0px!important;*/  margin:30px 0; }
.de_list ul li{/*height:150px;*/margin:10px 0;
			   width:48%!important;
			   float:left; border:0px solid #fff;}
.de_list ul li a{/*top:-20px;border-left:1px solid #e1e1e1;*/}


/*  업소용냉장고(8개) */
.de_list2 ul li span{font-size:11px!important;}
.de_list2 ul li a img{width:90px;}
.de_list2{ height:auto!important; /*margin-top:15%;margin-bottom:1%; margin-top:0px!important;*/  margin:30px 0; }
.de_list2 ul li{/*height:150px;*/margin:10px 0;
			   width:33.3%!important;
			   float:left; border:0px solid #fff;}
.de_list2 ul li a{/*top:-20px;border-left:1px solid #e1e1e1;*/}
/*----업소용냉장고(8개) */

/*  계절제품(7개) */
.de_list3 ul li span{font-size:11px!important;}
.de_list3 ul li a img{width:90px;}
.de_list3{ height:auto!important; /*margin-top:15%;margin-bottom:1%; margin-top:0px!important;*/  margin:30px 0; }
.de_list3 ul li{/*height:150px;*/margin:10px 0;
			   width:33.3%!important;
			   float:left; border:0px solid #fff;}
.de_list3 ul li a{/*top:-20px;border-left:1px solid #e1e1e1;*/}
/*----계절제품(7개) */


#content_tbl{margin-top:0px!important;}
h3{padding-left:4%;}

.column{width:100%;
		float:left;
		height:444px;
		/*padding:20px;*/
		border-right:1px solid #c6c6c6;
		border-bottom:1px solid #c6c6c6;
		position:relative;
		overflow:hidden;
		}

.column:nth-child(2){border-top:0px solid #ccc;}

.column:nth-child(3){border-top:0px solid #ccc;}

.column:nth-child(4){border-top:0px solid #ccc;}



#top_btn a{margin-right:4%;}
.group_botline{margin-top:10px;}

}

@media screen and (min-width:661px) and (max-width:960px) {

.conwrap{width:100%; margin-top:95px!important;}
#content_tbl{padding:0 4%;}



.de_list{/*height:340px!important;*/ margin:30px 0;}
.de_list ul li a img{width:90px;}
.de_list{/*margin-top:10%;*/ height:auto!important; /*margin-bottom:1%;*/}
.de_list ul li{/*height:150px;*/
                     margin:10px 0;
			   width:33.3%;
			   float:left; border:0px solid #fff;}
.de_list ul li a{top:-20px;/*border-left:1px solid #e1e1e1;*/}


.column{width:50%;
		float:left;
		height:459px;
		/*padding:20px;*/
		border-right:1px solid #c6c6c6;
		border-bottom:1px solid #c6c6c6;
		position:relative;
		overflow:hidden;
		}
.column p{font-size:18px!important;}

#top_btn{margin-top:10px;}
#top_btn a{margin-right:4%;}

.column:nth-child(2){border-top:1px solid #c6c6c6;}
.column:nth-child(4){border-top:0px solid #fff;}
.column:nth-child(3){border-top:0px solid #fff;}
			   
}



@media screen and (min-width:961px) and (max-width:1300px) {



.column{width:33.3%;}
.column p{font-size:18px!important;}


.column p{font-size:18px!important;}
.column ul{margin-bottom:15px;}




.de_list ul li a img{width:90px;}
.de_list{/*margin-top:10%;*/}
.de_list ul li{/*height:60px;*/}
.de_list ul li a{/*top:-20px;*/}

.de_list ul li a:hover span{color:#be0445;}
.de_list ul li a span{display:block;
					  /*font-weight:bold;*/
					  font-size:15px;}



.column:nth-child(4){border-top:0px solid #fff;}


}

@media screen and (min-width:1301px) and (max-width:1600px) {





.de_list ul li a:hover span{color:#be0445;}
.de_list ul li a span{display:block;
					  /*font-weight:bold;*/
					  font-size:15px;}




/*  업소용냉장고(8개) */
.de_list2 ul li a:hover span{color:#be0445;}
.de_list2 ul li a span{display:block;
					  /*font-weight:bold;*/
					  font-size:15px;}
/*----업소용냉장고(8개) */

/*  업소용냉장고(7개) */
.de_list3 ul li a:hover span{color:#be0445;}
.de_list3 ul li a span{display:block;
					  /*font-weight:bold;*/
					  font-size:15px;}
/*----업소용냉장고(7개) */


}





@media screen and (min-width:661px) and (max-width:1300px) {



/*  업소용냉장고(8개) */
.de_list2{/*height:340px!important;*/ margin:30px 0;}
.de_list2 ul li a img{width:90px;}
.de_list2{/*margin-top:10%;*/ height:auto!important; /*margin-bottom:1%;*/}
.de_list2 ul li{/*height:150px;*/
                     margin:10px 0;
			   width:20%;
			   float:left; border:0px solid #fff;}
.de_list2 ul li a{top:-20px;/*border-left:1px solid #e1e1e1;*/}
.de_list2 ul li a span{font-size:16px;}
/*----업소용냉장고(8개) */

/*  업소용냉장고(7개) */
.de_list3{/*height:340px!important;*/ margin:30px 0;}
.de_list3 ul li a img{width:100px;}
.de_list3{/*margin-top:10%;*/ height:auto!important; /*margin-bottom:1%;*/}
.de_list3 ul li{/*height:150px;*/
                     margin:10px 0;
			   width:20%;
			   float:left; border:0px solid #fff;}
.de_list3 ul li a{top:-20px;/*border-left:1px solid #e1e1e1;*/}
.de_list3 ul li a span{font-size:16px;}
/*----업소용냉장고(7개) */


}