@charset "UTF-8";
@import url("/_templet3/css/sub.css");
/*-------------------------------------------------
title       : 콘텐츠
Author      : ㅈㅁㅈ
Create date : 2019-08-08
-------------------------------------------------*/
.img3 ul { width: calc(100% + 1.3rem); }

.img3 ul li { width: calc(33.33% - 1.3rem); margin-right: 1.3rem; float: left; }

.img3 ul:after { content: ''; display: block; clear: both; }

.img4 { margin-top: 1rem; }

.img4 ul { width: calc(100% + 1.9rem); }

.img4 ul li { width: calc(25% - 1.9rem); margin-right: 1.9rem; float: left; margin-bottom: 1rem; }

.img4 ul li p { color: #555; font-size: .8rem; font-weight: 500; padding-top: .5rem; }

.img4 ul:after { content: ''; display: block; clear: both; }

@media (max-width: 1024px) { .img4 ul { width: calc(100% + .5rem); }
  .img4 ul li { width: calc(33.33% - .5rem); margin-right: .5rem; } }

@media (max-width: 768px) { .img3 ul { width: calc(100% + .2rem); }
  .img3 ul li { width: calc(33.33% - .2rem); margin-right: .2rem; }
  .img4 ul li { width: calc(50% - .5rem); }
  .img4 ul li p { font-size: .7rem; } }

/*-------------------------------------------------
title       : 서브
Author      : ㅈㅁㅈ
Create date : 2019-10-15
-------------------------------------------------*/
#snb .title { background: url("/biofood/img/sub/snb.jpg") no-repeat; }

@media (max-width: 1280px) { #snb .title { background-size: cover; } }