@charset "utf-8";
body.fixed{
    position:fixed;
    left:0;
    top:0;
    bottom:0;
    right:0;
    overflow:hidden;
}
#bo_gall #gall_ul.gall_grid{
    display:grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 25px;
}
#bo_gall #gall_ul.gall_grid .gall_img img{
    position:initial;
    width:auto !important;
    height:95%  !important;
    top: initial;
    left: initial;
    transform:initial;    
}
#bo_gall #gall_ul.gall_grid .gall_box{
    padding:10px;
}
#bo_gall #gall_ul.gall_grid .gall_box:hover .gall_img img{
    top: initial;
    left: initial;
    transform: initial;
	transition:all 0.5s;
}
#bo_gall .gall_img a, #bo_gall .gall_img .no_image, #bo_gall .gall_img .is_notice{
    background-color:#ffffff !important;
}
#bo_gall .bo_tit{
    text-align:center;
    padding-left:0.75rem;
    padding-right:0.75rem;
    word-break:keep-all;
    font-size:0.75rem;
    line-height:1.2;
}


#bo_gall #gall_ul.gall_grid .col-gn-5 {
    width: 100%;
}

#bo_gall .gall_img{
    border-bottom:0px;
}

.layer-outer-box{
    display:none;
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:rgba(0,0,0,0.75);
    backdrop-filter:blur(5px);
    z-index:55;
    flex-direction:column;
    justify-content:center;
    align-items:center;
}
.layer-outer-box.fixed{
    display:flex;
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:rgba(0,0,0,0.75);
    backdrop-filter:blur(5px);
    z-index:9999;
}

.layer-inner-box{
    margin:0 auto;
    min-height:50vh;
    display:flex;
    flex-direction:column;
    position:relative;
}

.layer-view{
    color:#ffffff;
    background-color:transparent;
    width:100%;
    height:100%;    
}
.layer-view h3{
    margin-bottom:0.75em;
}
.layer-close{
    color:#ffffff;
    position:absolute;
    top:-28px;
    right:0;
    font-size:1.5rem;
}
.layer-image-box > img{
    width:auto !important;
    height:100%;
    max-height:60vh;
    box-shadow:0px 0px 8px rgba(0,0,0,1);
}