@charset "utf-8";

/* 새글 스킨 (latest) */


.swiper-pagination-bullet-active{background-color: #57B18B !important;}
.datefood1 > div > .datebox1{background-color: #fff; border: solid 1px #57B18B; height: fit-content; padding: 30px 30px 15px; width: auto; border-radius: 10px; box-shadow: 5px 6px 0px #0000000d; margin: 0 30px;}
.datefood1 > div > .datebox1:nth-child(1){margin-bottom: 15px;}
.datefood1 > div > .datebox1 >  .mflist1{ 
    display: block !important;
    height: 135px !important;
    padding: 15px 0 0;
}
.datefood1 > div > .datebox1 >  .mflist1 > div > div.swiper-slide > div{font-size: 16px; color: #8c8c8c; padding: 10px 0;}
.datefood1 > div > .datebox1 >  .mflist1 > div > div.swiper-slide > div:nth-child(1){border-bottom: dotted 1px #57B18B;}
.datefood1 > div > .datebox1 >  .mflist1 > div > div.swiper-slide > div > span{
    font-size: 16px;
    font-weight: bolder;
    color: #268d62;
    display: inline-block;
    padding-right: 10px;
 }

.date1{font-size: 1rem; font-weight: bold; }
.date1 > span.sktt{background-color: #57B18B; color: #fff; padding: 5px 10px; border-radius: 50px;}
.date1 > span:nth-child(2){float: right;}

@media (max-width: 768px){
  
}

@media (max-width: 480px){
    .datefood1{margin: 15px;}
    .datefood1 > div > .datebox1{margin: 0;         padding: 30px 15px 15px;}

}




@media (max-width: 320px) {

    .datefood1{margin: 0 5px;}
    .datefood1 > .flexbox > div{width: calc(100% / 5); }
    .datefood1 > .flexbox > .datebox1 > .date1{width: 45px; height: 45px; padding: 0; line-height: 45px;     margin: 0 auto;}
    
    
}