@charset "utf-8";

html { scrollbar-width:none; }
html::-webkit-scrollbar { display:none; }

.boardOptTitle { display:flex; justify-content:center; align-items:center; font-size:1.25rem; margin-top:3rem; }
.boardOptTitle::before, .boardOptTitle::after { content:''; width:30%; border-bottom:1px solid #000; margin:0 2rem; }
#boardOptions { display:flex; flex-wrap:wrap; margin:2rem 0; }
.boardOption { width:calc((100% - 1.5rem) / 4); }
.boardOption:not(:nth-child(4n)) { margin-right:0.5rem; }
.boardOption:nth-child(n+5) { margin-top:0.5rem; }
.boGallery { display:block; line-height:0; }
.boImg { width:100%; height:auto; }

@media screen and (max-width:640px){
    .boardOption { width:calc((100% - 6px) / 2); }
    .boardOption:nth-child(odd) { margin-right:6px; }
    .boardOption:nth-child(even) { margin-right:0; }
    .boardOption:nth-child(n+3) { margin-top:6px; }

    .modaal-gallery-control { background-color:rgba(0,0,0,.5)}
}