.swiper-button-prev, .swiper-button-next {display:none;width:30px;height:30px;opacity: 0;}
.swiper-pagination-bullet {width:6px;height:6px;background-color:rgba(255,255,255,0.5);opacity:1}
.swiper-pagination-bullet.swiper-pagination-bullet-active {width:12px;background-color:#FFF;border-radius:12px;}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 3px;}
.swiper-button-next:not(.swiper-button-disabled), .swiper-button-prev:not(.swiper-button-disabled) {display:flex;opacity: 1;}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after, .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {content: ""}

.place-picture-wrap {max-width:1200px;margin:0 auto;padding:64px 0 113px;box-sizing:border-box;}
.place-picture-wrap * {box-sizing:border-box;}

.place-picture-wrap .header-area {height:54px;font-weight:600;font-size:18px;line-height:54px;text-align:center;position:relative;z-index:1;}
.place-picture-wrap .header-area .btn-detail-close {position:absolute;z-index:1;top:0;left:0;right:auto;width:54px;height:54px;background:url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1IDRMNy4zNTM1NSAxMS42NDY0QzcuMTU4MjkgMTEuODQxNyA3LjE1ODI5IDEyLjE1ODMgNy4zNTM1NSAxMi4zNTM2TDE1IDIwIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjEuNCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+Cjwvc3ZnPgo=') center center / 24px no-repeat;}
.place-picture-wrap .pictures-list {max-width:580px;margin:0 auto;display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;}
.place-picture-wrap .pictures-list > li {width:calc(50% - 5px);}
.place-picture-wrap .pictures-list > li > div {background:#D9D9D9;padding-bottom:56.25%;position:relative;z-index:1;overflow:hidden;}
.place-picture-wrap .pictures-list > li > div a {display: block;position:absolute;top:0;left:0;right:0;bottom:0;}
.place-picture-wrap .pictures-list > li > div img {position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;}
.place-picture-wrap .pictures-list > li:nth-child(3n + 1) {width:100%;}
.place-picture-wrap .pictures-list > li.video > div::after {content:'';display:block;width:44px;height:44px;position:absolute;z-index:2;top:0;right:0;background:url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDQiIGhlaWdodD0iNDQiIHZpZXdCb3g9IjAgMCA0NCA0NCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3LjU5NzUgMTUuNTMzNkMxNy41OTc1IDEzLjg2MTkgMTkuNTI2NiAxMi45Mjc5IDIwLjgzNzkgMTMuOTY0OEwyOS4wMTYgMjAuNDMxM0MzMC4wMjg3IDIxLjIzMiAzMC4wMjg3IDIyLjc2ODIgMjkuMDE2IDIzLjU2ODlMMjAuODM3OSAzMC4wMzU0QzE5LjUyNjYgMzEuMDcyMyAxNy41OTc1IDMwLjEzODMgMTcuNTk3NSAyOC40NjY2TDE3LjU5NzUgMjIuMDAwMUwxNy41OTc1IDE1LjUzMzZaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K') center center / 100% no-repeat; cursor:pointer;}


/* 지점패널 사진확대 보기*/
.fixed-pictrue-view {position:fixed;z-index:1000;top:0;left:0;width:100%;height:100%;}
.fixed-pictrue-view[aria-hidden="true"] {display:none;}
.fixed-pictrue-view[aria-hidden="false"] {display:block;}
.fixed-pictrue-view > .close {position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);}
.fixed-pictrue-view > .inner-content {position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%);width:1000px;height:560px;}
.fixed-pictrue-view > .inner-content .close {position:absolute;bottom:100%;left:0;width:54px;height:54px;background:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE5IDVMNSAxOSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPHBhdGggZD0iTTE5IDE5TDUgNSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg==") center center / 24px no-repeat;}
.fixed-pictrue-view > .inner-content .image-slide-viewer  {overflow:hidden;}
.fixed-pictrue-view > .inner-content .screen {padding-bottom:56.25%;background-size: cover !important}
.fixed-pictrue-view > .inner-content .swiper-pagination {width:auto;bottom:calc(100% + 10px);left:50%;transform:translateX(-50%);font-weight:600;font-size:18px;line-height:21.6px;color:#fff;}



/*
반응형을 위한 미디어쿼리 가로 640px
*/
@media only screen and (max-width:640px) {

    .place-picture-wrap {padding:54px 0 0;height:calc(100% - 54px);}
    .place-picture-wrap .header-area {border-bottom:1px solid #E6E8EB;}
    .place-picture-wrap .content-area {padding:0 16px;height:calc(100vh - 54px - 54px);overflow-Y:scroll;}

    .place-picture-wrap .pictures-list > li {width:100%;pointer-events: none;}

    /* 전체사진보기 */
    #layer-pictures .detail-info {height:calc(100vh - 54px);padding:5px 16px 20px}
    .fixed-pictrue-view > .close {background:rgba(0,0,0,.95);}
    .fixed-pictrue-view > .inner-content {width:100%;height:auto;transform:none;margin-top:-25%;margin-left:-50%;}
    .fixed-pictrue-view > .inner-content .swiper-pagination {position:fixed;bottom:auto;top:0;width:100%;height:54px;line-height:54px;}
    .fixed-pictrue-view > .inner-content .close {position:fixed;z-index:10;top:0;left:auto;right:0;bottom:auto;}

}