@charset "utf-8";

/* list 시작 */
#bo_list{}
#bo_list #bo_gallery{}
#bo_list #bo_gallery ul{display: flex;align-items: center;gap: 50px;flex-flow: row wrap;}
#bo_list #bo_gallery ul li{width: calc(33.333333% - 34px);height: auto;position: relative;top: 0;left: 0;cursor: pointer;overflow: hidden;}
#bo_list #bo_gallery ul li .chk-box{position: absolute; top: 5px; left: 10px; width: 20px; height: 20px; z-index: 3;}
#bo_list #bo_gallery ul li .chk-box input{width: 100%;height: 100%;}
#bo_list #bo_gallery ul li .img_wrap{width: 100%;height: auto;aspect-ratio: auto 1 / 0.7;background-repeat: no-repeat;background-size: cover;background-position: center;position: relative;top: 0;left: 0;}
#bo_list #bo_gallery ul li .img_wrap .tag{position: absolute; bottom: -35px; right: 35px; width: 70px; height: auto; aspect-ratio: auto 1 / 1; border-radius: 50px; display: flex ;justify-content: center;align-items: center;background: #7a7a7a;color: #fff;font-family: var(--font-su) !important;font-weight: 600;box-shadow: 3px 3px 3px #0000009e;font-size: var(--font-18);}
#bo_list #bo_gallery ul li .img_wrap .tag.ing{background: #ffd900;}
#bo_list #bo_gallery ul li .img_wrap .tag.ings{background: #ce0e2d;}
#bo_list #bo_gallery ul li .text_wrap{}
#bo_list #bo_gallery ul li .text_wrap p{font-size: var(--font-20); font-family: var(--font-su) !important; font-weight: 600; margin: 50px 0 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%;}
#bo_list #bo_gallery ul li .text_wrap span{font-size: var(--font-18); color: #7a7a7a;}

.pagination{margin-top: 80px;}
.pagination li.page-first,
.pagination li.page-last{display: none;}
.pagination li.page-item{}
.pagination li.page-item a.page-link{background-color: unset !important; border: unset !important; color: #7E7E7E !important; font-size: var(--font-18) !important; padding: 0; width: 30px; height: 30px; text-align: center; line-height: 30px;}
.pagination li.page-item.active a.page-link{color: #006241 !important;}

@media screen and (max-width:1200px){
	#bo_list #bo_gallery ul{gap: unset;column-gap: 20px; row-gap: 50px;}
	#bo_list #bo_gallery ul li{width: calc(33.333333% - 14px);}
	#bo_list #bo_gallery ul li .img_wrap .tag{font-size: var(--font-14);width: 56px; bottom: -28px; right: 28px;}
	#bo_list #bo_gallery ul li .text_wrap p{margin: 35px 0 10px;}
}
@media screen and (max-width:900px){
	#bo_list #bo_gallery ul li{width: calc(50% - 10px);}
}
@media screen and (max-width:500px){
	#bo_list #bo_gallery ul li{width: 100%;}
}
/* list 끝 */


/* view */
#bo_v .date{width: 100%; text-align: center; font-size: var(--font-24); line-height: calc(var(--font-24)* 3); background: #006241; color: #fff;}

/* write */
#bo_w form .write_wrap .write_list>div input[type="date"]{font-size: var(--font-18); height: 47px; line-height: 45px; border: 1px solid #E6E6E6; box-shadow: unset; outline: unset; width: 100%; border-radius: 5px; padding: 0 10px;}