/*
    *** 선택 페이지
*/
.zoomActivity .selectPage {position:absolute; top:0; left:0; width:100%; height:100%;}
.zoomActivity .selectPage .thumbArea {display:flex; justify-content:center; align-items:center; padding-top:25px; box-sizing: border-box; width:100%; height:100%;}
.zoomActivity .selectPage .thumbArea .btnThumb {cursor:pointer;}
.zoomActivity .selectPage .thumbArea .btnThumb img {display:block; box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.25);}




/*
    *** 활동 페이지
*/
.zoomActivity .activityPage {opacity:0;}

.zoomActivity .zoomArea {position:absolute; top:0; left:0; width:100%; height:100%; overflow: hidden;}
.zoomActivity .zoomArea img {display:none; position:absolute; transform-origin: top left;}


/*썸네일 리스트*/
.zoomActivity .thumbListWrap {position:absolute; bottom:55px; right:35px;}
.zoomActivity .thumbListWrap .thumbList {position:relative; border-radius:10px; border: 3px solid transparent; overflow: hidden; margin-bottom:9px; cursor:pointer;}
.zoomActivity .thumbListWrap .thumbList:after {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background: rgba(0, 0, 0, 0.35);}
.zoomActivity .thumbListWrap .thumbList img {display:block;}

.zoomActivity .thumbListWrap .thumbList.on {border: 3px solid #22B3E9;}
.zoomActivity .thumbListWrap .thumbList.on:after {background: rgba(0, 0, 0, 0);}