.imageViewerContent{position:absolute;left:0;top:50px;right:0;bottom:0;border-radius:0 0 8px 8px;overflow-x:hidden;overflow-y:auto}.imageListViewerContent{position:absolute;left:0;top:50px;right:0;bottom:0;border-radius:0 0 8px 8px;overflow-x:hidden;overflow-y:hidden}.imageviewerSelector{position:absolute;left:10px;top:8px;right:10px;height:40px;font-size:20px;color:#000;background:#fff;border:rgba(0,0,0,.5);border-radius:4px;width:calc(100% - 20px);padding-left:10px}.imageViewerImageArea{position:absolute;left:0;top:0;width:80%;bottom:0;border-radius:0 0 0 8px;overflow:hidden}.imageViewerNavArea{position:absolute;right:0;width:20%;top:0;bottom:0;overflow:hidden;border-radius:0 0 8px 0;background:#dfdfdf}.imageViewerZoomButton{box-shadow:inset 0 1px 0 0 #54a3f7;background:linear-gradient(to bottom,#007dc1 5%,#0061a7 100%);background-color:#007dc1;border-radius:30px;border:1px solid #124d77;display:inline-block;cursor:pointer;color:#fff;font-family:돋움;font-size:40px;font-weight:700;padding:0;width:50px;height:50px;position:absolute;text-decoration:none;text-shadow:0 1px 0 #154682}.imageViewerZoomButton:hover{background:linear-gradient(to bottom,#0061a7 5%,#007dc1 100%);background-color:#0061a7}.imageViewerZoomButton:active{border:2px solid #0f161d}.imageListViewerArrowButton{box-shadow:inset 0 1px 0 0 #54a3f7;background:linear-gradient(to bottom,#007dc1 5%,#0061a7 100%);background-color:#007dc1;border-radius:30px;border:1px solid #124d77;display:inline-block;cursor:pointer;color:#fff;font-family:돋움;font-size:32px;font-weight:700;padding:0;width:50px;height:50px;top:calc(50% - 25px);position:absolute;text-decoration:none;text-shadow:0 1px 0 #154682;opacity:.5;transition:opacity .5s}.imageListViewerArrowButton:hover{background:linear-gradient(to bottom,#0061a7 5%,#007dc1 100%);background-color:#0061a7;opacity:1}.imageListViewerArrowButton:active{border:2px solid #0f161d}.imageViewerZoomTracker{position:absolute;background:rgba(255,255,255,.2);border:#2471a3 2px solid;cursor:grab}.imageViewerSlider{-webkit-appearance:none;position:absolute;width:calc(100% - 40px);left:20px;right:20px;bottom:8px;height:40px;background:#fff;outline:0;opacity:.3;transition:opacity .5s;border-radius:20px;border:none;overflow:visible;display:inline-block;vertical-align:middle;padding:0}.imageViewerSlider:hover{opacity:1}.imageViewerSlider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:40px;height:40px;border-radius:20px;background:#09f;cursor:pointer}.imageViewerSlider::-moz-range-thumb{width:40px;height:40px;border-radius:20px;background:#09f;cursor:pointer}.imageViewerSlider::-ms-thumb{width:40px;height:40px;border-radius:20px;background:#09f;cursor:pointer}.cardViewerButton{border:transparent 2px solid;background:0 0;position:relative}.cardViewerButton:hover{border:#911515 2px solid}.cardViewerButton:active{border:#f03 2px solid}.cardViewerButton>img{width:100%;height:100%;object-fit:contain;opacity:.7}.cardViewerButton:hover>img{opacity:1}.cardAnswerButton{box-shadow:inset 0 1px 0 0 #97c4fe;background:linear-gradient(to bottom,#3d94f6 5%,#1e62d0 100%);background-color:#3d94f6;border-radius:11px;border:1px solid #337fed;display:inline-block;cursor:pointer;color:#fff;font-family:sans-serif;font-size:17px;font-weight:700;padding:6px 24px;text-decoration:none;text-shadow:0 1px 0 #1570cd;position:absolute;right:calc(20% + 4px);top:4px}.cardAnswerButton:hover{background:linear-gradient(to bottom,#1e62d0 5%,#3d94f6 100%);background-color:#1e62d0}.cardAnswerButton:active{top:5px}