*{-khtml-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;margin:0px;padding:0px;border:none;vertical-align:top;-webkit-backface-visibility:hidden;background-repeat:no-repeat;background-size:100% 100%;font-family:inherit;font-size:inherit;font-weight:inherit;color:inherit; line-height:inherit; text-align:inherit; text-rendering:auto; letter-spacing:inherit; }:before,:after{-khtml-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;display:inline-block;background-repeat:no-repeat;background-size:100% 100%;font-family:inherit;font-size:inherit;font-weight:inherit;color:inherit; line-height:inherit; text-align:inherit; text-rendering:auto; letter-spacing:inherit}article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,section,summary,time,mark{ display:block}ul,ol,li{list-style:none}li:before,li:after{content:none}table,thead,tbody,tr,th,td{position:relative}table{border-spacing:0;border-collapse:collapse}caption{text-align:center; display:none}th{font-weight:bold;display:table-cell; vertical-align:middle; text-align:center}td{display:table-cell; vertical-align:middle; padding:0px 20px}video,img{mask-image:radial-gradient(white, black); backface-visibility:hidden; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden;-ms-user-select:none;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;user-select:none;-ms-user-drag:none;-moz-user-drag:-moz-none;-khtml-user-drag:none;-webkit-user-drag:none;user-drag:none}video{opacity:0}img{image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}button{cursor:pointer;display:inline-block;position:relative;overflow:visible;background:none;box-shadow:none;border-radius:0;background-size:200% 100%; padding-block:0px; padding-inline:0px; word-spacing:normal; text-transform:none; text-shadow:none; -ms-appearance:none;-moz-appearance:none;-khtml-ppearance:none;-webkit-appearance:none;appearance:none}button:hover{ background-position-x:100%}button.on{cursor:default; background-position-x:100%}button.disabled{cursor:default !important; background-position-x:0%}input,textarea{-ms-user-select:auto;-moz-user-select:-moz-auto;-khtml-user-select:auto;-webkit-user-select:auto;user-select:auto}textarea{resize:none; overflow-x:hidden; overflow-y:auto}input::-moz-clear{display:none}input::-webkit-clear{display:none}input::-ms-clear{display:none}input:-ms-clear{display:none}input::clear{display:none}::-moz-input-placeholder{color:#bbb!important; opacity:1; font-style:italic}::-webkit-input-placeholder{color:#bbb!important; opacity:1; font-style:italic}::-ms-input-placeholder{color:#bbb!important; opacity:1; font-style:italic}:-ms-input-placeholder{color:#bbb!important; opacity:1; font-style:italic}::placeholder{color:#bbb!important; opacity:1; font-style:italic}button,input,textarea,select,video,img,a{outline:none;outline-style:none;background-color:transparent;-ms-appearance:none;-moz-appearance:none;-khtml-ppearance:none;-webkit-appearance:none;appearance:none}:focus{outline:none}:focus-visible{position:relative;outline:solid; outline-color:#0cf; outline-width:4px;z-index:999}input:focus-visible,textarea:focus-visible{outline:none}a{cursor:pointer;display:inline-block;text-decoration:none}q:after,q:before{content:""}b,strong{font-weight:900}small{font-size:0.6em; font-weight:normal;letter-spacing:-1px}ins{text-decoration:none;border-bottom:2px solid #000;position:relative;bottom:0px}html{overflow:hidden;width:100%;height:100%;font-size:10px}body{overflow:hidden;width:100%;height:100%;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;-o-text-size-adjust:none;touch-action:none;-webkit-touch-callout:none;opacity:0}timeView{display:block}timeItem{display:inline-block; opacity:0; pointer-events:none}timeItem.on{opacity:1; pointer-events:auto}popup{display:inline-block;position:relative}popup .popupIcon{position:relative;font-size:0px}popup>[data-src]{display:none}popup[data-mode="image"]>.popupIcon,popup[data-mode="zoom"]>.popupIcon{position:absolute;left:auto; bottom:auto;right:10px; top:10px;width:65px; height:68px;background-image:url('fn/btns/zoom.png')}popup[data-mode="video"]>.popupIcon{position:absolute;opacity:0;left:0px; top:0px;width:100px; height:100px;background-image:url('fn/btns/play.png')}popup[data-mode="video"]>video{width:100%}[data-popup-btn]{font-size:0px}[data-popup-btn="popupClose"]{width:60px; height:60px;background-image:url('fn/btns/close.png')}popupView{display:none;z-index:888;position:absolute;left:0px; top:0px;width:100%; height:100%;background-color:rgba(0,0,0,0.5)}popupView>div{width:100%; height:100%;background-color:#fff}popupView .popupHeader{position:absolute;display:inline-block;right:20px; top:20px;z-index:10}popupView .popupHeader h1{display:none}popupView .popupBody,popupView .popupBody>[role="slide"],popupView .popupBody slideBody,popupView .popupBody slideBody>div,popupView .popupBody slideBody>div>section{width:100%; height:100%}popupView media{width:100%; height:100%}popupView[data-mode="zoom"] .popupBody{width:100%; height:100%;overflow:hidden}popupView[data-mode="zoom"] .zoomControls{position:absolute;right:20px; bottom:20px;padding:10px;background-color:rgba(255,255,255,0.5);border-radius:30px;border:5px solid rgba(0,0,0,0.5)}popupView[data-mode="zoom"] .zoomControls seek{height:100px}popupView[data-mode="zoom"] .zoomControls [data-popup-btn]{display:block;text-align:center;font-size:30px;font-weight:bold}note>textarea{width:100%; height:100%;padding:0px 10px}hide,[data-hide-btn]{display:inline-block;position:absolute; z-index:1; left:0px; top:0px}hide.on,[data-hide-btn].on{display:none}[data-hide-target]{display:none}[data-hide-target].on{display:inline-block}[data-hide-btn]{cursor:pointer;background-size:200% 100%}[data-hide-btn]:hover{background-position-x:100%}show{display:inline-block;position:absolute; left:0px; top:0px}showItem,[data-show-btn]{display:none;position:absolute}tooltip{cursor:pointer;position:relative;display:inline}tooltipTarget{z-index:100;display:none;position:absolute}tab{display:inline-block;width:100%;position:relative;opacity:0}tabIndex{display:block;position:relative;z-index:1}tabIndex ul{display:inline-block;position:relative}tabIndex li{display:inline-block;position:relative}tabIndex a{display:inline-block;position:relative;background-size:200% 100%;cursor:pointer}tabIndex a:hover{background-position-x:100%}tabIndex a.on{background-position-x:100%;cursor:default}tabBody{display:inline-block;position:relative;width:100%; height:100%}.tabList{display:inline-block;position:relative;width:100%; height:100%}tabItem{display:none;position:relative;width:100%; height:100%}tabItem.on{display:inline-block}slide{display:inline-block;width:100%;position:relative;opacity:0}[data-slide-btn]{cursor:pointer;display:inline-block;font-size:0px;background-size:200% 100%}[data-slide-btn]:hover{background-position-x:100%}[data-slide-btn].on{background-position-x:100%}[data-slide-btn].on.disabled{background-position-x:100%}[data-slide-btn].disabled{background-position-x:0%}slide>[data-slide-btn]{position:absolute;z-index:2;width:50px; height:50px}slide>[data-slide-btn].disabled{opacity:0.5}slide>[data-slide-btn="prev"]{left:0px;background-image:url('fn/btns/prev.png')}slide>[data-slide-btn="next"]{right:0px;background-image:url('fn/btns/next.png')}slide[data-type="out"]>[data-slide-btn="prev"]{left:-60px}slide[data-type="out"]>[data-slide-btn="next"]{right:-60px}slideIndex{opacity:0;position:absolute;display:block;width:100%; height:0px;z-index:1;text-align:center;margin-bottom:5px; bottom:15px;font-size:0px;line-height:0px}slideIndex>*{margin:0px 5px}slideIndex .slidePage{display:inline-block;position:relative;font-size:30px;line-height:40px}slideIndex ul{display:inline-block;position:relative}slideIndex li{display:inline-block;position:relative}slideIndex a{display:inline-block;position:relative;cursor:pointer;width:20px; height:20px;background-color:#777;border:4px solid #fff;border-radius:20px;margin:10px 5px;box-shadow:2px 2px 2px rgba(0,0,0,0.3)}slideIndex a.on{background-color:#fff;cursor:default}slideIndex>[data-slide-btn]{position:relative;width:40px; height:40px}slideIndex>[data-slide-btn="prev"]{background-image:url('fn/btns/prev.png')}slideIndex>[data-slide-btn="next"]{background-image:url('fn/btns/next.png')}slideIndex>[data-slide-btn].disabled{opacity:0.5}slideBody{display:inline-block;position:relative;width:100%; height:100%}.slideList{display:inline-block;position:relative;width:100%; height:100%}slideItem{display:none;width:100%; height:100%;position:relative}slideItem.on{display:inline-block}seek{display:inline-block;position:relative;background-color:#e6e6e6}seek[data-direction].hold{cursor:default}gauge, ball, mask, energy{display:inline-block;position:absolute}seek gauge{width:100%; height:100%;left:0px; top:0px;overflow:hidden}seek ball{left:0px; top:0px;z-index:2;background-color:#b2b2b2; }seek[data-direction="x"]{width:100%; height:10px;cursor:pointer}seek[data-direction="x"] energy{z-index:1;width:0%; height:100%;top:0px}seek[data-direction="x"] ball{height:100%}seek[data-direction="x"] mask{z-index:3;width:100%; height:200%;left:0%; top:-50%}seek[data-direction="y"]{width:10px; height:100%;cursor:pointer;text-align:center}seek[data-direction="y"] energy{z-index:1;width:100%; height:0%;left:0px}seek[data-direction="y"] ball{width:100%}seek[data-direction="y"] mask{z-index:3;width:200%; height:100%;left:-50%; top:0%}seek[data-mode="progress"] energy{background-color:#c4bac3}scroll{display:block;position:relative;overflow:hidden;width:100%; height:100%}scrollBody{display:inline-block;position:relative;overflow:hidden}scroll [data-seek="x"]{position:absolute;left:0px; bottom:0px;width:100%; height:14px}scroll [data-seek="x"] seek{height:100%; }scroll [data-seek="y"]{position:absolute;right:0px; top:0px;width:14px; height:100%}scroll [data-seek="y"] seek{width:100%; }scroll[data-mode="out"] [data-seek="x"]{bottom:-14px}scroll[data-mode="out"] [data-seek="y"]{right:-14px}scroll [data-seek] button{position:absolute;font-size:0px}scroll [data-seek="x"] button{width:14px; height:14px;top:0px}scroll [data-seek="x"] button[data-type="up"]{background-image:url('fn/scroll/up-x.png');left:0px}scroll [data-seek="x"] button[data-type="down"]{background-image:url('fn/scroll/down-x.png');right:0px}scroll [data-seek="y"] button{width:14px; height:14px;left:0px}scroll [data-seek="y"] button[data-type="up"]{background-image:url('fn/scroll/up-y.png');top:0px}scroll [data-seek="y"] button[data-type="down"]{background-image:url('fn/scroll/down-y.png');bottom:0px}choice{display:inline-block}choiceItem{position:relative;cursor:pointer;display:block;background-size:200% 100%}choiceItem:hover,choiceItem.on{background-position-x:100%}choiceItem.disabled{cursor:default;background-position-x:0%}choiceItem.disabled.on{background-position-x:100%}choiceItem.correct{background-position-x:100%}choiceItem>.show{display:none}choiceItem.on>.show{display:inline-block}choiceItem.on>.hide{display:none}choiceTarget{display:inline-block}choiceTarget choiceItem{display:none;cursor:default}choiceTarget choiceItem.on{display:block}choiceTarget choiceItem.correct{display:block}choice[data-mode="include"] choiceItem:hover{background-position-x:0%}choice[data-mode="include"] choiceItem.on:hover{background-position-x:100%}drop{display:block;position:relative}dropHead{display:block;width:100%; height:100%}dropSelect{position:relative;display:block;width:100%; height:100%}dropBody{position:absolute;display:none;width:100%;left:0px; top:100%;margin-top:0px}dropList{cursor:pointer;display:block}dropItem{display:block;width:100%; height:100%}drag,[data-skill="drag"]{cursor:pointer;-ms-user-select:none;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;user-select:none;-ms-user-drag:none;-moz-user-drag:-moz-none;-khtml-user-drag:none;-webkit-user-drag:none;user-drag:none}media:focus-visible{outline:solid; outline-color:#0cf; outline-width:4px}media{display:inline-block;position:relative;outline:none;outline-style:none;opacity:0}media[data-mode="video"]{overflow:hidden}media[data-mode="audio"]{width:400px; min-height:40px}media>figure{display:inline-block;position:relative;width:100%; height:100%}mediaView{position:relative;display:inline-block}mediaControls{opacity:0;display:block;position:absolute;left:0px; bottom:0px;clear:both;width:100%; height:40px;padding:5px 10px;background-color:rgba(0,0,0,0.5)}media[data-controls="in"] mediaControls{position:absolute;left:0px; bottom:0px}media figcaption{display:none}media figcaption>p{font-size:50px;font-weight:900;line-height:70px}media figcaption.media-subject{position:absolute;display:block;z-index:2;left:0px; top:0px;margin-left:10px; margin-top:10px;background-color:rgba(255,255,255,0.5);border:4px solid rgba(255,255,255,0.8);border-radius:20px;color:#000;padding:10px 40px}media[data-mode="audio"] figcaption.media-subject{margin:0px; top:auto; bottom:40px;width:100%;text-align:center}media[data-mode="audio"][data-controls="simple"]{width:auto; min-height:auto}media[data-mode="audio"][data-controls="simple"] mediaView,media[data-mode="audio"][data-controls="simple"] figcaption{display:none}media[data-mode="audio"][data-controls="simple"] [data-media-btn="simple-audio"]{position:relative;width:68px; height:71px;background-image:url('media/오디오-재생.png');font-size:0px}media[data-mode="audio"][data-controls="simple"][data-state="play"] [data-media-btn="simple-audio"]{background-image:url('media/오디오-정지.png')}[data-media-box]{display:inline-block;position:relative;z-index:1;float:left;padding:0px 5px;font-size:0px; line-height:0px}[data-media-box="speed"],[data-media-box="full"],[data-media-box="track"]{float:right}[data-media-box="time"]>p{font-size:20px;line-height:26px;margin-top:4px;color:#fff;width:80px;text-align:center}.media-volume-box{opacity:0;position:absolute;display:inline-block;width:100%; height:140px;left:0px; bottom:35px;padding:10px 0px;background-color:rgba(0,0,0,0.5)}.media-volume{cursor:pointer;position:relative;display:inline-block;width:6px; height:100%;margin-left:17px}.media-seek mask{position:absolute;width:500%; height:102%;left:-200%; top:-1%}.media-volume ball{position:absolute;left:-5px; top:0px;width:16px; height:16px;background-color:#0af;border-radius:16px}.media-volume gauge{width:100%; height:100%;background-color:#fff;border-radius:6px}.media-volume energy{width:100%;background-color:#0df}.media-seek{cursor:pointer;position:relative;display:inline-block;height:6px;margin-top:12px}.media-seek mask{position:absolute;width:102%; height:500%;left:-1%; top:-200%}.media-seek ball{position:absolute;left:0px; top:-5px;width:16px; height:16px;background-color:#0af;border-radius:16px}.media-seek gauge{width:100%; height:100%;background-color:#fff;border-radius:6px}.media-seek energy{height:100%;background-color:#0df}.media-speed-box{position:absolute;display:none;width:60px;left:5px; bottom:35px;background-color:rgba(0,0,0,0.5)}.media-speed-box li{cursor:pointer;width:100%; height:auto}.media-speed-box li>button{display:block;width:100%; height:40px;font-size:20px;line-height:40px;color:#fff;text-align:center}.media-speed-box li>button.on{color:#f90}.media-track-box{position:absolute;display:none;width:60px;left:-10px; bottom:35px;background-color:rgba(0,0,0,0.5)}.media-track-box [data-media-btn="track-remove"]{width:100%; height:40px;font-size:20px;line-height:40px;text-align:center;color:#000;background-color:#fff}.media-track-box ul>li{cursor:pointer;width:100%; height:auto}.media-track-box ul>li>button{display:block;width:100%; height:40px;font-size:20px;line-height:40px;color:#fff;text-align:center}.media-track-box ul>li>button.on{color:#f90}media mediaTrack{display:none}mediaTrack [data-start].on{color:#0cf}trackView{position:absolute;width:100%; left:0px;font-size:40px !important; line-height:60px !important; text-align:center; color:#fff; background-color:transparent !important; text-shadow:2px 0px 2px #555, -2px 0px 2px #555, 2px -0px 2px #555, -2px -0px 2px #555, 0px 2px 2px #555, -0px 2px 2px #555, 0px -2px 2px #555, -0px -2px 2px #555, 2px 2px 2px #555, -2px 2px 2px #555, 2px -2px 2px #555, -2px -2px 2px #555}media.fullscreen trackView{font-size:70px !important; line-height:90px !important; text-shadow:4px 0px 4px #555, -4px 0px 4px #555, 4px -0px 4px #555, -4px -0px 4px #555, 0px 4px 4px #555, -0px 4px 4px #555, 0px -4px 4px #555, -0px -4px 4px #555, 4px 4px 4px #555, -4px 4px 4px #555, 4px -4px 4px #555, -4px -4px 4px #555}mediaView trackView{bottom:10%}mediaControls trackView{bottom:160%}media.fullscreen mediaControls trackView{bottom:400%}video::cue{font-size:3.5rem; line-height:5.5rem; background-color:transparent; text-shadow:2px 0px 2px #555, -2px 0px 2px #555, 2px -0px 2px #555, -2px -0px 2px #555, 0px 2px 2px #555, -0px 2px 2px #555, 0px -2px 2px #555, -0px -2px 2px #555, 2px 2px 2px #555, -2px 2px 2px #555, 2px -2px 2px #555, -2px -2px 2px #555}video::-webkit-media-text-track-display{padding-bottom:3.5rem}media.fullscreen ::cue{font-size:7.0rem; line-height:10.0rem; text-shadow:4px 0px 4px #555, -4px 0px 4px #555, 4px -0px 4px #555, -4px -0px 4px #555, 0px 4px 4px #555, -0px 4px 4px #555, 0px -4px 4px #555, -0px -4px 4px #555, 4px 4px 4px #555, -4px 4px 4px #555, 4px -4px 4px #555, -4px -4px 4px #555}media.fullscreen ::-webkit-media-text-track-display{padding-bottom:7.0rem}[data-media-btn]{cursor:pointer;display:inline-block;position:relative;background-size:200% 100%;width:30px; height:30px}[data-media-btn].on{background-position-x:100%}[data-media-btn]:hover{background-position-x:100%;color:#0cf}[data-media-btn="simple"]{position:absolute;z-index:10;width:180px; height:180px;font-size:0px;background-image:url('media/심플-재생.png')}media[data-state="play"] [data-media-btn="simple"]{background-image:url('media/심플-일시정지.png')}[data-media-btn="simple"].on{background-image:url('media/심플-정지.png')}[data-media-btn="play"]{background-image:url('media/재생.png')}[data-media-btn="pause"]{background-image:url('media/일시정지.png')}[data-media-btn="stop"]{background-image:url('media/정지.png')}[data-media-btn="volume"]{background-image:url('media/스피커.png')}[data-media-btn="speed"]{width:60px;font-size:18px;line-height:30px;text-align:center;background-color:#fff; border-radius:5px}[data-media-btn="speed-hide"]{}[data-media-btn="track"]{background-image:url('media/자막-d.png')}[data-media-btn="track"][data-val]{background-image:url('media/자막.png')}[data-media-btn="track-hide"]{background-image:url('media/자막.png')}[data-media-btn="full"]{background-image:url('media/전체화면.png')}[data-media-btn="normal"]{background-image:url('media/작은화면.png')}media.fullscreen{position:relative !important;display:block !important;width:100% !important;height:100% !important;left:0px !important; top:0px !important;margin:0px !important;padding:0px !important;border:0px !important; }media.fullscreen mediaView,media.fullscreen mediaView video{position:absolute !important;display:block !important;width:100% !important;height:100% !important;left:0px !important;top:0px !important}media.fullscreen trackBox{bottom:100px;padding:20px 40px}media.fullscreen trackBox trackText{font-size:65px;line-height:100px}media.warning mediaview,media.warning mediacontrols{display:none}media.warning{overflow:visible}media.warning .warning-view{position:absolute;z-index:10;left:0px; top:0px;width:100%;min-width:240px;font-size:14px;line-height:20px;text-align:center;color:#f00}mediaTarget{position:relative;display:inline-block}mediaTarget .show{display:none}mediaTarget[data-state="play"] .show{display:inline-block}mediaTarget .hide{display:inline-block}mediaTarget[data-state="play"] .hide{display:none}canvasTools{display:inline-block;position:absolute;text-align:left;opacity:0}toolHead,toolBody,toolTitle{display:block;position:relative;-ms-user-select:none;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;user-select:none;-ms-user-drag:none;-moz-user-drag:-moz-none;-khtml-user-drag:none;-webkit-user-drag:none;user-drag:none}toolTypes,toolThicks,toolColors,toolBgs,toolHistory,toolVisible,toolOpacity{display:block;position:relative;line-height:0px}toolViewThick,toolViewBg{display:inline-block;position:relative;line-height:0px}toolBtn,toolIcon{display:inline-block;background-size:200% 100%;font-size:0px;line-height:0px}toolBtn{cursor:pointer}toolBtn:hover,toolBtn.on{background-position-x:100%}toolIcon{width:100%; height:100%}toolBtn:hover>toolIcon,toolBtn.on>toolIcon{background-position-x:100%}canvasTools seek{ height:12px; border-radius:10px; background-color:#aaa}canvastools seek ball{ width:12px; height:12px; border-radius:10px; background-color:#09f}canvasTools toolBtn[data-val="close"]{background-image:url('drawing/btn-close.png')}canvasTools toolBtn[data-val="downSize"]{background-image:url('drawing/btn-downSize-r.png')}canvasTools.downSize toolBtn[data-val="downSize"]{background-image:url('drawing/btn-downSize-l.png')}canvasTools toolBtn[data-val="upSize"]{background-image:url('drawing/btn-upSize.png')}canvasTools toolBtn[data-val="pen"]{background-image:url('drawing/btn-pen.png')}canvasTools toolBtn[data-val="highlight"]{background-image:url('drawing/btn-highlight.png')}canvasTools toolBtn[data-val="eraser"]{background-image:url('drawing/btn-eraser.png')}canvasTools toolBtn[data-val="clear"]{background-image:url('drawing/btn-clear.png')}canvasTools toolBtn[data-val="line"]{background-image:url('drawing/btn-line.png')}canvasTools toolBtn[data-val="circle"]{background-image:url('drawing/btn-circle.png')}canvasTools toolBtn[data-val="rectangle"]{background-image:url('drawing/btn-rectangle.png')}canvasTools toolBtn[data-val="triangle"]{background-image:url('drawing/btn-triangle.png')}canvasTools toolBtn[data-val="undo"]{background-image:url('drawing/btn-undo.png')}canvasTools toolBtn[data-val="redo"]{background-image:url('drawing/btn-redo.png')}canvasTools toolBtn[data-val="show"]{background-image:url('drawing/btn-show.png')}canvasTools toolBtn[data-val="hide"]{background-image:url('drawing/btn-hide.png')}canvasTools toolBtn[data-val="color-view"] toolIcon{width:70px; height:60px;background-image:url('drawing/btn-show.png')}canvasTools toolBtn[data-val="thick-view"] toolIcon{width:70px; height:60px;background-image:url('drawing/btn-hide.png')}canvasTools toolBtn[data-val="color-close"]{background-image:url('drawing/btn-close.png')}canvasTools[data-mode="full"]{border-radius:10px;background-color:#fff;box-shadow:3px 3px 5px rgba(0,0,0,0.1), -3px 3px 5px rgba(0,0,0,0.1), 3px -3px 5px rgba(0,0,0,0.1), -3px -3px 5px rgba(0,0,0,0.1)}canvasTools[data-mode="full"] toolHead{font-size:18px; line-height:100%;width:300px; height:30px;background-color:#FFdC00;border-radius:10px 10px 0px 0px}canvasTools[data-mode="full"] toolTitle{font-size:18px;line-height:30px;font-weight:bold;color:#760;text-indent:10px}canvasTools[data-mode="full"] toolEvents{position:absolute; right:5px; top:3px}canvasTools[data-mode="full"] toolEvents toolBtn{width:24px; height:24px}canvasTools[data-mode="full"] toolBody{width:300px; height:130px;padding:5px}canvasTools[data-mode="full"] toolBody>div{display:inline-block;position:relative;width:49%; height:100%;background-color:#F4EDC3;border-radius:8px;padding:4px}canvasTools[data-mode="full"] toolBody>div:nth-child(1){margin-right:2%}canvasTools[data-mode="full"] [data-view="type"]{padding-bottom:5px}canvasTools[data-mode="full"] [data-view="side"]{border-top:2px dotted #ccc;padding-top:5px}canvasTools[data-mode="full"] [data-view="side"]>*{display:inline-block}canvasTools[data-mode="full"] toolTypes toolBtn,canvasTools[data-mode="full"] toolHistory toolBtn,canvasTools[data-mode="full"] toolVisible toolBtn{width:33px; height:33px}canvasTools[data-mode="full"] toolViewThick{cursor:pointer;display:inline-block;width:80px; height:40px;background-color:#fff;border:1px solid #aaa;border-radius:8px}canvasTools[data-mode="full"] toolViewThick svg{width:100%; height:100%;overflow:hidden}canvasTools[data-mode="full"] toolViewBg{cursor:pointer;display:inline-block;position:relative;background-color:#fff;margin-left:3px;width:50px; height:40px;border:1px solid #aaa;border-radius:8px;overflow:hidden}canvasTools[data-mode="full"] toolViewThick.disabled,canvasTools[data-mode="full"] toolViewBg.disabled{cursor:default;display:none}canvasTools[data-mode="full"] [data-view="thick"],canvasTools[data-mode="full"] [data-view="opacity"]{font-size:12px; line-height:20px;color:#555;margin-top:3px}canvasTools[data-mode="full"] [data-view="thick"] .title,canvasTools[data-mode="full"] [data-view="opacity"] .title{position:static}canvasTools[data-mode="full"] seek{height:12px}canvasTools[data-mode="full"] seek.hold{opacity:0.4}canvasTools[data-mode="full"] toolColors,canvasTools[data-mode="full"] toolBgs{position:absolute;display:none;z-index:10;width:100%; height:100%;left:0px;top:0px;padding:3px;background-color:#F4EDC3;border-radius:8px}canvasTools[data-mode="full"] toolColors>.head,canvasTools[data-mode="full"] toolBgs>.head{width:100%; height:26px;margin-bottom:3px}canvasTools[data-mode="full"] toolColors>.head>.title,canvasTools[data-mode="full"] toolBgs>.head>.title{font-size:15px;font-weight:bold;line-height:28px;color:#555}canvasTools[data-mode="full"] toolColors>.head toolBtn,canvasTools[data-mode="full"] toolBgs>.head toolBtn{position:absolute; right:3px; top:3px;width:24px; height:24px}canvasTools[data-mode="full"] toolColors toolBtn,canvasTools[data-mode="full"] toolBgs toolBtn{width:15px; height:15px}canvasTools[data-mode="quick"].downSize{width:0px}canvasTools[data-mode="quick"].downSize toolHead,canvasTools[data-mode="quick"].downSize toolBody{display:none}canvasTools[data-mode="quick"]{position:fixed;left:auto; right:0px; top:20px;width:48px;border-radius:0px 0px 0px 10px;background-color:#fff;box-shadow:3px 3px 5px rgba(0,0,0,0.1), -3px 3px 5px rgba(0,0,0,0.1), 3px -3px 5px rgba(0,0,0,0.1), -3px -3px 5px rgba(0,0,0,0.1)}canvasTools[data-mode="quick"] toolHead{font-size:18px; line-height:100%;width:100%; height:30px;background-color:#FFdC00;border-radius:0px}canvasTools[data-mode="quick"] toolTitle{font-size:14px;line-height:30px;font-weight:bold;color:#760;text-indent:0px;text-align:center;letter-spacing:-1px}canvasTools[data-mode="quick"] toolEvents{position:absolute; left:-24px; top:0px}canvasTools[data-mode="quick"] toolEvents toolBtn{width:24px; height:24px}canvasTools[data-mode="quick"] toolBody{width:100%; height:auto;padding:0px}canvasTools[data-mode="quick"] toolBody>div{display:inline-block;position:relative;width:100%; height:100%;background-color:#F4EDC3;border-radius:0px 0px 0px 10px;padding:4px}canvasTools[data-mode="quick"] toolBody>div:nth-child(1){border-radius:0px 0px 0px 0px;border-bottom:2px dotted #ccc}canvasTools[data-mode="quick"] [data-view="type"]{padding-bottom:5px}canvasTools[data-mode="quick"] [data-view="side"]{border-top:2px dotted #ccc;padding-top:5px}canvasTools[data-mode="quick"] [data-view="side"]>*{display:inline-block}canvasTools[data-mode="quick"] toolTypes toolBtn,canvasTools[data-mode="quick"] toolHistory toolBtn,canvasTools[data-mode="quick"] toolVisible toolBtn{width:40px; height:40px}canvasTools[data-mode="quick"] toolViewThick{cursor:pointer;display:inline-block;width:40px; height:40px;background-color:#fff;border:1px solid #aaa;border-radius:8px}canvasTools[data-mode="quick"] toolViewThick svg{width:200%; height:100%;transform:scale(0.5,1);transform-origin:0% 0%;overflow:hidden}canvasTools[data-mode="quick"] toolViewBg{cursor:pointer;display:none;position:relative;background-color:#fff;margin-top:3px;width:40px; height:40px;border:1px solid #aaa;border-radius:8px;overflow:hidden}canvasTools[data-mode="quick"] toolViewThick.disabled,canvasTools[data-mode="quick"] toolViewBg.disabled{cursor:default;display:none}canvasTools[data-mode="quick"] [data-view="thick"],canvasTools[data-mode="quick"] [data-view="opacity"]{font-size:12px; line-height:20px;color:#555;margin-top:3px;letter-spacing:-1px}canvasTools[data-mode="quick"] [data-view="thick"] .title,canvasTools[data-mode="quick"] [data-view="opacity"] .title{position:static}canvasTools[data-mode="quick"] seek{height:12px}canvasTools[data-mode="quick"] seek.hold{opacity:0.4}canvasTools[data-mode="quick"] toolColors{position:absolute;display:none;z-index:10;width:145px; height:auto;left:auto;right:50px; top:0px;padding:5px;background-color:#F4EDC3;border-radius:8px 0px 0px 8px;box-shadow:3px 3px 5px rgba(0,0,0,0.1), -3px 3px 5px rgba(0,0,0,0.1), 3px -3px 5px rgba(0,0,0,0.1), -3px -3px 5px rgba(0,0,0,0.1)}canvasTools[data-mode="quick"] toolColors>.head{width:100%; height:26px;margin-bottom:3px}canvasTools[data-mode="quick"] toolColors>.head>.title{font-size:13px;font-weight:bold;line-height:28px;color:#555;margin-left:28px}canvasTools[data-mode="quick"] toolColors>.head toolBtn{position:absolute; left:3px; top:3px;width:24px; height:24px}canvasTools[data-mode="quick"] toolColors toolBtn{width:15px; height:15px}canvasTools[data-mode="simple"]{width:48px;border-radius:10px 10px 0px 0px;background-color:#fff;box-shadow:3px 3px 5px rgba(0,0,0,0.1), -3px 3px 5px rgba(0,0,0,0.1), 3px -3px 5px rgba(0,0,0,0.1), -3px -3px 5px rgba(0,0,0,0.1)}canvasTools[data-mode="simple"] toolHead{font-size:18px; width:100%; height:30px;background-color:#FFdC00;border-radius:10px 10px 0px 0px;overflow:hidden}canvasTools[data-mode="simple"] toolTitle{font-size:14px;line-height:30px;font-weight:bold;color:#760;text-indent:0px;text-align:center;letter-spacing:-1px}canvasTools[data-mode="simple"] toolEvents{position:absolute;display:none; right:48px; top:0px}canvasTools[data-mode="simple"] toolBody{width:100%; height:auto;padding:0px}canvasTools[data-mode="simple"] toolBody>div{display:block;position:relative;width:100%; height:auto;background-color:#F4EDC3;border-radius:0px;padding:4px}canvasTools[data-mode="simple"] toolBody>div:nth-child(1){border-bottom:2px dotted #ccc}canvasTools[data-mode="simple"] [data-view="type"]{padding-bottom:5px}canvasTools[data-mode="simple"] [data-view="side"]{border-top:2px dotted #ccc;padding-top:5px;display:none}canvasTools[data-mode="simple"] [data-view="side"]>*{display:inline-block}canvasTools[data-mode="simple"] toolTypes toolBtn,canvasTools[data-mode="simple"] toolHistory toolBtn,canvasTools[data-mode="simple"] toolVisible toolBtn{width:40px; height:40px}canvasTools[data-mode="simple"] toolViewThick{cursor:pointer;display:inline-block;width:40px; height:40px;background-color:#fff;border:1px solid #aaa;border-radius:8px}canvasTools[data-mode="simple"] toolViewThick svg{width:200%; height:100%;transform:scale(0.5,1);transform-origin:0% 0%;overflow:hidden}canvasTools[data-mode="simple"] toolViewBg{cursor:pointer;display:none;position:relative;background-color:#fff;margin-top:3px;width:40px; height:40px;border:1px solid #aaa;border-radius:8px;overflow:hidden}canvasTools[data-mode="simple"] toolViewThick.disabled,canvasTools[data-mode="simple"] toolViewBg.disabled{cursor:default;display:none}canvasTools[data-mode="simple"] [data-view="thick"],canvasTools[data-mode="simple"] [data-view="opacity"]{font-size:12px; line-height:20px;color:#555;margin-top:3px;letter-spacing:-1px}canvasTools[data-mode="simple"] [data-view="thick"] .title,canvasTools[data-mode="simple"] [data-view="opacity"] .title{position:static}canvasTools[data-mode="simple"] seek{height:12px}canvasTools[data-mode="simple"] seek.hold{opacity:0.4}canvasTools[data-mode="simple"] toolColors{position:absolute;display:none;z-index:10;width:145px; height:auto;left:auto;right:50px; top:-29px;padding:5px;background-color:#F4EDC3;border-radius:8px;box-shadow:3px 3px 5px rgba(0,0,0,0.1), -3px 3px 5px rgba(0,0,0,0.1), 3px -3px 5px rgba(0,0,0,0.1), -3px -3px 5px rgba(0,0,0,0.1)}canvasTools[data-mode="simple"] toolColors>.head{width:100%; height:26px;margin-bottom:3px}canvasTools[data-mode="simple"] toolColors>.head>.title{font-size:13px;font-weight:bold;line-height:28px;color:#555;margin-left:28px}canvasTools[data-mode="simple"] toolColors>.head toolBtn{position:absolute; left:3px; top:3px;width:24px; height:24px}canvasTools[data-mode="simple"] toolColors toolBtn{width:15px; height:15px}quiz,assessmentItem,itemBody{position:relative;display:block}assessPopup,quizFeedback,assessFeedback,correctResponse{position:relative;display:none}answer{display:inline-block}quizBtn{position:relative;display:inline-block;font-size:0px;width:120px; height:50px;cursor:pointer;background-size:200% 100%}quizBtn:hover,quizBtn:hover{background-position-x:100%}quizBtn[data-type="answer"].on,quizBtn[data-type="ex"].on{background-position-x:100%}quiz[data-state] quizFeedback,quiz[data-state] assessFeedback{display:block}quiz[data-mode="feedback"][data-state] quizBtn[data-type="answer"],quiz[data-mode="feedback"][data-state] quizBtn[data-type="ex"]{display:none}quizBtn[data-type="explain"]{display:none}quiz[data-state] quizBtn[data-type="explain"]{display:block}quiz.feedback quizFeedback{display:none}quiz.feedback quizFeedback.on{display:block}quiz[data-state].feedback quizFeedback{display:block}[data-response-type="line"]{position:relative}[data-response-type="line"] svg{width:100%; height:100%;position:absolute;left:0;top:0}[data-response-type="line"] itemBody{position:absolute;left:0;top:0}[data-response-type="line"] point{display:block;font-size:0; line-height:0;position:absolute;width:2.0rem; height:2.0rem;cursor:pointer}[data-response-type="line"] point:hover:after,[data-response-type="line"] point.on:after,[data-response-type="line"][data-state] point.hit:after{content:'';position:absolute;width:1.0rem; height:1.0rem;background-color:#fc0;border-radius:10.0rem;left:50%; top:50%;transform:translate(-50%,-50%)}[data-response-type="ox"], [data-response-type="ox"]>itemBody{display:inline-block}ox{cursor:pointer;display:inline-block;font-size:0px;line-height:0px;background-size:200% 100%;width:50px; height:50px}ox.on{background-position-x:100%}ox[data-val="o"]{background-image:url('quiz/ox/btn-o.png')}ox[data-val="x"]{background-image:url('quiz/ox/btn-x.png')}[data-response-type="ox"][data-state] ox{cursor:default}[data-response-type][data-state="answer"] assessFeedback{color:#db0101}[data-response-type][data-state="answer"] assessFeedback{color:#0055ff}[data-response-type="input"][data-state].feedback assessFeedback,[data-response-type="essay"][data-state].feedback assessFeedback{display:block}[data-response-type="input"][data-state="answer"] itemBody input,[data-response-type="input"][data-state="answer"] itemBody textarea,[data-response-type="essay"][data-state="answer"] itemBody textarea{color:#db0101}[data-response-type="input"][data-state="ex"] itemBody input,[data-response-type="input"][data-state="ex"] itemBody textarea,[data-response-type="essay"][data-state="ex"] itemBody textarea{color:#0055ff}[data-response-type="input"][data-state].feedback itemBody input,[data-response-type="input"][data-state].feedback itemBody textarea,[data-response-type="essay"][data-state].feedback itemBody textarea{color:#000000}[data-response-type="input"] itemBody input,[data-response-type="input"] itemBody textarea{width:100%}[data-response-type="input"][data-type="word"]{position:relative;display:inline-block;padding:0px 10px;background-color:#fff;border:6px solid #ffd495;border-radius:20px;text-align:center;margin-top:-6px;margin-bottom:-6px}[data-response-type="input"][data-type="word"] itemBody{display:inline-block;width:100%; height:100%}[data-response-type="input"][data-type="word"] itemBody input{text-align:center;width:100%; height:100%}[data-response-type="input"][data-type="word"] assessFeedback{position:absolute; left:0px; top:0px}[data-response-type="essay"] itemBody,[data-response-type="input"][data-type="essay"] itemBody{width:100%; height:100%}[data-response-type="essay"] itemBody textarea[data-response-type="input"][data-type="essay"] itemBody textarea{width:100%; height:100%;text-align:justify}[data-response-type="essay"][data-type="feedback"] itemBody,[data-response-type="input"][data-type="feedback"] itemBody{width:100%; height:100%}[data-response-type="essay"][data-type="feedback"] itemBody textarea,[data-response-type="input"][data-type="feedback"] itemBody textarea{width:100%; height:100%;text-align:justify}[data-response-type="essay"][data-type="feedback"][data-state] itemBody,[data-response-type="input"][data-type="feedback"][data-state] itemBody{display:none}[data-response-type="essay"][data-type="feedback"] assessFeedback,[data-response-type="input"][data-type="feedback"] assessFeedback{width:100%}[data-response-type="essay"][data-type="feedback"] assessFeedback>*,[data-response-type="input"][data-type="feedback"] assessFeedback>*{color:#0055ff}[data-response-type="word"] word{position:relative;display:inline-block}[data-response-type="word"] word>span{position:relative;display:inline-block;margin:-5px 0px;border:5px solid #b39360;border-radius:10px;padding:5px;background-color:#fff;color:#b39360}[data-response-type="word"][data-mode="click"] word>span{cursor:pointer}[data-response-type="word"][data-mode="click"][data-state] word>span{cursor:default}[data-response-type="word"] word.on>span{cursor:default;color:#0055ff}[data-response-type="word"] word.correct>span{color:#db0101}[data-response-type="word"] word input{color:#0055ff}[data-response-type="word"] word.correct input{color:#db0101}[data-response-type="choice"].multi choiceItem.on{cursor:pointer}[data-response-type="choice"][data-state].multi choiceItem{cursor:default}[data-response-type="choice"][data-mode="check"] choiceItem{padding-left:50px;color:#000000}[data-response-type="choice"][data-mode="check"] choiceItem:before{content:'';position:absolute;display:inline-block;left:0px; top:0px;width:40px; height:40px;background-size:300% 100%;background-image:url('quiz/choice/btn-check.png')}[data-response-type="choice"][data-mode="check"] choiceItem.on:before{background-position-x:-100%}[data-response-type="choice"][data-mode="check"] choiceItem.correct:before{background-position-x:-200%}[data-response-type="choice"][data-mode="word"] itemBody{display:inline-block}[data-response-type="choice"][data-mode="word"] choiceItem{display:inline-block}[data-response-type="choice"][data-mode="word"] choiceItem:before{content:'';position:absolute;width:100%; height:80%;padding:0% 2%;left:-4%; top:10%;border:6px solid transparent;border-radius:100px;margin:-6px -3px -6px -3px}[data-response-type="choice"][data-mode="word"] choiceItem.on:before{border-color:#09f}[data-response-type="drawLine"]{position:relative}[data-response-type="drawLine"]>svg{position:absolute; left:0px; top:0px;width:100%; height:100%}[data-response-type="drawLine"] point,[data-response-type="drawLine"] target{position:relative;cursor:pointer;display:inline-block;width:100px; height:100px}[data-response-type="drawLine"] point:after,[data-response-type="drawLine"] target:after{content:'';display:inline-block;width:30px; height:30px;background-color:#1c1c1c;position:absolute;left:35px; top:35px;border-radius:20px}[data-response-type="drawLine"] point:hover:after,[data-response-type="drawLine"] target:hover:after{background-color:#05f}[data-response-type="drawLine"] point.on:after,[data-response-type="drawLine"] target.on:after{background-color:#05f}[data-response-type="drawLine"][data-state] point:after,[data-response-type="drawLine"][data-state] target:after{background-color:#a1a1a1}[data-response-type="drawLine"][data-state] point,[data-response-type="drawLine"][data-state] target{cursor:default}[data-response-type="drawLine"]>itemBody .left{position:absolute; left:0px; top:0px;display:table; width:100px}[data-response-type="drawLine"]>itemBody .right{position:absolute; right:0px; top:0px;display:table; width:100px}[data-response-type="drawLine"]>itemBody .top{position:absolute; left:0px; top:0px;display:table}[data-response-type="drawLine"]>itemBody .bottom{position:absolute; left:0px; bottom:0px;display:table}[data-response-type="drag"]{position:relative}dragTarget{position:relative}drag{position:absolute;display:inline-block;cursor:pointer}drag>img{width:100%}drag img{pointer-events:none}drag.drag-down,drag[data-drag-state="move"]{z-index:999}[data-response-type="drag"] target,dragTarget target{position:absolute;display:inline-block}[data-response-type="drag"] target>img,dragTarget target>img{width:100%}[data-response-type="drop"] itemBody,[data-response-type="drop"] itemBody drophead{width:100%; height:100%}[data-response-type="drawing"]{position:relative;width:100%; height:100%}[data-response-type="drawing"] itemBody{position:relative;width:100%; height:100%}[data-response-type="drawing"] assessFeedback{position:absolute;left:0px; top:0px;width:100%; height:100%}[data-response-type="drawing"][data-state] assessFeedback{display:block}[data-response-type="?"]{position:relative}[data-response-type="?"][data-mode="click"] itemBody{position:relative}[data-response-type="?"][data-mode="click"] itemBody word{cursor:pointer}[data-response-type="?"] itemBody word{position:relative;border-radius:8px;min-width:45px; min-height:45px;text-align:center;display:inline-block;border-radius:8px;overflow:hidden}[data-response-type="?"] itemBody word>.block{position:absolute; left:0px; top:0px;width:100%; height:100%;background-color:#e6e6e6;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-moz-box-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-moz-align-items:center;-ms-flex-align:center;align-items:center}[data-response-type="?"] itemBody word>.block:after{content:'?';position:absolute;display:inline-block;width:45px; height:45px;line-height:45px;font-weight:bold;color:#ff0000}[data-response-type="?"] itemBody word.on>.block{display:none}