/* 버튼 스타일 */
#myBtnContainer{
display: flex;    
justify-content: center;    
align-items: center;}

.bbtn {
    padding: 16px 30px;
    margin: 16px 10px ;
    cursor: pointer;
    background: #c7c7c7;
    color: white;
    border-radius: 5px;
    transition: 0.3s; border: none; outline: none;}

.bbtn:hover { background: #666;border: none; outline: none;}
.bbtn.active{ background: #2196F3; border: none;outline: none;}


    /* 갤러리 레이아웃 */
    .brow, .brow .bcolumn{padding: 10px;}
    .brow    { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; }
    .bcolumn { display: none;  }
    
    /* 화면을 처음부터 나누어 보려면  float: left;     width: 25%;  */

    .bcolumn.show { display: block; width: 20%;}
    .bcontent{ background: #fff; padding: 10px; }
    .bcontent img {
      width: 300px;
      height: 300px;
      object-fit: cover;
      border-radius: 8px;
      cursor: pointer;
      transition: 0.3s;    }
    .bcontent img:hover { opacity: 0.8; }