/* A            A A                 :                   A                   :                   A                   :                   A                   :                   */
   #Board_Gallery4x2_grid
                { width             : 100%;             height              : auto;             text-align          : center;           padding             : 5%;               }       
   #Board_Gallery4x2_grid .Board_Gallery4x2_gridWrap            
                { width             : 100%;             height              : auto;             max-width           : 1400px;           display             : inline-block;     }
                
   #Board_Gallery4x2_grid .Board_Gallery4x2_gridWrap .sectionTitWrap
                { width             : 100%;             height              : auto;             position            : relative;                                                 }
   #Board_Gallery4x2_grid .Board_Gallery4x2_gridWrap .sectionTitWrap .sectionTitBox      
                { width             : 100%;             height              : auto;             display             : table;                                                    }             
   #Board_Gallery4x2_grid .Board_Gallery4x2_gridWrap .sectionTitWrap .sectionTitBox .blackPoint      
                { width             : 5%;              height               : auto;             display             : table-cell;       vertical-align      : top;   
                  font-size         : calc(20px + 1.5vw);  line-height      : 1em;              text-align          : left;                                                     }
   #Board_Gallery4x2_grid .Board_Gallery4x2_gridWrap .sectionTitWrap .sectionTitBox .sectionTitWrap 
                { width             : auto;             height              : auto;             display             : table-cell;       text-align          : left;             }
   #Board_Gallery4x2_grid .Board_Gallery4x2_gridWrap .sectionTitWrap .sectionTitBox .sectionTitWrap .sectionTit              
                { font-size         : calc(15px + 1vw); line-height         : 1.2em;                                                                                            } 
   #Board_Gallery4x2_grid .Board_Gallery4x2_gridWrap .sectionTitWrap .sectionTitBox .sectionTitWrap .sectionTit span             
                { font-size         : calc(15px + 1vw); line-height         : 1.2em;            font-weight         : 700;                                                      }
   
   #Board_Gallery4x2_grid .Board_Gallery4x2_gridWrap .sectionTitWrap .sectionTitBox .sectionTitWrap .sectionSubTit            
                { font-size         : calc(12px + 0.4vw);color              : #7a7a7a;          font-weight         : 300;                                                      }              
                
   #Board_Gallery4x2_grid .Board_Gallery4x2_gridWrap .sectionTitWrap a            
               { font-size          : calc(14px + 0.3vw); font-weight       : 700;              padding             : 1% 2%;            border              : 3px solid #868686;
                 display            : inline-block;       position          : absolute;         bottom              : 0;                right               : 0;
                 transition         : .4s;                                                                                                                                      }
   #Board_Gallery4x2_grid .Board_Gallery4x2_gridWrap .sectionTitWrap a:hover
               { background         : #868686;          color               : #fff;             transition          : .4s;                                                      }               
                
   #Board_Gallery4x2_grid .Board_Gallery4x2_gridWrap .galleryWrap             
               { width              : 100%;             height              : auto;             margin-top          : 3%;                                                       }
   #Board_Gallery4x2_grid .Board_Gallery4x2_gridWrap .galleryWrap .galleryGridContainer            
               { width              : 100%;             height              : auto;             display             : grid;             grid-template-columns: 2fr 1fr 1fr 2fr;
                 gap                : calc(15px + 0.2vw);                                                                                                                       }
   #Board_Gallery4x2_grid .Board_Gallery4x2_gridWrap .galleryWrap .galleryGridContainer .galleryGridItem
               { position           : relative;                                                                                                                                 }
   #Board_Gallery4x2_grid .Board_Gallery4x2_gridWrap .galleryWrap .galleryGridContainer .galleryGridItem:nth-child(1)
               { grid-row           : 1 / 3;                                                                                                                                    }           
   #Board_Gallery4x2_grid .Board_Gallery4x2_gridWrap .galleryWrap .galleryGridContainer .galleryGridItem:nth-child(3)            
               { grid-column        : 3 / 4;            grid-row            : 1 / 3;                                                                                            }
   #Board_Gallery4x2_grid .Board_Gallery4x2_gridWrap .galleryWrap .galleryGridContainer .galleryGridItem:nth-child(5)            
               { grid-column        : 1 / 2;                                                                                                                                    }
   #Board_Gallery4x2_grid .Board_Gallery4x2_gridWrap .galleryWrap .galleryGridContainer .galleryGridItem:nth-child(6)            
               { grid-row           : 2 / 4;                                                                                                                                    }
   #Board_Gallery4x2_grid .Board_Gallery4x2_gridWrap .galleryWrap .galleryGridContainer .galleryGridItem:nth-child(8)            
               { grid-row           : 2 / 4;                                                                                                                                    }
   #Board_Gallery4x2_grid .Board_Gallery4x2_gridWrap .galleryWrap .galleryGridContainer .galleryGridItem img            
               { width              : 100%;             height              : 100%;             object-fit          : cover;                                                    }
   #Board_Gallery4x2_grid .Board_Gallery4x2_gridWrap .galleryWrap .galleryGridContainer .galleryGridItem a            
               { width              : 100%;             height              : 100%;             background          : #000000ad;        display             : table;
                 backdrop-filter    : blur(5px);        position            : absolute;         top                 : 0;                left                : 0;                
                 opacity            : 0;                transition          : .4s;                                                                                              }
   #Board_Gallery4x2_grid .Board_Gallery4x2_gridWrap .galleryWrap .galleryGridContainer .galleryGridItem:hover a            
               { opacity            : 1;                transition          : .4s;                                                                                              }
   
   #Board_Gallery4x2_grid .Board_Gallery4x2_gridWrap .galleryWrap .galleryGridContainer .galleryGridItem a p            
               { font-size          : calc(12px + 0.2vw); color             : #fff;             display             : table-cell;        vertical-align     : middle;
                 padding-top        : 10%;              opacity             : 0;                transition          : .4s;                                                                                              }
   #Board_Gallery4x2_grid .Board_Gallery4x2_gridWrap .galleryWrap .galleryGridContainer .galleryGridItem:hover a p             
               { padding-top        : 0;                opacity             : 1;                transition          : .8s;                                                      }
               
               
  @media (max-width:640px) {
  

/* **************************************************************************************************************************************************************************** */
/*                                                                                                                                                                              */
/*                                                                                                                                                                              */
/*                                                                             1단 배경 Fixed                                                                                   */
/*                                                                                                                                                                              */
/*                                                                                                                                                                              */
/* **************************************************************************************************************************************************************************** */
/* A            A A                 :                   A                   :                   A                   :                   A                   :                   */              
   #Board_Gallery4x2_grid
                { padding           : 15% 5%;                                                                                                                                   }
   #Board_Gallery4x2_grid .Board_Gallery4x2_gridWrap .sectionTitWrap
                { text-align        : right;                                                                                                                                    }
   #Board_Gallery4x2_grid .Board_Gallery4x2_gridWrap .sectionTitWrap .sectionTitBox   
                { display           : inline-block;     text-align          : center;                                                                                           }
   #Board_Gallery4x2_grid .Board_Gallery4x2_gridWrap .sectionTitWrap .sectionTitBox .blackPoint
                { width             : 10%;              display             : inline-block;                                                                                     }
   #Board_Gallery4x2_grid .Board_Gallery4x2_gridWrap .sectionTitWrap .sectionTitBox .sectionTitWrap
                { display           : inline-block;                                                                                                                             }             
   #Board_Gallery4x2_grid .Board_Gallery4x2_gridWrap .sectionTitWrap .sectionTitBox .sectionTitWrap .sectionTit
                { text-align        : center;                                                                                                                                   }
   #Board_Gallery4x2_grid .Board_Gallery4x2_gridWrap .sectionTitWrap .sectionTitBox .sectionTitWrap .sectionSubTit
                { display           : none;                                                                                                                                     }            
   #Board_Gallery4x2_grid .Board_Gallery4x2_gridWrap .sectionTitWrap a             
                { font-size         : 12px;             padding             : 1% 2%;            margin-top          : 3%;               position          : static;             }
               
   #Board_Gallery4x2_grid .Board_Gallery4x2_gridWrap .galleryWrap .galleryGridContainer
                { grid-template-columns : 1fr 1fr;                                                                                                                              }
   #Board_Gallery4x2_grid .Board_Gallery4x2_gridWrap .galleryWrap .galleryGridContainer .galleryGridItem:nth-child(1),
   #Board_Gallery4x2_grid .Board_Gallery4x2_gridWrap .galleryWrap .galleryGridContainer .galleryGridItem:nth-child(3)
                { grid-row          : auto;             grid-column       : auto;                                                                                               }
    
                 
                 
                 
                 
                 
                 
                 
                 
                 
                 
                 
  }