@charset "utf-8";

/* gallList2 */
#gall_allchk { z-index: 5; position: relative; margin: 15px 0; }

.gallList2 { position: relative; }
.gallList2 .gallUl { margin: -5px; display: flex; flex-wrap: wrap; }
.gallList2 .gallUl .gallLi { position: relative; padding: 5px; }
.gallList2 .gallUl .gallLi .gallA { display: block; height: 100%; background-color: #fff; border: 1px solid #E1E1E1; }
.gallList2 .gallUl .gallLi .gallA .imgbox { position: relative; padding-bottom: 100%; overflow: hidden; border-bottom: 1px solid #E1E1E1; }
.gallList2 .gallUl .gallLi .gallA .imgbox .img1 { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: auto; height: auto; min-width: 100%; min-height: 100%; max-width: 105%; }
.gallList2 .gallUl .gallLi .gallA .imgbox .no_image { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.gallList2 .gallUl .gallLi .gallA .scrbox { padding: 15px 10px; }
.gallList2 .gallUl .gallLi .gallA .scrbox .scr1 { font-weight: 500; font-size: 16px; color: #000; line-height: 1.35; }
.gallList2 .gallUl .gallLi .gallA .scrbox .scr2 { margin-top: 5px; font-weight: 500; font-size: 14px; color: #000; line-height: 1.35; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.gallList2 .gallUl .gallLi .gallA .scrbox .scr3 { margin-top: 10px; display: flex; flex-wrap: nowrap; font-size: 13px; color: #999; line-height: 1; }
.gallList2 .gallUl .gallLi .gallA .scrbox .scr3 * { font-size: inherit; color: inherit; line-height: inherit; }
.gallList2 .gallUl .gallLi .gallA .scrbox .scr3 p:first-of-type { margin-right: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.gallList2 .gallUl .gallLi .gallA .scrbox .scr3 p:last-of-type { min-width: max-content; margin-right: 0; }

.gallList2 .gallUl .gallLi .selec_chk { z-index: 5; position: absolute; top: 15px; left: 15px; opacity: 1; width: 15px; height: 15px; border-radius: 0; }

@media (max-width: 1023px) {

}
@media (max-width: 767px) {

}
@media (max-width: 580px) {
    .gallList2 .gallUl { margin: -10px; justify-content: space-between; }
    .gallList2 .gallUl .gallLi { width: 50%; padding: 10px; }
    .gallList2 .gallUl .gallLi .gallA .scrbox { padding: 12px 8px; }
    .gallList2 .gallUl .gallLi .gallA .scrbox .scr3 { margin-top: 5px; }
}
@media (max-width: 380px) {
    .gallList2 .gallUl { display: block; }
    .gallList2 .gallUl .gallLi { width: 100%; }
}


.gallList2 .gallUl .slick-dots { z-index: 10; position: absolute; left: 50%; transform: translateX(-50%); bottom: -22px; display: flex; flex-wrap: nowrap; }
.gallList2 .gallUl .slick-dots li { display: inline-block; margin: 0 5px; width: 10px; height: 10px; background-color: #777; border-radius: 50%; cursor: pointer; }
.gallList2 .gallUl .slick-dots li.slick-active { background-color: #063972; }
.gallList2 .gallUl .slick-dots li button { display: none; } 

.gallList2 .gallUl .gallLi .sns_icon { z-index: 10; position: absolute; top: 10px; right: 10px; }
.gallList2 .gallUl .gallLi .sns_icon img { display: inline-block; width: 30px; }

.gallList2 .gallUl .gallLi .modify_adm { position: absolute; z-index: 11; top: 10px; left: 10px; font-size: 13px; }
@media (max-width: 580px) {
    .gallList2 .gallUl .gallLi .modify_adm { top: 15px; left: 15px; }

    .gallList2 .gallUl .gallLi .sns_icon { top: 10px; right: 10px; }
    .gallList2 .gallUl .gallLi .sns_icon img { width: 26px; }
}

.gallList2 .morebtn { text-align: center; }
.gallList2 .morebtn a { position: relative; display: inline-block; margin-top: 30px; padding: 10px 60px; text-align: center; font-weight: 600; font-size: 16px; color: #fff; background-color: #002447; border-radius: 100px; transition: background-color 0.3s; }
.gallList2 .morebtn a:hover { background-color: #5390c9; }