/*
    *** 선택 페이지
*/
.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);}



/*
    *** 작품해설팝업
*/
.workCommentaryPopup {display:none; justify-content:center; align-items:center; position:absolute; top:0; left:0; z-index:100; width:100%; height:100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0.90) 0%, rgba(0, 0, 0, 0.80) 100%);}
.workCommentaryPopup.on {display:flex;}

.workCommentaryPopup .btnCloseWin {position:absolute; top:60px; right:25px; width:50px; height:50px; cursor:pointer; background-image:url("../images/icon_closeX.png"); background-size:100%;}

.workCommentaryPopup .win {width: 860px; /*height: 466px;*/ margin-top:50px; border-radius: 20px; padding:34px 30px; box-sizing: border-box; border: 5px solid #97DCF8; background: #DEF4FE;}
.workCommentaryPopup .win .winHeader {width:235px; height:52px; margin:0 auto; margin-bottom:20px;}
.workCommentaryPopup .win .winHeader:after {content:""; display:block; width:235px; height:52px; background-image:url("../images/title_workCommentary.png"); background-size: 100%;}

.workCommentaryPopup .win .winBody {
    font-size:26px;
    color:#222222;
    font-family:SCD5;
    letter-spacing: -0.78px;
    border-radius: 15px;
    padding: 40px 50px;
    box-sizing: border-box;
    margin: 0 auto;
    border: 1px solid #EBEBEB;
    background: #FFF;
}