@charset "UTF-8";body{padding:0;margin:0;overflow:hidden;font-family:ROBOTO}*,*:before,*:after{box-sizing:border-box}::-webkit-scrollbar-thumb{background-color:#c8c8c880;border-radius:5px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb:hover{background:#444}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;padding:0;vertical-align:middle}@keyframes animate-vibrate{0%{left:0;top:0}1%{left:0;top:0}2%{left:0;top:1px}3%{left:0;top:-1px}4%{left:0;top:1px}5%{left:0;top:1px}6%{left:-1px;top:0}7%{left:1px;top:1px}8%{left:1px;top:0}9%{left:1px;top:-1px}10%{left:1px;top:0}11%{left:0;top:0}12%{left:1px;top:1px}13%{left:1px;top:0}14%{left:-1px;top:1px}15%{left:0;top:-1px}16%{left:1px;top:0}17%{left:1px;top:-1px}18%{left:-1px;top:1px}19%{left:0;top:1px}20%{left:1px;top:1px}21%{left:1px;top:0}22%{left:1px;top:-1px}23%{left:-1px;top:0}24%{left:0;top:0}25%{left:0;top:0}26%{left:0;top:1px}27%{left:1px;top:-1px}28%{left:1px;top:-1px}29%{left:0;top:0}30%{left:-1px;top:1px}31%{left:-1px;top:-1px}32%{left:1px;top:0}33%{left:1px;top:-1px}34%{left:0;top:1px}35%{left:-1px;top:0}36%{left:1px;top:-1px}37%{left:-1px;top:0}38%{left:1px;top:1px}39%{left:1px;top:-1px}40%{left:0;top:0}41%{left:0;top:0}42%{left:-1px;top:1px}43%{left:0;top:0}44%{left:1px;top:1px}45%{left:1px;top:-1px}46%{left:1px;top:-1px}47%{left:-1px;top:1px}48%{left:1px;top:0}49%{left:0;top:0}50%{left:1px;top:0}51%{left:0;top:0}52%{left:0;top:-1px}53%{left:1px;top:-1px}54%{left:-1px;top:1px}55%{left:-1px;top:-1px}56%{left:0;top:1px}57%{left:-1px;top:1px}58%{left:0;top:1px}59%{left:-1px;top:-1px}60%{left:-1px;top:-1px}61%{left:1px;top:1px}62%{left:0;top:-1px}63%{left:1px;top:0}64%{left:1px;top:-1px}65%{left:1px;top:-1px}66%{left:-1px;top:0}67%{left:-1px;top:0}68%{left:1px;top:-1px}69%{left:-1px;top:1px}70%{left:1px;top:1px}71%{left:1px;top:0}72%{left:-1px;top:1px}73%{left:0;top:1px}74%{left:-1px;top:0}75%{left:0;top:1px}76%{left:0;top:0}77%{left:1px;top:-1px}78%{left:-1px;top:1px}79%{left:0;top:1px}80%{left:1px;top:1px}81%{left:0;top:0}82%{left:-1px;top:-1px}83%{left:1px;top:0}84%{left:0;top:1px}85%{left:1px;top:-1px}86%{left:1px;top:1px}87%{left:-1px;top:1px}88%{left:1px;top:1px}89%{left:0;top:1px}90%{left:1px;top:-1px}91%{left:1px;top:-1px}92%{left:1px;top:1px}93%{left:0;top:0}94%{left:0;top:-1px}95%{left:1px;top:0}96%{left:-1px;top:0}97%{left:-1px;top:-1px}98%{left:1px;top:0}99%{left:0;top:1px}to{left:0;top:0}}@keyframes animate-blink{0%{opacity:1}50%{opacity:1}50%{opacity:.5}to{opacity:.5}}@keyframes animate-caret{0%{background-color:#39f;color:#fff}50%{background-color:#39f;color:#fff}50.01%{background-color:transparent;color:inherit}to{background-color:transparent;color:inherit}}@keyframes animate-caret-red{0%{background-color:#39f;color:#fcc}50%{background-color:#39f;color:#fcc}50.01%{background-color:transparent;color:#f55}to{background-color:transparent;color:#f55}}@keyframes animate-caret-blue{0%{background-color:#39f;color:#ccf}50%{background-color:#39f;color:#ccf}50.01%{background-color:transparent;color:#55f}to{background-color:transparent;color:#55f}}@keyframes animate-caret-violet{0%{background-color:#39f;color:#fcf}50%{background-color:#39f;color:#fcf}50.01%{background-color:transparent;color:#f5f}to{background-color:transparent;color:#f5f}}@keyframes blinker{0%{opacity:1}to{opacity:0}}html{height:100%;width:100%;padding:0;margin:0;background-color:#000;overflow:hidden}body{-webkit-user-select:none;width:100%;height:100%;overflow:hidden;margin:0;padding:0;cursor:default;-webkit-tap-highlight-color:transparent}.logo{width:150px;height:44px}#Loaing{position:absolute;inset:0;opacity:1;z-index:10000}#Loaing:after{position:absolute;left:50%;top:50%;width:200px;margin-left:-100px;margin-top:30px;text-align:center;font:12px arial;color:#fff}@font-face{font-family:ckin;src:url(/font/ckin.woff?g02cfx) format("woff");font-weight:400;font-style:normal}[class^=ckin-],[class*=" ckin-"],[class^=jp-],[class*=" jp-"]{font-family:ckin!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ckin-compress:before{content:""}.ckin-expand:before{content:""}.ckin-play:before{content:""}.ckin-pause:before{content:""}.ckin-stop:before{content:""}.ckin-backward:before{content:""}.ckin-forward:before{content:""}.ckin-volume-high:before{content:""}.ckin-volume-medium:before{content:""}.ckin-volume-low:before{content:""}.ckin-volume-mute:before{content:""}#AppCacheBackground{position:absolute;inset:0;z-index:10101;background-color:#000;opacity:.5;display:none}#AppCacheProgress{position:absolute;bottom:0;left:5px;width:200px;height:25px;font:700 7pt verdana;color:#888;z-index:10102}.jp{position:relative}.jp .jp-controls{position:absolute;width:100%;height:100%;z-index:1}.jp .jp-bottom{position:absolute;bottom:0;height:40px;width:100%;background-color:#0009;padding-top:3px}.jp .jp-progress-bar{position:relative;height:10px;width:100%;cursor:pointer}.jp .jp-progress-bar .jp-progress-track{position:absolute;background-color:#ffffff4d;width:100%;height:5px;margin-top:1px}.jp .jp-progress-bar .jp-progress-value{width:30%;background-color:red;height:100%}.jp .jp-progress-bar:hover .jp-progress-track{margin-top:0;background-color:#ffffff80;height:7px}.jp .jp-small-btn-play-pause{width:24px;height:24px;font-size:20px;color:#eee;text-align:center;line-height:24px;display:inline-block;vertical-align:middle;cursor:pointer;margin-left:10px}.jp .jp-pos,.jp .jp-dur{line-height:1;font-size:13px;color:#fff;display:inline-block;vertical-align:middle;height:13px}.jp .jp-pos{margin-left:15px}.jp .jp-pos:after{content:"/ "}.jp .jp-small-btn-play-pause:hover{color:#fff}.jp .jp-btn-fullscreen{float:right;width:24px;height:24px;font-size:20px;color:#eee;text-align:center;line-height:24px;display:inline-block;vertical-align:middle;cursor:pointer;margin-right:10px}.jp .jp-btn-fullscreen:after{content:""}.jp .jp-fullscreen:after{content:""}.jp .jp-btn-volume{width:24px;height:24px;font-size:16px;color:#eee;text-align:center;line-height:24px;display:inline-block;vertical-align:middle;cursor:pointer;margin-left:10px}.jp .jp-btn-volume:after{content:""}.jp .jp-volume{width:50px;display:inline-block;padding-top:4px}.jp .jp-volume .jp-progress-value{background-color:#eee}.jp .jp-btn-play-pause{position:absolute;width:50px;height:50px;left:50%;top:50%;font-size:40px;color:#eee;margin-left:-25px;margin-top:-25px;text-align:center;line-height:50px;z-index:100;cursor:pointer}.jp .jp-btn-play-pause:hover{color:#fff}.jp .jp-play:before{content:""}.jp .jp-pause:before{content:""}.checkboxhack{height:30px;min-width:50px;background:url(/skin/default/check_off.png) 5px 50% no-repeat;padding-left:35px;line-height:30px;padding-right:5px}.checkboxhack.on{background-image:url(/skin/default/check_on.png)}.app{position:absolute;inset:0;overflow:hidden;font:11px verdana}html.monitor-small .app{background:url(/skin/default/bg_small.jpg) 50% 0px repeat-y;background-size:cover}html.monitor-medium .app{background:url(/skin/default/bg_medium.jpg) 50% 0px repeat-y;background-size:cover}html.monitor-large .app{background:url(/skin/default/bg_large.jpg) 50% 0px repeat-y;background-size:cover}.home{position:absolute;inset:0;overflow:hidden;z-index:1}.page{position:absolute;inset:0;overflow:hidden;z-index:10;opacity:1}.page.ready{opacity:0}.gnb{position:absolute;left:50%;top:0;width:916px;height:73px;margin-left:-463px;background:url(/skin/default/menu_bg.png) 50% 0px no-repeat;z-index:100}html.monitor-small .gnb{width:716px;margin-left:-363px;background:url(/skin/default/menu_bg_small.png) 50% 0px no-repeat;z-index:2}.logo{position:absolute;left:50%;top:10px;margin-left:-426px}html.monitor-small .logo{margin-left:-326px}.user-info{position:absolute;left:50%;top:24px;width:172px;height:27px;margin-left:175px;padding:0 15px 0 30px;font:700 12px dotum;color:#333;line-height:23px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:url(/skin/default/home_user_bg.png) 50% 0px no-repeat}html.monitor-small .user-info{display:none}.gnb:after{content:"";position:absolute;left:50%;top:0;width:334px;height:12px;margin-left:-204px;background:url(/skin/default/home_deco0.png) 50% 0px no-repeat;z-index:2}html.monitor-small .gnb:after{margin-left:-104px}.close-button{position:absolute;left:50%;margin-left:398px;width:30px;height:30px;border:1px #555 solid;cursor:pointer;opacity:0}html.monitor-small .close-button{margin-left:298px}.menu-report{position:absolute;left:50%;top:-21px;width:56px;height:78px;margin-left:-193px;background:url(/skin/default/menu_report.png) 50% 0px no-repeat;cursor:pointer;z-index:1}html.monitor-small .menu-report{margin-left:-93px}.menu-report:hover{top:12px}.menu-study{position:absolute;left:50%;top:-21px;width:56px;height:78px;margin-left:-130px;background:url(/skin/default/menu_study.png) 50% 0px no-repeat;cursor:pointer;z-index:1}html.monitor-small .menu-study{margin-left:-30px}.menu-study:hover{top:12px}.menu-homework{position:absolute;left:50%;top:-21px;width:56px;height:78px;margin-left:-66px;background:url(/skin/default/menu_homework.png) 50% 0px no-repeat;cursor:pointer;z-index:1}html.monitor-small .menu-homework{margin-left:34px}.menu-homework:hover{top:12px}.menu-homework:active{top:-21px}.menu-ranking{position:absolute;left:50%;top:-21px;width:56px;height:78px;margin-left:-2px;background:url(/skin/default/menu_ranking.png) 50% 0px no-repeat;cursor:pointer;z-index:1}html.monitor-small .menu-ranking{margin-left:98px}.menu-ranking:hover{top:12px}.menu-setting{position:absolute;left:50%;top:-21px;width:56px;height:78px;margin-left:60px;background:url(/skin/default/menu_setting.png) 50% 0px no-repeat;cursor:pointer;z-index:1}html.monitor-small .menu-setting{margin-left:160px}.menu-setting:hover{top:12px}.navi-study{position:absolute;left:50%;top:50px;width:486px;height:312px;margin-left:-500px;background:url(/skin/default/navi_study.png) 0px 0px no-repeat;cursor:pointer;-webkit-transform:rotate(-12deg);-ms-transform:rotate(-12deg);transform:rotate(-12deg)}.navi-study:hover{-webkit-transform:rotate(-11deg);-ms-transform:rotate(-11deg);transform:rotate(-11deg);z-index:1}html.monitor-large .navi-study{top:100px;margin-left:-600px}html.monitor-small .navi-study{top:30%;width:198px;height:238px;margin-left:-400px;background:url(/skin/default/navi_study_small.png) 0px 0px no-repeat;background-size:100% 100%;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0)}.navi-ranking{position:absolute;left:50%;top:80px;width:389px;height:301px;margin-left:130px;background:url(/skin/default/navi_ranking.png) 50% 0px no-repeat;cursor:pointer;-webkit-transform:rotate(20deg);-ms-transform:rotate(20deg);transform:rotate(20deg)}.navi-ranking:hover{-webkit-transform:rotate(19deg);-ms-transform:rotate(19deg);transform:rotate(19deg);z-index:1}html.monitor-large .navi-ranking{top:130px;margin-left:160px}html.monitor-small .navi-ranking{top:30%;width:192px;height:238px;margin-left:-200px;background:url(/skin/default/navi_ranking_small.png) 0px 0px no-repeat;background-size:100% 100%;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0)}.navi-homework{position:absolute;left:50%;top:200px;width:341px;height:537px;margin-left:-150px;background:url(/skin/default/navi_homework.png) 50% 0px no-repeat;cursor:pointer;-webkit-transform:rotate(-7deg);-ms-transform:rotate(-7deg);transform:rotate(-7deg)}.navi-homework:hover{-webkit-transform:rotate(-6deg);-ms-transform:rotate(-6deg);transform:rotate(-6deg);z-index:1}html.monitor-large .navi-homework{top:230px;margin-left:-150px}html.monitor-small .navi-homework{top:30%;width:144px;height:238px;margin-left:-50px;background:url(/skin/default/navi_homework_small.png) 0px 0px no-repeat;background-size:100% 100%;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0)}.navi-report{position:absolute;left:50%;top:320px;width:334px;height:542px;margin-left:-500px;background:url(/skin/default/navi_report.png) 50% 0px no-repeat;cursor:pointer;-webkit-transform:rotate(13deg);-ms-transform:rotate(13deg);transform:rotate(13deg)}.navi-report:hover{-webkit-transform:rotate(12deg);-ms-transform:rotate(12deg);transform:rotate(12deg);z-index:1}html.monitor-large .navi-report{top:350px;margin-left:-540px}html.monitor-large .navi-report:hover{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0)}html.monitor-small .navi-report{top:30%;width:151px;height:238px;margin-left:100px;background:url(/skin/default/navi_report_small.png) 0px 0px no-repeat;background-size:100% 100%;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0)}.navi-setting{position:absolute;left:50%;top:450px;width:318px;height:278px;margin-left:140px;background:url(/skin/default/navi_setting.png) 50% 0px no-repeat;cursor:pointer;-webkit-transform:rotate(-22deg);-ms-transform:rotate(-22deg);transform:rotate(-22deg)}.navi-setting:hover{-webkit-transform:rotate(-21deg);-ms-transform:rotate(-21deg);transform:rotate(-21deg);z-index:1}html.monitor-large .navi-setting{top:490px;margin-left:180px}html.monitor-small .navi-setting{top:30%;width:114px;height:238px;margin-left:250px;background:url(/skin/default/navi_setting_small.png) 0px 0px no-repeat;background-size:100% 100%;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0)}.copyright{position:absolute;bottom:0;left:0;right:0;height:35px;color:#fff;background-color:#000;opacity:.5;z-index:100;text-align:center;padding:5px 0;line-height:25px}.app-deco1{position:absolute;left:50%;top:680px;width:143px;height:137px;margin-left:300px;background:url(/skin/default/home_deco1.png) 50% 0px no-repeat;-webkit-transform:rotate(10deg);-ms-transform:rotate(10deg);transform:rotate(10deg)}html.monitor-large .app-deco1{top:680px;margin-left:300px;-webkit-transform:rotate(22deg);-ms-transform:rotate(22deg);transform:rotate(22deg)}html.monitor-small .app-deco1{display:none}.app-deco2{position:absolute;left:50%;top:440px;width:195px;height:186px;margin-left:-560px;background:url(/skin/default/home_deco2.png) 50% 0px no-repeat;-webkit-transform:rotate(-5deg);-ms-transform:rotate(-5deg);transform:rotate(-5deg)}html.monitor-large .app-deco2{top:470px;margin-left:-600px;-webkit-transform:rotate(22deg);-ms-transform:rotate(22deg);transform:rotate(22deg)}html.monitor-small .app-deco2{display:none}.page-homework{position:absolute;width:95%;min-width:600px;max-width:1200px;height:95%;border-radius:5px;left:50%;top:50%;transform-origin:center;translate:-50% -50%}.learning-wrap{position:absolute;inset:80px 30px 15px}.homework-page{position:absolute;inset:120px 0 0}.homework-page-half{position:absolute;overflow:hidden;width:50%;top:0;bottom:0}.homework-navigator{position:absolute;inset:-40px 0 30px;padding-left:130px}.homework-navigator .homework-navigator-button-prev{display:inline-block;width:25px;height:25px;background:url(/skin/default/btn_hwlist_week_prev.png) no-repeat;vertical-align:middle;cursor:pointer}.homework-navigator .homework-navigator-date{display:inline-block;font:700 21px arial;color:#2a200d;vertical-align:middle}.homework-navigator .homework-navigator-button-next{display:inline-block;width:25px;height:25px;background:url(/skin/default/btn_hwlist_week_next.png) no-repeat;vertical-align:middle;cursor:pointer}.homework-navigator-button-hide{position:absolute;right:30px;padding:5px;background-color:#ffffffb3;border-radius:5px;cursor:pointer}.homework-navigator:after{content:"";position:absolute;left:-1px;width:122px;height:26px;background:url(/skin/default/title_weeklyplay.png) no-repeat}.homework-tool-back{content:"";position:absolute;inset:0;background-color:#000;opacity:.5;z-index:100;border-radius:15px}.homework-tool-wrap{position:absolute;left:10px;top:50%;right:10px;height:300px;margin-top:-150px;background-color:#fff;z-index:101}.homework-tool-wrap .close{position:absolute;right:10px;top:10px;height:44px;width:44px;border:1px #555 solid;cursor:pointer;background:#aaa}.homework-wrap{position:absolute;inset:0 30px 30px;background-color:#fff;background-image:-webkit-linear-gradient(#E8EAF0 1px,transparent 1px),-webkit-linear-gradient(0,#E8EAF0 1px,transparent 1px);background-size:10px 10px;-webkit-box-shadow:0px 0px 5px rgba(55,55,55,.4)}.homework-deco1{position:absolute;top:90px;right:80px;width:432px;height:63px;background:url(/skin/default/homework_deco1.png) no-repeat;z-index:0}html.monitor-small .homework-deco1{display:none}.homework-deco2{position:absolute;left:40px;bottom:0;width:432px;height:63px;background:url(/skin/default/homework_deco1.png) no-repeat;z-index:0;-webkit-transform:rotate(183deg);-ms-transform:rotate(183deg);transform:rotate(183deg)}html.monitor-small .homework-deco2{display:none}.homework-list-wrap{position:absolute;inset:10px}.study-deco1{position:absolute;left:60px;top:-3px;right:60px;height:41px;background:url(/skin/default/bg_spring.png) repeat-x;z-index:0}html.monitor-small .study-deco1{display:none}.study-deco2{position:absolute;left:30px;top:79px;right:30px;height:1px;border-bottom:1px #C3C3C3 solid}.study-navigator{position:absolute;inset:92px 0 30px;padding-left:130px}html.monitor-small .study-navigator{display:none}.study-navigator:after{content:"";position:absolute;left:-1px;width:122px;height:26px;background:url(/skin/default/title_mylibrary.png) no-repeat}.study-wrap{position:absolute;inset:120px 30px 30px}html.monitor-small .study-wrap{top:80px}.es-hwlist{position:relative;overflow:auto;height:100%}.es-hwlist .loading{position:absolute;inset:50px 20px 0 0;background:url(https://engstar.org/mobile/img/loading.gif) 50% 50% no-repeat #262626;opacity:.2;display:none}.es-hwlist .loading:after{position:absolute;left:50%;top:50%;width:200px;margin-left:-100px;margin-top:30px;text-align:center;font:12px arial;content:"Loading... Please wait";color:#fff}.es-hwlist .frozen-column-wrap{position:absolute;left:0;top:0;height:44px;width:294px;border:1px #5D5347 solid;margin:0 2px;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#5D5347),color-stop(45%,#5D5347),color-stop(45%,#7E766D),color-stop(77%,#6E655A),color-stop(100%,#61574B));-webkit-box-shadow:1px 1px 1px rgba(55,55,55,.3);z-index:10}.es-hwlist .froze-title>div:first-child{padding-top:3px;height:17px;font:700 14px Arial;color:#aaa59d;text-align:center}.es-hwlist .froze-title>div:last-child{padding-top:2px;line-height:18px;font:700 16px arial;color:#f4ca07;text-align:center}.es-hwlist .frozen-row-wrap{position:absolute;left:0;top:50px;bottom:0;width:300px;overflow:auto}.es-hwlist .frozen-row-wrap::-webkit-scrollbar{width:0px;height:8px}.es-hwlist .frozen-row{position:relative;height:48px;cursor:pointer;margin-left:2px;margin-bottom:7px;border:1px #ddd solid;border-width:1px 0px 1px 1px;overflow:hidden;background-color:#eaeaea}.es-hwlist .frozen-row.over{background-color:#cafaf5;border-color:#4a4a4a #ddd}.es-hwlist .frozen-row .title{font:700 14px 나눔고딕;word-spacing:-3px;line-height:20px;padding:5px;height:48px;border-right:1px #ddd solid;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.es-hwlist .frozen-row .type,.es-hwlist .frozen-row .complete,.es-hwlist .frozen-row .accuracy,.es-hwlist .frozen-row .type-user,.es-hwlist .frozen-row .type-class{position:absolute;font:7pt tahoma;padding:3px;background-color:#39f;color:#fff;width:34px;text-align:center;bottom:5px;border-radius:3px;margin-right:5px}.es-hwlist .frozen-row .type.voca,.es-hwlist .frozen-row .complete.voca,.es-hwlist .frozen-row .accuracy.voca,.es-hwlist .frozen-row .type-user.voca,.es-hwlist .frozen-row .type-class.voca{background-color:#de398b}.es-hwlist .frozen-row .type.intv,.es-hwlist .frozen-row .complete.intv,.es-hwlist .frozen-row .accuracy.intv,.es-hwlist .frozen-row .type-user.intv,.es-hwlist .frozen-row .type-class.intv{background-color:#652dab}.es-hwlist .frozen-row .type.exam,.es-hwlist .frozen-row .complete.exam,.es-hwlist .frozen-row .accuracy.exam,.es-hwlist .frozen-row .type-user.exam,.es-hwlist .frozen-row .type-class.exam{background-color:#532e19}.es-hwlist .frozen-row .complete{right:75px;background-color:#ccc}.es-hwlist .frozen-row .accuracy{right:40px;background-color:#ccc}.es-hwlist .frozen-row .type{right:5px}.es-hwlist .frozen-row .type-user{left:5px;background-color:#eea;color:#555}.es-hwlist .frozen-row .type-class{left:5px;background-color:#aee;color:#555}.es-hwlist .frozen-row.gray{-webkit-filter:grayscale(1)}.es-hwlist .frozen-row.past{display:none}.es-hwlist .column-wrap{position:absolute;left:300px;top:0;height:51px;right:20px;overflow:hidden;white-space:nowrap;z-index:10}.es-hwlist .column{position:relative;display:inline-block;height:50px;text-align:center;overflow:hidden}.es-hwlist .column>div{height:44px;border:1px #8E7F57 solid;vertical-align:bottom;margin:0 2px 0 1px;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#d1c4a3),color-stop(45%,#d1c4a3),color-stop(45%,#e0d7c1),color-stop(77%,#dacfb5),color-stop(100%,#d1c4a3));-webkit-box-shadow:1px 1px 1px rgba(55,55,55,.3)}.es-hwlist .column>div .day{padding-top:3px;height:17px;font:700 14px Arial;color:#897951}.es-hwlist .column>div .date{padding-top:2px;line-height:18px;font:700 18px arial;color:#887953}.es-hwlist .column.day-today>div{background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#ECC01D),color-stop(45%,#ECC01D),color-stop(45%,#F2D466),color-stop(77%,#F0CC48),color-stop(100%,#ECC01D))}.es-hwlist .column.day-today>div .day{color:#694c1f}.es-hwlist .column.day-today>div .date{color:#694c1f}.es-hwlist .column.day-sat .day,.es-hwlist .column.day-sat .date{color:#694cff}.es-hwlist .column.day-sun .day,.es-hwlist .column.day-sun .date{color:#ff4c1f}.es-hwlist .column.day-sat.day-today .day,.es-hwlist .column.day-today.day-sat .date{color:#694cee}.es-hwlist .column.day-sun.day-today .day,.es-hwlist .column.day-today.day-sun .date{color:#ee4c1f}.es-hwlist .row-wrap{position:absolute;inset:50px 20px 0 300px;padding-right:1px;overflow:auto}.es-hwlist .row{position:relative;height:48px;white-space:nowrap;cursor:pointer;overflow:hidden;margin-bottom:7px;border:1px #ddd solid;border-width:1px 0px;background-color:#eaeaea}.es-hwlist .row.over{background-color:#cafaf5;border-color:#4a4a4a #ddd #4a4a4a #ddd}.es-hwlist .row.past{display:none}.es-hwlist .row .cell{display:inline-block;text-align:center;height:50px;overflow:hidden;vertical-align:top}.es-hwlist .row .cell>div{border:1px #ddd solid;border-width:0px 1px 0px 0px;height:48px}.es-hwlist .row .cell.day-sat{color:#00d}.es-hwlist .row .cell.day-sun{color:#d00}.es-hwlist .row .cell.day-today{color:#00d;background-color:#e6cda280}.es-hwlist .row .gauge-wrap{position:absolute;top:15px}.es-hwlist .row .gauge-wrap .gauge{border:1px #104E8B solid;height:15px;line-height:15px;overflow:hidden;margin:0 10px;padding-right:10px;border-radius:5px;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#2E84DA),color-stop(50%,#2E84DA),color-stop(50%,#5C9FE2),color-stop(100%,#5C9FE2));-webkit-box-shadow:1px 1px 1px rgba(55,55,55,.3);color:#fff;text-align:right}.es-hwlist .row .gauge-wrap .gauge.voca{border-color:#b41665;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#E25099),color-stop(50%,#E25099),color-stop(50%,#E876AF),color-stop(100%,#E876AF))}.es-hwlist .row .gauge-wrap .gauge.intv{border-color:#652dab;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#652DAB),color-stop(50%,#652DAB),color-stop(50%,#8457BC),color-stop(100%,#8457BC))}.es-hwlist .row .gauge-wrap .gauge.exam{border-color:#532e19;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#532E19),color-stop(50%,#532E19),color-stop(50%,#755847),color-stop(100%,#755847))}.es-hwlist .row .gauge-wrap .gauge.before{margin-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.es-hwlist .row .gauge-wrap .gauge.after{margin-right:0;border-top-right-radius:0;border-bottom-right-radius:0;border-right-width:0}html.monitor-large .es-hwlist .row .gauge-wrap .gauge,html.monitor-medium .es-hwlist .row .gauge-wrap .gauge{font-size:7pt}.es-hwlist .row .gauge-wrap.gray .gauge{-webkit-filter:grayscale(1)}.book-tree-wrap{position:absolute;left:0;width:270px;top:0;bottom:20px;border:1px #b0b0b0 solid;border-color:#b0b0b0 #B4B4B4 #B4B4B4 #b0b0b0;border-bottom:0px;overflow:hidde;background:url(/skin/default/study_bg_tree.png)}.book-tree-wrap:after{content:"";position:absolute;bottom:-20px;width:100%;height:24px;background:url(/skin/default/book_list_bottom.png)}.book-tree-wrap:before{content:"";position:absolute;bottom:0;right:0;width:18px;height:21px;background:url(/skin/default/book_list_deco.png)}.book-tree{position:absolute;inset:5px 5px 35px;padding-right:5px;overflow:auto}.book-tree .item-wrap{white-space:nowrap}.book-tree .item-wrap .item{border-bottom:1px #D3D3D3 dashed;background-image:url(/skin/default/study_bg_tree_selecteditem.png);line-height:33px}.book-tree .item-wrap .head{display:inline-block;width:16px;height:16px;vertical-align:middle;margin-right:5px;display:none}.book-tree .item-wrap .icon{display:inline-block;width:16px;height:16px;vertical-align:middle;margin-right:5px;background:url(https://engstar.org/rsc/app/icons/engstar/sent16.png)}.book-tree .item-wrap .text{display:inline-block;padding:3px}.book-tree .item-wrap .head.folder{background:url(https://engstar.org/rsc/app/icons/fatcow16/bullet_arrow_right.png)}.book-tree .item-wrap .head.leaf{background:none}.book-tree .item-wrap.expanded>.head{background:url(https://engstar.org/rsc/app/icons/fatcow16/bullet_arrow_down.png)}.book-tree .item-wrap .head.nochild{background:none}.book-tree .item-wrap .icon-sent{background:url(https://engstar.org/rsc/app/icons/engstar/sent16.png)}.book-tree .item-wrap .icon-voca{background:url(https://engstar.org/rsc/app/icons/engstar/voca16.png)}.book-tree .item-wrap .icon-intv{background:url(https://engstar.org/rsc/app/icons/engstar/intv16.png)}.book-tree .item-wrap .icon-exam{background:url(https://engstar.org/rsc/app/icons/engstar/exam16.png)}.book-tree .item-wrap .icon-gram{background:url(https://engstar.org/rsc/app/icons/engstar/gram16.png)}.book-tree .item-wrap .icon-folder{background:url(https://engstar.org/rsc/app/icons/fatcow16/folder.png)}.book-tree .item-wrap .child-wrap{display:none}.book-tree .item-wrap.expanded>.child-wrap{display:block}.book-tree .item-wrap.selected>.item{background:#eec9a0}.book-tree>.item-wrap>.item{background-image:url(/skin/default/study_bg_tree.png)}.book-tree>.item-wrap>.item>.icon{width:27px;height:47px;background:url(/skin/default/study_tree_rooticon.png) 50% 50% no-repeat}.content-list-wrap{position:absolute;inset:0 0 0 280px}.content-list{position:absolute;inset:0;border:4px #c8c8c8 solid;border-radius:5px;background-color:#fff;padding:13px;overflow:auto}.content-list::-webkit-scrollbar-thumb{background-color:#c8c8c880;border-radius:5px}.content-list::-webkit-scrollbar{width:8px;height:8px}.content-list::-webkit-scrollbar-thumb:hover{background:#444}.content-list .item{position:relative;height:74px;border:1px #ccc solid;margin-bottom:10px;border-radius:3px;cursor:pointer;white-space:nowrap;background-image:url(/skin/default/study_bg_contentslist.png);-webkit-box-shadow:0px 1px 2px #C4C4C4}.content-list .item:hover{background-color:#eee}.content-list .item .icon{position:absolute;top:10px;left:10px;display:inline-block;width:16px;height:16px;vertical-align:middle;margin-right:5px}.content-list .item .icon-sent{background:url(https://engstar.org/rsc/app/icons/engstar/sent16.png)}.content-list .item .icon-voca{background:url(https://engstar.org/rsc/app/icons/engstar/voca16.png)}.content-list .item .icon-intv{background:url(https://engstar.org/rsc/app/icons/engstar/intv16.png)}.content-list .item .icon-exam{background:url(https://engstar.org/rsc/app/icons/engstar/exam16.png)}.content-list .item .icon-gram{background:url(https://engstar.org/rsc/app/icons/engstar/gram16.png)}.content-list .item .icon-mixed{background:url(https://engstar.org/rsc/app/icons/engstar/mixed16.png)}.content-list .item>.text{position:absolute;top:10px;left:30px;right:10px;display:inline-block;vertical-align:top;font:700 12px 나눔고딕;overflow:hidden;text-overflow:ellipsis}.content-list .item .accuracy{position:absolute;left:32px;top:46px}.content-list .item .complete{position:absolute;left:132px;top:46px}.scroller-scrollbar{position:absolute;right:5px;border-radius:5px;width:6px;background-color:#555;z-index:2;opacity:.5;cursor:pointer}.scroller-scrollbar.over{width:8px;opacity:1}.scroller-scrollbar.disable{display:none}.book-cover{position:absolute;inset:0;perspective:400px}.book-cover:after{content:"";position:absolute;inset:0;border-width:40px;border-style:solid;border-image:url(/skin/default/book_brownborder.png) 40 40 round;background-color:#ddecf6;background-origin:border-box;border-radius:20px}.book-page{position:absolute;inset:7px 21px 7px 50%;margin-left:2.5px;background-image:-webkit-gradient(linear,left top,right top,color-stop(0%,#cddae4),color-stop(56%,#dcebf5),color-stop(91%,#ddecf6),color-stop(100%,#b9c6ce));background-origin:border-box;border-radius:0 15px 15px 0;-webkit-backface-visibility:hidden;-webkit-transform-origin:left center;-webkit-transform:perspective(600px) rotateY(0deg)}.book-page.show{background-image:-webkit-gradient(linear,left top,right top,color-stop(0%,#ddecf6),color-stop(84%,#DDECF6),color-stop(100%,#CDDBE4));-webkit-transform:perspective(600px) rotateY(-180deg)}.book-cover:before{content:"";position:absolute;top:50%;right:-26px;margin-top:-35px;width:69px;height:63px;background:url(/skin/default/book_brownbutton.png) no-repeat;z-index:1}html.monitor-small .book-cover:before{display:none}.book-label:after{content:"";position:absolute;left:256px;right:256px;top:0;height:51px;background:url(/skin/default/book_label_bg_center.png) repeat-x}.book-label{position:absolute;left:0;right:-3px;top:24px;height:51px;background-image:url(/skin/default/book_label_bg_left.png),url(/skin/default/book_label_bg_right.png);background-position:0px 0px,100% 0px;background-repeat:no-repeat;z-index:11111}.book-label .close{position:absolute;right:24px;top:0;height:44px;width:44px;border:1px #555 solid;cursor:pointer;opacity:0;z-index:1111}.book-label .label-text{position:absolute;left:20px;top:10px;height:51px;width:502px;font:20px arial;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;z-indeX:2}.book-label .label-homework{position:absolute;left:0;top:0;height:51px;width:502px;background:url(/skin/default/book_label_homework.png) no-repeat;z-indeX:1}.book-label .label-study{position:absolute;left:0;top:0;height:51px;width:502px;background:url(/skin/default/book_label_study.png) no-repeat;z-indeX:1}.book-label .label-homework-empty{position:absolute;left:0;top:0;height:51px;width:502px;z-indeX:1}.dialog-wrap{position:absolute;inset:0;z-index:10001}.dialog-bg{position:absolute;inset:0;background-color:#000;opacity:.6;z-index:10000}.-dialog{position:absolute;left:50%;top:50%;min-width:400px;min-height:150px;background-color:#fff;border-radius:10px;max-width:80%;max-height:80%;height:min-content;display:flex;flex-direction:column;height:80%}.-dialog .title{flex:0 0 auto;margin:2px;height:49px;background-image:url(/skin/default/dialog_bg_title.png);border-radius:8px 8px 0 0;color:#fff;font:700 16px 나눔고딕;line-height:49px;padding:0 0 0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.-dialog .close{position:absolute;right:5px;top:2px;width:48px;height:48px;background:url(/skin/default/dialog_btn_close.png) 50% 50% no-repeat;cursor:pointer}.-dialog .body{flex:auto;margin:0 2px 2px;background-image:url(/skin/default/dialog_bg_body.png);border-radius:0 0 8px 8px;min-height:97px;height:100%}.-dialog .alert{display:flex;flex-direction:column;text-align:center;height:100%}.-dialog .alert .message{font:700 13px 나눔고딕;text-align:center;color:#333;padding:30px 10px;border-bottom:1px #aaa inset;overflow:auto;max-height:50%}.-dialog .alert .button-ok{margin:10px 0;-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;box-shadow:inset 0 1px #fff;background-color:#efefef;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;border:1px solid #dcdcdc;display:inline-block;color:#666;font-family:arial;font-size:15px;font-weight:700;padding:6px 24px;text-decoration:none;text-shadow:1px 1px 0px #ffffff;cursor:pointer}.-dialog .alert .button-ok:after{content:"OK"}.-dialog .alert .button-ok:hover{background-color:#f3f3f3}.-dialog .alert .button-ok:active{position:relative;top:1px}.-dialog .confirm{text-align:center}.-dialog .confirm .message{font:700 13px 나눔고딕;text-align:center;color:#333;padding:20px 10px;border-bottom:1px #aaa inset;line-height:20px}.-dialog .confirm textarea{width:100%;height:60px}.-dialog .confirm .button-ok,.-dialog .confirm .button-cancel{margin:10px 0;-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;box-shadow:inset 0 1px #fff;background-color:#efefef;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;border:1px solid #dcdcdc;display:inline-block;color:#666;font-family:arial;font-size:15px;font-weight:700;padding:6px 24px;text-decoration:none;text-shadow:1px 1px 0px #ffffff}.-dialog .confirm .button-ok:after,.-dialog .confirm .button-cancel:after{content:"OK"}.-dialog .confirm .button-ok:hover,.-dialog .confirm .button-cancel:hover{background-color:#f3f3f3}.-dialog .confirm .button-ok:active,.-dialog .confirm .button-cancel:active{position:relative;top:1px}.-dialog .confirm .button-cancel{margin-left:10px;padding:6px 7px}.-dialog .confirm .button-cancel:after{color:#888;content:"CANCEL"}.unit-selector{width:700px;height:250px;background:url(/skin/default/ts_bg_table.png) 0px 128px repeat-x;text-align:center;white-space:nowrap;overflow-x:auto;overflow-y:hidden;padding:0 30px}.unit-selector .tool-wrap{position:relative;margin-top:25px;display:inline-block;width:120px;height:225px;white-space:normal;background:url(/skin/default/ts_toolbg_wood.png) 5px 10px no-repeat}.unit-selector .tool-wrap:hover{filter:drop-shadow(0 0 13px #888)}.unit-selector .tool-wrap .tool-mark-complete{position:absolute;width:54px;height:54px;background:url(/skin/default/ts_stamp_complete.png);z-index:1;margin-left:-10px;margin-top:-10px}.unit-selector .tool-wrap .tool-icon{position:relative;width:110px;height:110px;cursor:pointer}.unit-selector .tool-wrap .tool-title{font:700 13px 나눔고딕;color:#50361e;margin-top:8px}.unit-selector .tool-wrap .progress.complete{margin-top:20px}.unit-selector .tool-wrap .progress.accuracy{margin-top:5px}.unit-selector .tool-wrap.tool-sent{background:url(/skin/default/ts_toolbg_sent.png) 5px 10px no-repeat}.unit-selector .tool-wrap.tool-sent.kpractice .tool-icon{background:url(/skin/default/ts_toolicon_sent_kpractice.png) 5px 9px no-repeat}.unit-selector .tool-wrap.tool-sent.kpractice .tool-title:after{content:"타자연습"}.unit-selector .tool-wrap.tool-sent.listening .tool-icon{background:url(/skin/default/ts_toolicon_sent_listening.png) 5px 9px no-repeat}.unit-selector .tool-wrap.tool-sent.listening .tool-title:after{content:"문장정렬"}.unit-selector .tool-wrap.tool-sent.dictationlv1 .tool-icon{background:url(/skin/default/ts_toolicon_sent_dictationlv1.png) 5px 9px no-repeat}.unit-selector .tool-wrap.tool-sent.dictationlv1 .tool-title:after{content:"받아쓰기 LV1"}.unit-selector .tool-wrap.tool-sent.dictationlv2 .tool-icon{background:url(/skin/default/ts_toolicon_sent_dictationlv2.png) 5px 9px no-repeat}.unit-selector .tool-wrap.tool-sent.dictationlv2 .tool-title:after{content:"받아쓰기 LV2"}.unit-selector .tool-wrap.tool-sent.dictationlv3 .tool-icon{background:url(/skin/default/ts_toolicon_sent_dictationlv3.png) 5px 9px no-repeat}.unit-selector .tool-wrap.tool-sent.dictationlv3 .tool-title:after{content:"받아쓰기 LV3"}.unit-selector .tool-wrap.tool-sent.recording .tool-icon{background:url(/skin/default/ts_toolicon_sent_recording.png) 5px 9px no-repeat}.unit-selector .tool-wrap.tool-sent.recording .tool-title:after{content:"문장녹음"}.unit-selector .tool-wrap.tool-gram{background:url(/skin/default/ts_toolbg_gram.png) 5px 10px no-repeat}.unit-selector .tool-wrap.tool-gram.quiz .tool-icon{background:url(/skin/default/ts_toolicon_voca_quiz.png) 5px 9px no-repeat}.unit-selector .tool-wrap.tool-gram.quiz .tool-title:after{content:"문법퀴즈"}.unit-selector .tool-wrap.tool-gram.exam .tool-icon{background:url(/skin/default/ts_toolicon_voca_exam.png) 5px 9px no-repeat}.unit-selector .tool-wrap.tool-gram.exam .tool-title:after{content:"문법시험"}.unit-selector .tool-wrap.tool-voca{background:url(/skin/default/ts_toolbg_voca.png) 5px 10px no-repeat}.unit-selector .tool-wrap.tool-voca.rote .tool-icon{background:url(/skin/default/ts_toolicon_voca_rote.png) 5px 9px no-repeat}.unit-selector .tool-wrap.tool-voca.rote .tool-title:after{content:"단어암기학습"}.unit-selector .tool-wrap.tool-voca.dictation .tool-icon{background:url(/skin/default/ts_toolicon_voca_dictation.png) 5px 9px no-repeat}.unit-selector .tool-wrap.tool-voca.dictation .tool-title:after{content:"단어받아쓰기"}.unit-selector .tool-wrap.tool-voca.quiz .tool-icon{background:url(/skin/default/ts_toolicon_voca_quiz.png) 5px 9px no-repeat}.unit-selector .tool-wrap.tool-voca.quiz .tool-title:after{content:"단어퀴즈"}.unit-selector .tool-wrap.tool-voca.exam .tool-icon{background:url(/skin/default/ts_toolicon_voca_exam.png) 5px 9px no-repeat}.unit-selector .tool-wrap.tool-voca.exam .tool-title:after{content:"단어시험"}.unit-selector .tool-wrap.tool-voca.recording .tool-icon{background:url(/skin/default/ts_toolicon_voca_recording.png) 5px 9px no-repeat}.unit-selector .tool-wrap.tool-voca.recording .tool-title:after{content:"단어녹음"}.unit-selector .tool-wrap.tool-intv{background:url(/skin/default/ts_toolbg_intv.png) 5px 10px no-repeat}.unit-selector .tool-wrap.tool-intv.interview .tool-icon{background:url(/skin/default/ts_toolicon_intv_interview.png) 5px 9px no-repeat}.unit-selector .tool-wrap.tool-intv.interview .tool-title:after{content:"인터뷰"}.unit-selector .tool-wrap.tool-exam{background:url(/skin/default/ts_toolbg_exam.png) 5px 10px no-repeat}.unit-selector .tool-wrap.tool-exam.exam .tool-icon{background:url(/skin/default/ts_toolicon_exam_exam.png) 5px 9px no-repeat}.unit-selector .tool-wrap.tool-exam.exam .tool-title:after{content:"시험"}.unit-selector .tool-wrap.tool-media{background:url(/skin/default/ts_toolbg_exam.png) 5px 10px no-repeat}.unit-selector .tool-wrap.tool-media.play .tool-icon{background:url(/skin/default/ts_toolicon_media_play.png) 5px 9px no-repeat}.unit-selector .tool-wrap.tool-media.play .tool-title:after{content:"동영상"}.progress{display:inline-block;position:relative;width:70px;height:14px;border:2px rgba(189,182,172,.5) solid;text-align:left;border-radius:5px;margin-left:7px}.progress .background{position:absolute;background-color:#73654e;height:10px;line-height:10px;width:100%;border-radius:3px}.progress .value{position:absolute;text-align:center;color:#fff;height:10px;line-height:8px;border-radius:3px}.progress .text{font:700 10px 나눔고딕;position:absolute;text-align:center;color:#fff!important;height:10px;line-height:11px!important;width:100%}.progress.complete:after{content:"";position:absolute;width:21px;height:21px;margin-top:-5px;margin-left:-14px;background:url(/skin/default/progress_icon_complete.png) 0px 0px no-repeat}.progress.complete .value{border:1px #BC7B04 solid;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#EF9B15),color-stop(50%,#EF9B15),color-stop(50%,#F3B450),color-stop(100%,#F3B450))}.progress.score{position:relative;top:3px;float:right}.progress.score .text{color:#000!important}.progress.score .value{border:1px #BC7B04 solid;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#EF9B15),color-stop(50%,#EF9B15),color-stop(50%,#F3B450),color-stop(100%,#F3B450))}.progress.speed:after{content:"";position:absolute;width:21px;height:21px;margin-top:-5px;margin-left:-14px;background:url(/skin/default/progress_icon_speed.png) 0px 0px no-repeat}.progress.speed .value{border:1px #BC7B04 solid;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#EF9B15),color-stop(50%,#EF9B15),color-stop(50%,#F3B450),color-stop(100%,#F3B450))}.progress.accuracy:after{content:"";position:absolute;width:21px;height:21px;margin-top:-5px;margin-left:-14px;background:url(/skin/default/progress_icon_accuracy.png) 0px 0px no-repeat}.progress.accuracy .value{border:1px #CB283E solid;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#E33950),color-stop(50%,#E33950),color-stop(50%,#EA6B7C),color-stop(100%,#EA6B7C))}.timer{display:inline-block;position:relative;width:70px;height:14px;border:2px rgba(189,182,172,.5) solid;text-align:left;border-radius:5px;margin-left:7px}.timer .background{position:absolute;background-color:#73654e;height:10px;line-height:10px;width:100%;border-radius:3px}.timer .value{position:absolute;text-align:center;color:#fff;height:10px;line-height:8px;border-radius:3px}.timer .text{font:700 10px 나눔고딕;position:absolute;text-align:center;color:#fff;height:10px;line-height:11px;width:100%}.timer:after{content:"";position:absolute;width:21px;height:21px;margin-top:-5px;margin-left:-14px;background:url(/skin/default/timer_icon.png) 0px 0px no-repeat}.timer .value{border:1px #BC7B04 solid;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#EF9B15),color-stop(50%,#EF9B15),color-stop(50%,#F3B450),color-stop(100%,#F3B450))}.mplayer{position:relative;width:100%;height:100%;padding:10px;border:1px #ccc solid;border-radius:7px;background-color:#fff}.mplayer embed[type="viki/media2"],.mplayer embed[type="viki/media-spliter"]{width:0px;height:0px}.mplayer embed[type="viki/media-spliter"].show{background-color:#eee;border-radius:10px;height:-webkit-calc(100% - 30px);width:100%}.mplayer-control-wrap{padding-top:5px}.mplayer-control-right{float:right}.mplayer-control-left{float:left}.mplayer-control-speed{display:inline-block;font:7pt verdana;padding:3px 4px 5px;border:1px #ccc solid;border-radius:3px;margin-right:12px;cursor:pointer}.mplayer-control-speed:hover{background-color:#eee}.mplayer-control-mute{display:inline-block;width:16px;height:16px;background:url(/img/player/sound.png);vertical-align:middle;-webkit-filter:grayscale(1);opacity:.8;cursor:pointer}.mplayer-control-mute:hover{-webkit-filter:grayscale(0);opacity:.8}.mplayer-control-mute.mute{background:url(/img/player/sound_none.png)}.mplayer-control-volume{-webkit-appearance:none;width:48px;height:12px;vertical-align:middle;background:url(/img/player/bg_volume.png) 0px 50% no-repeat}.mplayer-control-repeat{display:inline-block;vertical-align:middle;background:url(/img/player/repeat.png) 0px 50% no-repeat;background-size:15px 15px;padding-left:20px}.mplayer-control-repeat-count,.mplayer-control-repeat-slash{display:inline-block;vertical-align:middle}.mplayer-control-repeat-slash:after{content:"/";margin:0 3px}.mplayer-control-repeat-max{width:30px;margin-right:15px;vertical-align:middle;text-align:right;border:1px #ccc solid}.mplayer-control-play{position:relative;top:-2px;width:26px;height:26px;background:url(/img/player/btn_play.png);cursor:pointer;opacity:.6}.mplayer-control-play:hover{opacity:1}.mplayer-control-play:active{-webkit-transform:scale(.95)}.mplayer-control-play.playing{background:url(/img/player/btn_pause.png)}.mplayer-control-play.disable{cursor:default}.mplayer-control-play.disable:hover{opacity:.6}.mplayer-control-play.disable:active{-webkit-transform:scale(1)}.mplayer-control-play.disable:after{content:"x";font:20px verdana;color:red;position:absolute;text-align:center;width:26px;line-height:22px}.mplayer-control-position{-webkit-appearance:none;position:relative;top:3px;left:8px;width:-webkit-calc(100% - 260px);vertical-align:middle;border:1px #ccc solid;height:10px;border-radius:5px;background-color:#c4d8eb}.mplayer embed[type="viki/mediaspliter"]{position:absolute}.mplayer .spliter-wrap{position:relative;background-color:#eee;width:100%;overflow-x:scroll;overflow-y:hidden;height:80px}.mplayer .spliter-section{position:absolute;height:100%;z-index:1}.mplayer .spliter-section:before{position:absolute;content:"";background-color:#39f;opacity:.5;width:100%;height:100%;border:5px #36c solid;border-width:0px 5px}.mplayer .spliter-section.hover:before{opacity:.8}.mplayer .spliter-cover{position:absolute;height:100%}.learning .page-left{position:absolute;left:0;width:-webkit-calc(50% - 10px);top:0;bottom:0;overflow:auto}html.monitor-small .learning .page-left{left:-1000px}.learning .page-right{position:absolute;right:0;width:-webkit-calc(50% - 10px);top:0;bottom:0}html.monitor-small .learning .page-right{width:100%}.learning .player-wrap{height:200px}.learning .progress.complete{position:absolute;top:5px;right:10px}html.monitor-small .learning .progress.complete{top:0;zoom:1.5}.learning .progress.speed{position:absolute;top:5px;right:10px}html.monitor-small .learning .progress.speed{top:0;zoom:1.5}.learning .progress.accuracy{position:absolute;top:5px;right:100px}html.monitor-small .learning .progress.accuracy{top:0;zoom:1.5}.learning .timer{position:absolute;top:5px;left:10px}html.monitor-small .learning .timer{top:0;zoom:1.5}.learning .timer.pause .text{color:#999}.learning .user-options{position:absolute;top:0;left:0}.learning .user-options input{vertical-align:middle;position:relative;top:-1px}.rec-btn{width:20px;height:20px;display:inline-block;background:url(/img/player/btn_record16.png);background-size:100% 100%;vertical-align:middle;margin-right:5px;opacity:.3}.rec-btn.recording{background:url(/img/player/btn_record_stop16.png);background-size:100% 100%;-webkit-animation:blinker infinite cubic-bezier(1,0,0,1) .8s}.rec-btn.recording:after{content:"녹음중입니다.";position:absolute;margin-left:25px;margin-top:3px;font:11px 나눔고딕;color:#f99}.rec-btn.loading{background-image:url(https://engstar.org/rsc/img/loading16.gif)!important}.rec-btn.loading:after{content:"처리중입니다. 잠시만 기다려주세요.";position:absolute;margin-left:25px;margin-top:3px;font:11px 나눔고딕;color:#f99}.rec-play-btn{width:20px;height:20px;display:inline-block;background:url(/img/player/btn_play16.png);background-size:100% 100%;vertical-align:middle;margin-right:5px;opacity:.1}.rec-play-btn.enable{opacity:.3}.rec-play-btn.playing{background-image:url(/img/player/btn_pause16.png);-webkit-animation:blinker infinite cubic-bezier(1,0,0,1) .8s}.learning.learning-sent.learning-arrayer .ground{position:absolute;inset:30px 0 0;overflow:auto;padding-right:16px}.learning.learning-sent.learning-arrayer .ground .line{position:relative;font:700 16px 나눔고딕;padding-left:40px;margin-bottom:10px;padding-bottom:5px;border-bottom:1px rgba(100,100,255,.2) solid}html.monitor-small .learning.learning-sent.learning-arrayer .ground .line{font:700 30px consolas,monospace}.learning.learning-sent.learning-arrayer .ground .line .word{border:1px transparent solid;display:inline-block;padding:5px;margin-right:5px;margin-bottom:5px;border-radius:3px;color:#f55}.learning.learning-sent.learning-arrayer .ground .line .word.valid{color:#55f}.learning.learning-sent.learning-arrayer .ground .line.current .word{border:1px #aaa solid;background-color:#ffc8c84d;cursor:pointer}.learning.learning-sent.learning-arrayer .ground .line.current .word.valid{background-color:#c8c8ff4d}.learning.learning-sent.learning-arrayer .ground .line.current:before{content:"";position:absolute;margin-left:-20px;margin-top:5px;color:#aaa}.learning.learning-sent.learning-arrayer .ground .line .interpret{font:11px 나눔고딕;padding:5px 0 0;color:#666}.learning.learning-sent.learning-arrayer .ground .line .answered,.learning.learning-sent.learning-arrayer .ground .line .standby{min-height:36px}.learning.learning-sent.learning-arrayer .ground .line .standby .word{color:#666;background-color:#c8c8c800}.learning.learning-sent.learning-arrayer .ground .line .standby .word.valid{background-color:#c8c8c800}.learning.learning-sent.learning-arrayer .ground .line .standby:before{content:"다음 단어들을 순서맞게 클릭해주세요.";display:block;font-size:11px;font-weight:400;border-top:1px #aaa solid;padding:5px 0;color:#aaa}.learning.learning-sent.learning-arrayer .ground .line .btn-play{position:absolute;width:30px!important;height:30px!important;display:none;background:url(/img/player/btn_play.png);background-size:100% 100%;vertical-align:text-bottom;margin-left:-33px;margin-top:6px;opacity:1;overflow:hidden;border:none}.learning.learning-sent.learning-arrayer .ground .line .btn-play.playing{background:url(/img/player/btn_pause.png);background-size:100% 100%}html.monitor-small .learning.learning-sent.learning-arrayer .ground .line .btn-play{display:block}.learning.learning-sent.learning-kpractice .complete{display:none}.learning.learning-sent.learning-kpractice .speed{display:block}.learning.learning-sent.learning-dictator .ground,.learning.learning-voca.learning-dictator .ground,.learning.learning-sent.learning-kpractice .ground{position:absolute;inset:30px 0 0;overflow:auto;padding-right:16px}.learning.learning-sent.learning-dictator .ground .line,.learning.learning-voca.learning-dictator .ground .line,.learning.learning-sent.learning-kpractice .ground .line{position:relative;font:700 18px consolas;padding-left:40px;padding-top:6px;padding-bottom:8px;border-bottom:1px rgb(200,200,255) solid;opacity:.5;word-break:break-all;color:#888}html.monitor-small .learning.learning-sent.learning-dictator .ground .line,html.monitor-small .learning.learning-voca.learning-dictator .ground .line,html.monitor-small .learning.learning-sent.learning-kpractice .ground .line{font:700 30px consolas,monospace}.learning.learning-sent.learning-dictator .ground .line.current,.learning.learning-voca.learning-dictator .ground .line.current,.learning.learning-sent.learning-kpractice .ground .line.current{color:#444;background-color:#ffffff80;opacity:1}.learning.learning-sent.learning-dictator .ground .line.current .word,.learning.learning-voca.learning-dictator .ground .line.current .word,.learning.learning-sent.learning-kpractice .ground .line.current .word{cursor:pointer}.learning.learning-sent.learning-dictator .ground .line.current:before,.learning.learning-voca.learning-dictator .ground .line.current:before,.learning.learning-sent.learning-kpractice .ground .line.current:before{content:"";position:absolute;margin-left:-20px;margin-top:0;color:#aaa}html.monitor-small .learning.learning-sent.learning-dictator .ground .line.current:before,html.monitor-small .learning.learning-voca.learning-dictator .ground .line.current:before,html.monitor-small .learning.learning-sent.learning-kpractice .ground .line.current:before{margin-left:-25px;margin-top:4px}.learning.learning-sent.learning-dictator .ground .line span,.learning.learning-voca.learning-dictator .ground .line span,.learning.learning-sent.learning-kpractice .ground .line span{cursor:text;padding:0 1px;display:inline-block;margin-left:-3px}.learning.learning-sent.learning-dictator .ground .line span.cs,.learning.learning-voca.learning-dictator .ground .line span.cs,.learning.learning-sent.learning-kpractice .ground .line span.cs{-webkit-animation:animate-caret 1.2s linear infinite}.learning.learning-sent.learning-dictator .ground .line span.cs.o,.learning.learning-voca.learning-dictator .ground .line span.cs.o,.learning.learning-sent.learning-kpractice .ground .line span.cs.o{-webkit-animation:animate-caret-blue 1.2s linear infinite}.learning.learning-sent.learning-dictator .ground .line span.cs.x,.learning.learning-voca.learning-dictator .ground .line span.cs.x,.learning.learning-sent.learning-kpractice .ground .line span.cs.x{-webkit-animation:animate-caret-red 1.2s linear infinite}.learning.learning-sent.learning-dictator .ground .line span.cs.hint,.learning.learning-voca.learning-dictator .ground .line span.cs.hint,.learning.learning-sent.learning-kpractice .ground .line span.cs.hint{-webkit-animation:animate-caret-violet 1.2s linear infinite}.learning.learning-sent.learning-dictator .ground .line span.o,.learning.learning-voca.learning-dictator .ground .line span.o,.learning.learning-sent.learning-kpractice .ground .line span.o{color:#55f}.learning.learning-sent.learning-dictator .ground .line span.x,.learning.learning-voca.learning-dictator .ground .line span.x,.learning.learning-sent.learning-kpractice .ground .line span.x{color:#f55}.learning.learning-sent.learning-dictator .ground .line span.hint,.learning.learning-voca.learning-dictator .ground .line span.hint,.learning.learning-sent.learning-kpractice .ground .line span.hint{color:#f5f}.learning.learning-sent.learning-dictator .ground .line .interpret,.learning.learning-voca.learning-dictator .ground .line .interpret,.learning.learning-sent.learning-kpractice .ground .line .interpret{font:11px 나눔고딕;padding:5px 0 0}.learning.learning-sent.learning-dictator .ground .line .btn-play,.learning.learning-voca.learning-dictator .ground .line .btn-play,.learning.learning-sent.learning-kpractice .ground .line .btn-play{position:absolute;width:30px!important;height:30px!important;display:none;background:url(/img/player/btn_play16.png);background-size:100% 100%;vertical-align:text-bottom;margin-left:-33px;margin-top:6px;opacity:1;overflow:hidden;border:none}.learning.learning-sent.learning-dictator .ground .line .btn-play.playing,.learning.learning-voca.learning-dictator .ground .line .btn-play.playing,.learning.learning-sent.learning-kpractice .ground .line .btn-play.playing{background:url(/img/player/btn_pause16.png);background-size:100% 100%}html.monitor-small .learning.learning-sent.learning-dictator .ground .line .btn-play,html.monitor-small .learning.learning-voca.learning-dictator .ground .line .btn-play,html.monitor-small .learning.learning-sent.learning-kpractice .ground .line .btn-play{display:block}.learning.learning-sent.learning-line_recorder .player-hider,.learning.learning-voca.learning-line_recorder .player-hider{position:absolute;left:0;right:0;height:160px;z-index:1}.learning.learning-sent.learning-line_recorder .timer,.learning.learning-voca.learning-line_recorder .timer{position:absolute;top:5px;right:110px;left:inherit}html.monitor-small .learning.learning-sent.learning-line_recorder .timer,html.monitor-small .learning.learning-voca.learning-line_recorder .timer{top:0}.learning.learning-sent.learning-line_recorder .ground,.learning.learning-voca.learning-line_recorder .ground{position:absolute;inset:30px 0 0;overflow:auto;padding-right:16px}.learning.learning-sent.learning-line_recorder .ground .line,.learning.learning-voca.learning-line_recorder .ground .line{position:relative;font:700 14px 나눔고딕;padding-left:30px;padding-top:6px;padding-bottom:3px;border-bottom:1px rgba(100,100,255,.2) solid;opacity:.5;color:#888}.learning.learning-sent.learning-line_recorder .ground .line .recplayer-wrap,.learning.learning-voca.learning-line_recorder .ground .line .recplayer-wrap{position:absolute;left:170px;right:20px;height:32px}.learning.learning-sent.learning-line_recorder .ground .line .recplayer-wrap .player,.learning.learning-voca.learning-line_recorder .ground .line .recplayer-wrap .player{height:32px!important;border:1px #888 solid}html.monitor-small .learning.learning-sent.learning-line_recorder .ground .line,html.monitor-small .learning.learning-voca.learning-line_recorder .ground .line{padding-left:50px;font:700 24px consolas,monospace}html.monitor-small .learning.learning-sent.learning-line_recorder .ground .line .rec-btn,html.monitor-small .learning.learning-voca.learning-line_recorder .ground .line .rec-btn{display:none;margin-left:120px;width:80px;height:32px;margin-bottom:5px;background:url(/img/player/btn_record16.png) 4px 7px no-repeat;background-size:20px 20px;border:1px #555 solid;border-radius:5px;background-color:#fff;padding-left:26px}html.monitor-small .learning.learning-sent.learning-line_recorder .ground .line .rec-btn:after,html.monitor-small .learning.learning-voca.learning-line_recorder .ground .line .rec-btn:after{content:"녹음하기";font-size:16px;white-space:nowrap}html.monitor-small .learning.learning-sent.learning-line_recorder .ground .line .rec-btn.loading,html.monitor-small .learning.learning-voca.learning-line_recorder .ground .line .rec-btn.loading{background-image:url(https://engstar.org/rsc/img/loading16.gif)}html.monitor-small .learning.learning-sent.learning-line_recorder .ground .line .rec-btn.loading:after,html.monitor-small .learning.learning-voca.learning-line_recorder .ground .line .rec-btn.loading:after{content:"준비중..";margin:0;position:relative;color:#444;font:700 16px consolas,monospace!important}html.monitor-small .learning.learning-sent.learning-line_recorder .ground .line .rec-btn.recording,html.monitor-small .learning.learning-voca.learning-line_recorder .ground .line .rec-btn.recording{background-image:url(/img/player/btn_record_stop16.png)}html.monitor-small .learning.learning-sent.learning-line_recorder .ground .line .rec-btn.recording:after,html.monitor-small .learning.learning-voca.learning-line_recorder .ground .line .rec-btn.recording:after{content:"녹음중..";margin:0;position:relative;color:#444;font:700 16px consolas,monospace!important}html.monitor-small .learning.learning-sent.learning-line_recorder .ground .line .rec-btn.recording.loading:after,html.monitor-small .learning.learning-voca.learning-line_recorder .ground .line .rec-btn.recording.loading:after{content:"처리중.."!important}html.monitor-small .learning.learning-sent.learning-line_recorder .ground .line .rec-play-btn,html.monitor-small .learning.learning-voca.learning-line_recorder .ground .line .rec-play-btn{opacity:0;width:80px;height:32px;margin-bottom:5px;background:url(/img/player/btn_play16.png) 4px 7px no-repeat;background-size:20px 20px;border:1px #555 solid;border-radius:5px;background-color:#fff;padding-left:26px;pointer-events:none}html.monitor-small .learning.learning-sent.learning-line_recorder .ground .line .rec-play-btn:after,html.monitor-small .learning.learning-voca.learning-line_recorder .ground .line .rec-play-btn:after{content:"녹음듣기";font-size:16px;white-space:nowrap}html.monitor-small .learning.learning-sent.learning-line_recorder .ground .line .rec-play-btn.playing,html.monitor-small .learning.learning-voca.learning-line_recorder .ground .line .rec-play-btn.playing{background-image:url(/img/player/btn_pause16.png)}.learning.learning-sent.learning-line_recorder .ground .line .word,.learning.learning-voca.learning-line_recorder .ground .line .word{display:inline-block;padding:5px;margin-right:5px;margin-bottom:5px;border-radius:3px}.learning.learning-sent.learning-line_recorder .ground .line.current,.learning.learning-voca.learning-line_recorder .ground .line.current{color:#444;background-color:#ffffff80;opacity:1}.learning.learning-sent.learning-line_recorder .ground .line.current:before,.learning.learning-voca.learning-line_recorder .ground .line.current:before{content:"";position:absolute;margin-left:-26px;margin-top:10px;color:#aaa}.learning.learning-sent.learning-line_recorder .ground .line .message,.learning.learning-voca.learning-line_recorder .ground .line .message{display:inline-block;font:11px 나눔고딕;color:#f99}.learning.learning-sent.learning-line_recorder .ground .line .message .listen-count,.learning.learning-voca.learning-line_recorder .ground .line .message .listen-count{font:700 italic 15px 나눔고딕}.learning.learning-sent.learning-line_recorder .ground .line .text,.learning.learning-voca.learning-line_recorder .ground .line .text{line-height:20px}.learning.learning-sent.learning-line_recorder .ground .line.enable .text,.learning.learning-voca.learning-line_recorder .ground .line.enable .text{color:#03f}.learning.learning-sent.learning-line_recorder .ground .line.enable.current .rec-btn,.learning.learning-voca.learning-line_recorder .ground .line.enable.current .rec-btn,.learning.learning-sent.learning-line_recorder .ground .line.enable.current .rec-play-btn.enable,.learning.learning-voca.learning-line_recorder .ground .line.enable.current .rec-play-btn.enable{opacity:0;cursor:pointer}.learning.learning-sent.learning-line_recorder .ground .line.recorded:not(.current):before,.learning.learning-voca.learning-line_recorder .ground .line.recorded:not(.current):before{content:"✓";position:absolute;margin-left:-26px;margin-top:20px;color:#aaa}.learning.learning-sent.learning-line_recorder .ground .line.recorded.current:before,.learning.learning-voca.learning-line_recorder .ground .line.recorded.current:before{content:"✔";position:absolute;margin-left:-26px;margin-top:20px;color:#aaa}.learning.learning-sent.learning-line_recorder .ground .line .interpret,.learning.learning-voca.learning-line_recorder .ground .line .interpret{font:11px 나눔고딕;padding:5px 0 0}.learning.learning-sent.learning-line_recorder .ground .line .btn-play,.learning.learning-voca.learning-line_recorder .ground .line .btn-play{position:absolute;height:32px;background:url(/img/player/btn_play.png) 10px 7px no-repeat;background-size:20px 20px;border:1px #555 solid;border-radius:5px;background-color:#fff;display:none;vertical-align:text-bottom;margin-left:0;margin-top:0;opacity:1;overflow:hidden;padding:0 10px 0 37px;cursor:pointer}.learning.learning-sent.learning-line_recorder .ground .line .btn-play:after,.learning.learning-voca.learning-line_recorder .ground .line .btn-play:after{content:"음원재생";font-size:14px;white-space:nowrap}.learning.learning-sent.learning-line_recorder .ground .line .btn-play.playing,.learning.learning-voca.learning-line_recorder .ground .line .btn-play.playing{background-image:url(/img/player/btn_pause.png)}html.monitor-small .learning.learning-sent.learning-line_recorder .ground .line .btn-play,html.monitor-small .learning.learning-voca.learning-line_recorder .ground .line .btn-play{display:block}.learning.learning-sent.learning-line_recorder .blink,.learning.learning-voca.learning-line_recorder .blink{-webkit-animation:blinker infinite cubic-bezier(1,0,0,1) .8s}.learning.learning-voca.learning-rote .ground{position:absolute;inset:30px 0 0;overflow:auto}.learning.learning-voca.learning-rote .page-right{width:100%}.learning.learning-voca.learning-rote .mplayer{height:30px!important;padding:3px;position:relative;z-index:100}.learning.learning-voca.learning-rote .mplayer embed,.learning.learning-voca.learning-rote .mplayer .spliter-wrap{position:absolute;top:-1000px}.learning.learning-voca.learning-rote .dotime{position:absolute;left:52%}html.monitor-small .learning.learning-voca.learning-rote .dotime{left:10px}.learning.learning-voca.learning-rote .mplayer-control-wrap{padding:0}.learning.learning-voca.learning-rote .mplayer-control-position{top:3px}.learning.learning-voca.learning-rote .rote-main{position:absolute;inset:3px 123px 0 0;overflow:auto;text-align:center;background:#cedbe5;border-radius:5px;border:1px #ccc solid}.learning.learning-voca.learning-rote .rote-word-wrap{position:relative;top:15%;display:inline-block;text-align:center;font-size:60px;font-family:arial black,arial rounded mt bold;line-height:90px;margin-top:120px;color:#fff;background-color:#cf6e83;min-width:600px;border:1px #aF4E63 solid;border-radius:2px;text-shadow:0 0 3px #000,0 0 3px #000,0 0 3px #000;max-width:90%}html.monitor-small .learning.learning-voca.learning-rote .rote-word-wrap{margin-top:30px}.learning.learning-voca.learning-rote .rote-play{position:absolute}.learning.learning-voca.learning-rote .rote-word-list{position:absolute;top:3px;bottom:0;right:0;width:120px;border:1px #ccc solid;border-radius:5px;padding:5px;overflow:autol;background-color:#fefefe;overflow:auto}.learning.learning-voca.learning-rote .rote-word-list .word-item{font:700 12px 나눔고딕;padding:5px 5px 5px 20px}.learning.learning-voca.learning-rote .rote-word-list .word-item.current{background-color:#cf6e83;color:#fff;border-radius:5px}.learning.learning-voca.learning-rote .rote-word-list .word-item.check{background-image:url(https://engstar.org/rsc/app/icons/fatcow16/bullet_valid.png);background-repeat:no-repeat;background-position:1px 2px;color:#478900}.learning.learning-voca.learning-rote .rote-word-list .word-item.correct{background-image:url(https://engstar.org/rsc/app/icons/fatcow16/bullet_blue.png);background-repeat:no-repeat;background-position:5px 6px;color:#1782b6}.learning.learning-voca.learning-rote .rote-word-list .word-item.incorrect{background-image:url(https://engstar.org/rsc/app/icons/fatcow16/bullet_delete.png);background-repeat:no-repeat;background-position:5px 6px;color:#ca4a33}.learning.learning-voca.learning-rote .rote-word-list .word-level-1{color:red;height:30px;padding:5px;font:700 14px 나눔고딕;border-bottom:1px #eee solid}.learning.learning-voca.learning-rote .rote-word-list .word-level-1:after{content:":: Listening"}.learning.learning-voca.learning-rote .rote-word-list .word-level-2{color:red;height:30px;padding:5px;margin-top:20px;font:700 14px 나눔고딕;border-bottom:1px #eee solid}.learning.learning-voca.learning-rote .rote-word-list .word-level-2:after{content:":: Check"}.learning.learning-voca.learning-rote .rote-word{animation:blinker .5s linear 0s 3;cursor:pointer}.learning.learning-voca.learning-rote .rote-mean{position:relative;max-width:200px;padding:10px;font:14px 나눔고딕;color:#555;border-radius:5px;margin:0 auto;text-align:center}.learning.learning-voca.learning-rote .rote-ex-wrap{height:100px;padding:20px;text-align:center}.learning.learning-voca.learning-rote .rote-ex{max-width:200px;padding:10px;font:700 14px 나눔고딕;color:#555;display:inline-block;border-radius:5px;cursor:pointer}.learning.learning-voca.learning-rote .rote-ex:hover{background-color:#cf6e83;color:#fff}.learning.learning-voca.learning-rote .rote-btn-next{position:absolute;bottom:40px;left:50%;margin-left:-70px;width:120px;padding:10px;font:700 14px 나눔고딕;color:#555;border-radius:5px;text-align:center;background-color:#cf6e83;color:#fff;cursor:pointer;border:3px #aF4E63 solid;display:inline-block}.learning.learning-voca.learning-rote .rote-btn-next:after{content:"다음"}.learning.learning-voca.learning-rote .rote-btn-next:hover{box-shadow:0 0 6px #000}.learning.learning-voca.learning-rote .rote-btn-next:active{box-shadow:0 0 #000}.learning.learning-voca.learning-rote .rote-ex1{position:relative;top:60px;width:250px;padding:10px;font:700 14px 나눔고딕;color:#555;border-radius:5px;text-align:left;cursor:pointer;border:3px #aF4E63 solid;display:inline-block;margin:10px}.learning.learning-voca.learning-rote .rote-ex1:hover{box-shadow:0 0 6px #000}.learning.learning-voca.learning-rote .rote-ex1:active{box-shadow:0 0 #000}.learning.learning-voca.learning-rote .rote-ex2{position:relative;top:60px;width:250px;padding:10px;font:700 14px 나눔고딕;color:#555;border-radius:5px;text-align:left;cursor:pointer;border:3px #aF4E63 solid;display:inline-block;margin:10px}.learning.learning-voca.learning-rote .rote-ex2:hover{box-shadow:0 0 6px #000}.learning.learning-voca.learning-rote .rote-ex2:active{box-shadow:0 0 #000}.learning.learning-voca.learning-quiz .ground,.learning.learning-gram.learning-quiz .ground{position:absolute;inset:30px 0 0;overflow:auto}html.monitor-small .learning.learning-voca.learning-quiz .ground,html.monitor-small .learning.learning-gram.learning-quiz .ground{background:#fff;border-radius:20px;border:1px #ccc solid}.learning.learning-voca.learning-quiz .quiz-main,.learning.learning-gram.learning-quiz .quiz-main{position:absolute;inset:20px 10px 10px 30px;overflow:auto;font:700 15px 나눔고딕}.learning.learning-voca.learning-quiz .quiz-quest-wrap,.learning.learning-gram.learning-quiz .quiz-quest-wrap{font:700 16px 나눔고딕}.learning.learning-voca.learning-quiz .quiz-no,.learning.learning-gram.learning-quiz .quiz-no{font:700 15px 나눔고딕}.learning.learning-voca.learning-quiz .quiz-quest,.learning.learning-gram.learning-quiz .quiz-quest{font:700 20px 나눔고딕;border:1px #555 solid;width:200px;margin:20px auto;text-align:center;padding:10px;background-color:#ffe;border-radius:5px}.learning.learning-voca.learning-quiz .quiz-gram-quest,.learning.learning-gram.learning-quiz .quiz-gram-quest{font:700 16px 나눔고딕;border:1px #555 solid;width:90%;margin:20px auto;text-align:center;padding:10px;background-color:#ffe;border-radius:5px}.learning.learning-voca.learning-quiz .quiz-ex-wrap,.learning.learning-gram.learning-quiz .quiz-ex-wrap{margin:5px;word-break:break-all;color:#666;line-height:30px;cursor:pointer}.learning.learning-voca.learning-quiz .quiz-ex-wrap:hover,.learning.learning-gram.learning-quiz .quiz-ex-wrap:hover{color:#999}.learning.learning-voca.learning-quiz .quiz-ex-wrap:active,.learning.learning-gram.learning-quiz .quiz-ex-wrap:active{color:#000}.learning.learning-voca.learning-quiz .quiz-ex-wrap.valid,.learning.learning-gram.learning-quiz .quiz-ex-wrap.valid{color:#55f!important}.learning.learning-voca.learning-quiz .quiz-ex-wrap.invalid,.learning.learning-gram.learning-quiz .quiz-ex-wrap.invalid{color:#f55!important}.learning.learning-voca.learning-quiz .quiz-ex-no,.learning.learning-gram.learning-quiz .quiz-ex-no,.learning.learning-voca.learning-quiz .quiz-ex,.learning.learning-gram.learning-quiz .quiz-ex{display:inline-block}.learning.learning-intv.learning-interview .ground{position:absolute;inset:0 10px 10px;display:flex;flex-direction:column;gap:5px}.learning.learning-intv.learning-interview .tools{flex:0 0 32px}.learning.learning-intv.learning-interview button.quest{margin-left:10px}.learning.learning-intv.learning-interview .timer{position:absolute;right:210px;left:initial;top:0}.learning.learning-intv.learning-interview .note{flex:auto;overflow:auto;border:1px #eee solid;padding:15px 20px;font:13px 나눔고딕;line-height:20px;-webkit-user-modify:read-write-plaintext-only;user-select:text;box-shadow:0 0 5px #37373766;background-color:#efefef;background-image:-webkit-repeating-linear-gradient(90deg,#ccc,#ccc 1px,transparent 1px,transparent 20px);background-position:0px 15px;background-size:10px 20px;background-attachment:local;outline:none;cursor:text;zoom:1.3}.learning.learning-intv.learning-interview .subnote-wrap{inset:0 0 80px;flex:auto}.learning.learning-intv.learning-interview .subnote-title{padding-top:5px;height:20px}.learning.learning-intv.learning-interview .subnote{display:block;width:100%;background-color:#efefef;border:1px #555 solid;padding:5px;font:13px 나눔고딕;line-height:20px;overflow:auto;-webkit-user-modify:read-write-plaintext-only;user-select:text;background-image:-webkit-repeating-linear-gradient(90deg,#ccc,#ccc 1px,transparent 1px,transparent 20px);background-position:0px 3px;background-size:10px 20px;background-attachment:local;cursor:text}.learning.learning-intv.learning-interview .correct{inset:0 0 140px;overflow:auto;border:1px #eee solid;border-radius:5px;padding:5px;font:13px 나눔고딕;line-height:20px;flex:1;box-shadow:0 0 5px #37373766;background-color:#efefef;outline:none;display:none}.learning.learning-intv.learning-interview .comment-wrap{bottom:90px;height:120px;flex:0 0 120px;overflow:auto;border:1px #eee solid;border-radius:5px;padding:5px;font:13px 나눔고딕;line-height:20px;-webkit-box-shadow:0px 0px 5px rgba(55,55,55,.4);background-color:#fff;display:none}.learning.learning-intv.learning-interview .rec-btn,.learning.learning-intv.learning-interview .rec-play-btn.enable{opacity:1;cursor:pointer}.learning.learning-intv.learning-interview .rec-btn-wrap{bottom:7px;width:70%}.learning.learning-intv.learning-interview .rec-btn-wrap input[type=checkbox]{appearance:none;width:47px;height:28px;margin:0;vertical-align:middle;background-color:#ccc}.learning.learning-intv.learning-interview .rec-btn-wrap input[type=checkbox].selected{background-color:#fff}.learning.learning-intv.learning-interview .rec_play_wrap{position:absolute;left:5px;bottom:7px;display:none}.learning.learning-intv.learning-interview .reccounter{vertical-align:middle;margin-right:5px}.learning.learning-intv.learning-interview .btn-play{width:20px!important;height:20px!important;display:block;background:url(/img/player/btn_play.png);background-size:100% 100%;vertical-align:text-bottom;margin-right:5px;opacity:.1;overflow:hidden;border:none}.learning.learning-intv.learning-interview .btn-play.playing{background:url(/img/player/btn_pause.png);background-size:100% 100%}.learning.learning-intv.learning-interview .btn-play.enable{opacity:1;cursor:pointer}.learning.learning-intv.learning-interview .word-count-wrap{display:none;position:absolute;left:0;right:30px;height:25px;background-color:#fff;border:1px #ccc solid;border-radius:5px;line-height:25px;padding-left:10px;z-index:1}.learning.learning-intv.learning-interview .word-count-msg{flex:0 0 25px;background-color:#ffe;border:1px #ccc solid;border-radius:5px;line-height:25px;padding-left:10px}.learning.learning-intv.learning-interview.has-minmax .note,.learning.learning-intv.learning-interview.has-minmax .subnote-wrap{top:30px}.learning.learning-exam.learning-exam .page-left{width:inherit;right:300px;z-index:1}html.monitor-small .learning.learning-exam.learning-exam .page-left{display:none}.learning.learning-exam.learning-exam .paper-wrap-wrap{position:absolute;top:30px;left:10px;width:75%;bottom:40px;border:1px #ccc solid;background-color:#fff;border-radius:5px;overflow:auto;padding:10px;touch-action:pan-x pan-y!important}.learning.learning-exam.learning-exam .paper-wrap{position:relative;width:210mm;height:297mm;border:1px #000 solid;background-color:#fff;margin:0 auto 20px;box-shadow:5px 5px #aaa;overflow:hidden}.learning.learning-exam.learning-exam .paper{position:relative;padding:10px;width:210mm;height:297mm;-webkit-column-count:2}.learning.learning-exam.learning-exam .paper audio{width:300px;height:30px}.learning.learning-exam.learning-exam .exam-controls{position:absolute;left:0;right:0;bottom:0;z-index:3;padding:8px;border-radius:0 0 5px 5px;color:#555;font:11px 나눔고딕;display:flex}.learning.learning-exam.learning-exam input[pseudo=-webkit-media-controls-timeline]::-internal-track-segment-highlight-after{background-color:#39f!important}.learning.learning-exam.learning-exam p{margin:0;padding:0}.learning.learning-exam.learning-exam .exam-no{display:inline-block;font:700 11pt verdana;margin-top:20px;margin-right:10px}.learning.learning-exam.learning-exam .exam-exs{margin-top:3px}.learning.learning-exam.learning-exam .exam-exno{position:relative;float:left;left:2px;top:2px;margin-right:5px;width:13px;height:13px;font:7pt verdana;border-radius:10px;border:1px #555 solid;text-align:Center;vertical-align:middle;-webkit-user-modify:read-only}.learning.learning-exam.learning-exam .exam-ex{line-height:20px;vertical-align:middle}.learning.learning-exam.learning-exam .btn-play{width:20px!important;height:20px!important;display:block;background:url(/img/player/btn_play.png);background-size:100% 100%;vertical-align:text-bottom;margin-right:5px;opacity:.1;overflow:hidden;border:none}.learning.learning-exam.learning-exam .btn-play.playing{background:url(/img/player/btn_pause.png);background-size:100% 100%}.learning.learning-exam.learning-exam .btn-play.enable{opacity:1;cursor:pointer}.learning.learning-exam.learning-exam .timer{position:absolute;top:5px;left:inherit;right:200px}html.monitor-small .learning.learning-exam.learning-exam .timer{top:0}.learning.learning-exam.learning-exam .omr-wrap{position:absolute;top:30px;right:10px;width:25%;bottom:40px;border-radius:5px;overflow:auto;padding:10px;z-index:1}html.monitor-small .learning.learning-exam.learning-exam .omr-wrap{right:0;zoom:1.2}.learning.learning-exam.learning-exam .omr-wrap ol{background-color:#fff;padding:0;margin:0 auto;counter-reset:li;list-style:none;border:2px #FF3333 solid;width:154px}.learning.learning-exam.learning-exam .omr-wrap li{font-size:14px;height:40px;overflow:hidden;line-height:40px;padding:0;margin:0}.learning.learning-exam.learning-exam .omr-wrap li:hover{background-color:#eee}.learning.learning-exam.learning-exam .omr-wrap li:hover:before{background-color:#f33;color:#fff}.learning.learning-exam.learning-exam .omr-wrap li:nth-child(5n){border-bottom:1px #f33 solid}.learning.learning-exam.learning-exam .omr-wrap li:nth-child(5n):before{border-bottom:1px #FF3333 solid}.learning.learning-exam.learning-exam .omr-wrap li:before{position:relative;top:-1px;font-weight:700;font-size:11px;content:counter(li);counter-increment:li;width:30px;text-align:right;display:inline-block;padding-right:5px;color:red;background-color:#faa;height:41px;line-height:42px;margin-right:5px;letter-spacing:0px}.learning.learning-exam.learning-exam .omr-wrap li.mark-right:after{content:"";position:absolute;background:url(/skin/default/mark_right.png) no-repeat;width:43px;height:34px;margin-left:-130px;margin-top:4px}.learning.learning-exam.learning-exam .omr-wrap li.mark-wrong:after{content:"";position:absolute;background:url(/skin/default/mark_wrong.png) no-repeat;width:43px;height:34px;margin-left:-130px;margin-top:4px}.learning.learning-exam.learning-exam .omr-wrap li div{position:relative;display:inline-block;width:19px;height:23px;cursor:pointer;text-align:center;vertical-align:middle;line-height:23px;border-radius:3px}.learning.learning-exam.learning-exam .omr-wrap li div.check{vertical-align:middle}.learning.learning-exam.learning-exam .omr-wrap li div.check:before{content:"";position:absolute;width:14px;height:14px;overflow:hidden;border-radius:14px;line-height:23px;top:50%;margin-top:-7px}.learning.learning-exam.learning-exam .omr-wrap li div.check0:before{background-color:#000}.learning.learning-exam.learning-exam .omr-wrap li div.check1:before{background-color:#000}.learning.learning-exam.learning-exam .omr-wrap li div.check2:before{background-color:#000}.learning.learning-exam.learning-exam .omr-wrap li div.check3:before{background-color:#000}.learning.learning-exam.learning-exam .omr-wrap li div.red:before{background-color:#39f}.learning.learning-exam.learning-exam .omr-wrap li input{border:1px #ccc solid;width:72px}.learning.learning-exam.learning-exam .omr-wrap li .edit{cursor:pointer;background:url(https://engstar.org/rsc/app/icons/fatcow16/pencil.png);display:inline-block;width:16px;height:16px;margin-left:5px;vertical-align:middle}.learning.learning-exam.learning-exam .omr-wrap table{border:1px #555 solid;border-width:1px 0px 0px 1px;border-collapse:collapse}.learning.learning-exam.learning-exam .omr-wrap td{border:1px #555 solid;border-width:0px 1px 1px 0px;text-align:center}.learning.learning-exam.learning-exam .omr-wrap tr.correct{color:#00f}.learning.learning-exam.learning-exam .omr-wrap tr.incorrect{color:red}.mic-setting-button{position:absolute;bottom:0;right:50px;width:50px;height:35px;z-index:101;background:url(/skin/default/icon_microphone.png) 50% 50% no-repeat;cursor:pointer}.mic-setting-button.denied{background:url(/skin/default/icon_microphone_denied.png) 50% 50% no-repeat}.mic-setting-button.prompt{background:url(/skin/default/icon_microphone_prompt.png) 50% 50% no-repeat}.mic-setting-list-background{position:absolute;inset:0;z-index:101;background-color:#39f2;display:none}.mic-setting-list-background.show{display:block}.mic-setting-list{position:absolute;bottom:35px;right:0;z-index:101;background-color:#fff;border:1px #555 solid;font-size:14px;display:none}.mic-setting-list.show{display:block}.mic-setting-list>div{height:30px;padding:6px;cursor:pointer}.mic-setting-list>div:hover{background-color:#ccc}.mic-setting-list>div.selected{color:#fff;background-color:#39f}.mic-setting-button:hover{background-color:#0003}.touchkeyboard-button{position:absolute;bottom:0;right:0;width:50px;height:35px;z-index:101;background:url(/skin/default/icon_touchkeyboard.png) 50% 50% no-repeat;cursor:pointer}.touchkeyboard-button:hover{background-color:#0003}.touchkeyboard-button.show{background-color:#3399ff80}.tkeyboard{-webkit-user-select:none}.tkeyboard>*{-webkit-user-select:none}.tkeyboard-left{position:absolute;width:450px;height:300px;bottom:35px;left:0;background-color:#0003;z-index:20000;padding:10px}.tkeyboard-right{position:absolute;width:450px;height:300px;bottom:35px;right:0;background-color:#0003;z-index:20000;padding:10px;text-align:right}.tkeyboard .key{box-sizing:content-box;background-color:#302f37;color:#fff;display:inline-block;text-align:center;font:700 20px dotum}.tkeyboard-left p,.tkeyboard-right p{margin:0;padding:0}.tkeyboard-left p:nth-child(2){margin-left:40px}.tkeyboard-left p:nth-child(3){margin-left:60px}.tkeyboard-left p:nth-child(4){margin-left:20px}.tkeyboard-right p:nth-child(2){margin-right:40px}.tkeyboard-right p:nth-child(3){margin-right:0}.tkeyboard-right p:nth-child(4){margin-right:0}.tkeyboard.shift .key{text-transform:uppercase}.tkeyboard.shift .shift.key{background-color:#39f}.tkeyboard-correct{position:absolute;background-color:#0000;z-index:20001}.tkeyboard.practice .tkeyboard-keyhand{position:absolute;bottom:0;left:50%;margin-left:-260px;width:511px;height:256px;z-index:102;opacity:.5}.tkeyboard.practice .tkeyboard-keyhand-1{background:url(/skin/default/key_hand_1.png) 50% 50% no-repeat;background-size:100% 100%}.tkeyboard.practice .tkeyboard-keyhand-2{background:url(/skin/default/key_hand_2.png) 50% 50% no-repeat;background-size:100% 100%}.tkeyboard.practice .tkeyboard-keyhand-3{background:url(/skin/default/key_hand_3.png) 50% 50% no-repeat;background-size:100% 100%}.tkeyboard.practice .tkeyboard-keyhand-4{background:url(/skin/default/key_hand_4.png) 50% 50% no-repeat;background-size:100% 100%}.tkeyboard.practice .tkeyboard-keyhand-5{background:url(/skin/default/key_hand_5.png) 50% 50% no-repeat;background-size:100% 100%}.tkeyboard.practice .tkeyboard-keyhand-6{background:url(/skin/default/key_hand_6.png) 50% 50% no-repeat;background-size:100% 100%}.tkeyboard.practice .tkeyboard-keyhand-7{background:url(/skin/default/key_hand_7.png) 50% 50% no-repeat;background-size:100% 100%}.tkeyboard.practice .tkeyboard-keyhand-8{background:url(/skin/default/key_hand_8.png) 50% 50% no-repeat;background-size:100% 100%}.tkeyboard.practice .key{background-color:#0a0}.tkeyboard.practice .key-e,.tkeyboard.practice .key-d,.tkeyboard.practice .key-c,.tkeyboard.practice .key-4,.tkeyboard.practice .key-i,.tkeyboard.practice .key-k,.tkeyboard.practice .key-9{background-color:#aa0}.tkeyboard.practice .key-5,.tkeyboard.practice .key-6,.tkeyboard.practice .key-7,.tkeyboard.practice .key-8,.tkeyboard.practice .key-r,.tkeyboard.practice .key-t,.tkeyboard.practice .key-y,.tkeyboard.practice .key-u,.tkeyboard.practice .key-f,.tkeyboard.practice .key-g,.tkeyboard.practice .key-h,.tkeyboard.practice .key-j,.tkeyboard.practice .key-v,.tkeyboard.practice .key-b,.tkeyboard.practice .key-n,.tkeyboard.practice .key-c{background-color:#0aa}.tkeyboard.practice .key-3,.tkeyboard.practice .key-w,.tkeyboard.practice .key-s,.tkeyboard.practice .key-x,.tkeyboard.practice .key-0,.tkeyboard.practice .key-o,.tkeyboard.practice .key-l{background-color:#a0a}.textmarker{position:relative;border:1px transparent dashed;width:580px;margin:auto;top:0;bottom:0;-webkit-user-select:text;-webkit-user-modify:read-only;padding-left:20px;padding-right:20px;padding-bottom:30px;background-color:#fff;min-height:100%}.textmarker div{box-sizing:content-box}.textmarker.focused{border:1px #ccc dashed}.textmarker::selection{background:#f09;color:#fff}.textmarker .padding-resizer{position:absolute;top:0;bottom:0;width:2px;z-index:10;cursor:e-resize;display:none;overflow:hidder;border-right:2px #ccc dashed}.textmarker.focused .padding-resizer{display:block}.textmarker .caret{position:absolute;border-left:2px #555 solid;z-index:3;top:0;bottom:0}.textmarker .focus-wrap{position:absolute;inset:0;z-index:2;-webkit-user-modify:read-write-plaintext-only;opacity:0;background-color:#39f}.textmarker .editor{inset:0;z-index:1}.textmarker .editor span{position:relative;display:inline-block;margin:10px 0;font:14px verdana}.textmarker .editor span.temp{background-color:#39f}.textmarker.focused .editor span.has-caret{background:#cef}.textmarker .toolbar{position:absolute;left:0;right:0;font-size:11px;border:1px #555 solid;line-height:auto;background-color:#fff;z-index:11;display:none}.textmarker.focused .toolbar{display:block}.textmarker .comment{position:absolute;top:100%;left:5px;user-select:none}.textmarker .comment div{box-sizing:border-box}.textmarker .comment-line1{position:absolute;border:1px #aaa solid;margin-top:2px;width:10px;height:18px;border-width:0px 0px 1px 1px;border-radius:0 0 0 5px}.textmarker .comment-line1.left{right:0;height:3px;border-width:0px 1px 1px 0px;border-radius:0 0 5px}.textmarker .comment-line2{position:absolute;border:1px #aaa solid;width:5px;height:0px;left:100%;top:100%;border-width:0px 0px 1px 1px;border-radius:0 0 0 5px}.textmarker .comment-text{position:absolute;border:1px #ccc solid;white-space:nowrap;left:100%;bottom:0;z-index:6;font:14px verdana;padding:2px;width:auto;-webkit-user-modify:read-write-plaintext-only;-webkit-user-select:auto;color:#999;background-color:#fff}.textmarker .comment-line1.left .comment-line2{left:0}.textmarker .comment-line2.bottom{position:absolute;z-index:5;border:1px #aaa solid;left:100%;top:auto;bottom:-1px;border-width:1px 0px 0px 1px;border-radius:5px 0 0}.textmarker .comment-line2.bottom .comment-text{top:-2px;bottom:auto}.textmarker .mark-indent{position:absolute;width:15px;height:36px;z-index:10;background-size:100% 100%;-webkit-user-modify:read-write-plaintext-only;background-image:url(https://engstar.org/rsc/app/marker/mark_indent.png)}.textmarker .mark-outdent{position:absolute;width:15px;height:36px;z-index:10;background-size:100% 100%;-webkit-user-modify:read-write-plaintext-only;background-image:url(https://engstar.org/rsc/app/marker/mark_outdent.png)}.textmarker .mark-glue{position:absolute;width:15px;height:7px;z-index:10;background-size:100% 100%;-webkit-user-modify:read-write-plaintext-only;background-image:url(https://engstar.org/rsc/app/marker/mark_glue.png)}.textmarker .mark-spacing{position:absolute;width:21px;height:14px;z-index:10;background-size:100% 100%;-webkit-user-modify:read-write-plaintext-only;background-image:url(https://engstar.org/rsc/app/marker/mark_spacing.png)}.textmarker .mark-out{position:absolute;width:17px;height:18px;z-index:10;background-size:100% 100%;-webkit-user-modify:read-write-plaintext-only;background-image:url(https://engstar.org/rsc/app/marker/mark_out.png)}.textmarker .icon-convention{width:16px;height:16px;background:url(https://engstar.org/rsc/app/marker/icon_convention.png) no-repeat #fff;vertical-align:middle}.textmarker .icon-sentence{width:16px;height:16px;background:url(https://engstar.org/rsc/app/marker/icon_sentence.png) no-repeat #fff;vertical-align:middle}.textmarker .icon-development{width:16px;height:16px;background:url(https://engstar.org/rsc/app/marker/icon_development.png) no-repeat #fff;vertical-align:middle}.textmarker .icon-organization{width:16px;height:16px;background:url(https://engstar.org/rsc/app/marker/icon_organization.png) no-repeat #fff;vertical-align:middle}.textmarker .icon-word{width:16px;height:16px;background:url(https://engstar.org/rsc/app/marker/icon_word.png) no-repeat #fff;vertical-align:middle}.textmarker .icon-error{width:16px;height:16px;background:url(https://engstar.org/rsc/app/marker/icon_error.png) no-repeat #fff;vertical-align:middle}.textmarker .icon-marker-bold{width:16px;height:16px;background:url(/app/marker/icon_bold.png) no-repeat;vertical-align:middle}.textmarker .icon-marker-italic{width:16px;height:16px;background:url(/app/marker/icon_italic.png) no-repeat;vertical-align:middle}.textmarker .icon-marker-underline{position:relative;width:16px;height:16px;background:url(/app/marker/icon_underline.png) no-repeat;vertical-align:middle}.textmarker .icon-marker-strikethroungh{width:16px;height:16px;background:url(/app/marker/icon_strikethroungh.png) no-repeat;vertical-align:middle}.textmarker .comment-text[class~=" icon"],.textmarker .comment-text[class*=icon]{background-repeat:no-repeat;background-position:3px 3px!important;padding-left:20px;width:auto!important;height:auto!important}.toolbar .tool-underline-main{position:relative}.toolbar .tool-underline-main .underline-color{position:absolute;left:6px;width:11px;height:1px;background-color:#000;top:18px;overflow:hidden}.textmarker span .underline{position:absolute;bottom:0;left:0;right:0}.toolbar .tool-cancelline-main{position:relative}.toolbar .tool-cancelline-main .cancelline-color{position:absolute;left:5px;top:10px;width:13px;height:0px;border:1px #000 solid;border-width:1px 0px;overflow:hidden}.textmarker span .cancelline{position:absolute;left:0;top:50%;right:0;border:1px #000 solid;border-width:1px 0px;opacity:.7}@media print{.textmarker *{border-radius:0!important}.textmarker .toolbar,.textmarker .padding-resizer{display:none!important}.textmarker{border:none!important}.textmarker.focused .editor span.has-caret{background:none!important}.textmarker .caret{visibility:hidden!important}}.starrating{position:relative;width:80px;height:16px;top:2px;cursor:pointer}.starrating-bg{position:absolute;width:80px;height:16px;background:url(app://icons/fatcow16/star.png);-webkit-filter:grayscale(1)}.starrating-value{position:absolute;width:0px;height:16px;background:url(app://icons/fatcow16/star.png)}.starrating-active{position:absolute;width:0px;height:16px;background:url(app://icons/fatcow16/draw_star.png)}.starrating.active .starrating-value{z-index:100}.popup{position:absolute;background-color:#c8c8c880;z-index:2000}.popup-front{position:absolute;z-index:2001}.popup-top{position:absolute;top:2px;left:2px;right:2px;height:48px;background-image:url(/skin/default/popup_bg_top.png);line-height:48px;cursor:default}.popup-icon-notice{position:absolute;top:8px;left:8px;width:30px;height:30px;background-image:url(/skin/default/popup_icon_notice.png)}.popup-title{position:absolute;top:13px;left:48px;right:40px;height:30px;font:16px verdana;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:default}.popup-btn-close{position:absolute;top:14px;right:8px;width:20px;height:20px;background-image:url(/skin/default/popup_btn_close.png);cursor:pointer}.popup-middle{position:absolute;inset:50px 2px 35px;background-image:url(/skin/default/popup_bg_middle.png);padding:16px;overflow:auto;font:13px dotum;color:#555}.popup-bottom{position:absolute;bottom:2px;left:2px;right:2px;height:34px;font-size:10pt;background-image:url(/skin/default/popup_bg_bottom.png);color:#434343;line-height:34px;padding-left:5px}.popup-bottom label{cursor:pointer}.popup-bottom input{position:relative;top:2px}.learning.learning-media.learning-mediaplay .page-right{position:absolute;right:0;width:100%;top:0;bottom:0}.learning.learning-media.learning-mediaplay .page-right:-webkit-full-screen{top:10px;background-color:#000}.learning.learning-media.learning-mediaplay .ground{position:absolute;inset:30px 0 10px;overflow:hidden;background-color:#fff;border-radius:10px}.learning.learning-media.learning-mediaplay .ground .fullscreen{position:absolute;top:5px;left:5px;width:80px;height:80px;background-image:url(/skin/default/fullscreen.png);background-size:cover;cursor:pointer;opacity:.1}.learning.learning-media.learning-mediaplay .ground .fullscreen:hover{opacity:.5}.learning.learning-media.learning-mediaplay :-webkit-full-screen .ground{bottom:0;border-radius:0}.learning.learning-media.learning-mediaplay :-webkit-full-screen .ground .fullscreen{background-image:url(/skin/default/exitfullscreen.png)}.learning.learning-media.learning-mediaplay .blink{-webkit-animation:blinker infinite cubic-bezier(1,0,0,1) .8s}.page-rank{position:absolute;inset:0}.page-rank .rank-wrap{position:absolute;left:50%;top:50%;transform-origin:center;translate:-50% -50%;width:600px;height:650px;max-height:90%}.page-rank .rank-wrap .rank{position:absolute;box-sizing:unset;width:600px;height:650px;max-height:90%;transition:transform .3s}.page-rank .rank-wrap .rank.n1{transform:perspective(500px) translate(-100px) translateZ(-40px);z-index:9}.page-rank .rank-wrap .rank.n2{transform:perspective(500px) translate(0);z-index:11}.page-rank .rank-wrap .rank.n3{transform:perspective(500px) translate(100px) translateZ(-40px);z-index:8}.page-rank .rank-wrap .rank:before{position:absolute;content:"";box-sizing:border-box;display:block;width:100%;height:100%;border-width:117px;border-image:url(/skin/default/rank_bg_list.png) 117 117 round;border-style:solid;border-radius:20px}.page-rank .rank-wrap .rank .content{position:absolute;inset:30px;background-color:#fff;overflow-y:auto;overflow-x:hidden}.page-rank .rank-wrap .rank .content .close{position:absolute;top:-6px;right:-3px;height:35px;width:35px;background:url(/skin/default/rank_btn_close.png) 50% 50% no-repeat;cursor:pointer}.page-rank .rank-wrap .rank .content .title{height:30px;border-bottom:1px #cecece solid;z-index:1113}.page-rank .rank-wrap .list{position:absolute;left:0;top:70px;right:0}.page-rank .rank-wrap .list table{width:100%;border-collapse:collapse}.page-rank .rank-wrap .list table tr:nth-child(odd){background-color:#efeeef}.page-rank .rank-wrap .list table tr:nth-child(2n){background-color:#f7f7f7}.page-rank .rank-wrap .list table tr:nth-child(3){background-color:#feeccb;height:40px}.page-rank .rank-wrap .list table tr:nth-child(4){background-color:#d7eeef;height:40px}.page-rank .rank-wrap .list table tr:nth-child(5){background-color:#def7e7;height:40px}.page-rank .rank-wrap .list table tr:first-child{height:29px;background:url(/skin/default/rank_bg_list_column.png) repeat-x}.page-rank .rank-wrap .list table th{width:18%;height:19px;text-align:right;padding:5px;color:#555}.page-rank .rank-wrap .list table th:first-child{width:10%;text-align:center}.page-rank .rank-wrap .list table th:nth-child(2){text-align:center}.page-rank .rank-wrap .list table td{width:18%;height:20px;text-align:right;padding:5px;border-bottom:2px #fff solid}.page-rank .rank-wrap .list table td .rank-icon-1{display:inline-block;width:46px;height:44px;background:url(/skin/default/rank_icon_1.png)}.page-rank .rank-wrap .list table td .rank-icon-2{display:inline-block;width:20px;height:20px;background:url(/skin/default/rank_icon_2.png)}.page-rank .rank-wrap .list table td .rank-icon-3{display:inline-block;width:20px;height:20px;background:url(/skin/default/rank_icon_3.png)}.page-rank .rank-wrap .list table td:first-child{width:10%;text-align:center}.page-rank .rank-wrap .list table td:nth-child(2){text-align:center}.page-rank .rank-wrap .rank-daily .title{background:url(/skin/default/rank_title_daily.png) 10px 0px no-repeat}.page-rank .rank-wrap .rank-daily .title:after{position:absolute;content:"* 어제 새벽 3시~ 오늘 새벽3시까지 획득한 경험치를 기준으로 매일 새벽 6시 업데이트 됩니다.";color:#aaa;top:35px}.page-rank .rank-wrap .rank-weekly .title{background:url(/skin/default/rank_title_weekly.png) 10px 0px no-repeat}.page-rank .rank-wrap .rank-weekly .title:after{position:absolute;content:"* 저번주~ 오늘 새벽3시까지 획득한 경험치를 기준으로 매일 새벽 6시 업데이트 됩니다.";color:#aaa;top:35px}.page-rank .rank-wrap .rank-monthly .title{background:url(/skin/default/rank_title_monthly.png) 10px 0px no-repeat}.page-rank .rank-wrap .rank-monthly .title:after{position:absolute;content:"* 저번달~ 오늘 새벽3시까지 획득한 경험치를 기준으로 매일 새벽 6시 업데이트 됩니다.";color:#aaa;top:35px}.page-rank .rank-prev{position:absolute;left:50%;top:50%;margin-left:-353px;margin-top:-38px;width:56px;height:76px;background:url(/skin/default/rank_btn_prev.png);z-index:6;cursor:pointer}.page-rank .rank-next{position:absolute;left:50%;top:50%;margin-left:300px;margin-top:-38px;width:56px;height:76px;background:url(/skin/default/rank_btn_next.png);z-index:6;cursor:pointer}.gram-error{border-bottom:2px red solid}.gram-checking{display:inline-block;position:relative;background:linear-gradient(to right,#39f,#39f);background-size:0% 2px;background-repeat:no-repeat;background-position:left bottom;animation:underline 10s ease-in-out 1s infinite}@keyframes underline{to{background-size:100% 2px}}