*{box-sizing:border-box}body{font-family:'AppleSDGothicNeoM','Malgun Gothic',sans-serif;color:#333;background:#fff}body.catalogmode{overflow:auto;height:auto;min-height:100vh;padding-bottom:150px}button,a,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #4da8ff;outline-offset:3px}button:disabled{cursor:default;opacity:.3!important}a{color:inherit}.loading,.loaderror{padding:80px 24px;text-align:center}.catalog{position:relative;top:100px;margin:0 auto;width:65%;border:1px solid #333;font-family:'Nanum Barun Gothic','Malgun Gothic',sans-serif}.catalog h1{font-size:25px;text-align:center;font-weight:400;padding:15px;margin:0;background:rgb(50,87,92);color:#fff}.lessonrow{display:flex;align-items:center;text-decoration:none;font-size:20px;border-top:1px solid #333;padding:10px 15px;gap:12px;line-height:1.35;min-height:45px}.lessonrow:hover{background:rgb(252,190,85)}.lessonrow .lessonname{flex:1}.clickIcon{font-size:13px;white-space:nowrap;line-height:24px}.clickIcon em{font-style:normal;color:rgb(42,113,250);font-size:16px}.lessonprogress{display:block;font-size:11px;color:#527c7e;margin-top:3px}.utility{position:fixed;right:16px;bottom:16px;display:flex;gap:15px;font-size:12px;z-index:30;background:#ffffffed;padding:8px 13px;border:1px solid #ddd;border-radius:4px}.utility a{text-decoration:none}.previewBanner{position:fixed;top:0;left:0;right:0;z-index:40;text-align:center;padding:8px;background:#fff1c9;font-size:13px;color:#6b4d05}.contentGroup{position:fixed;transform-origin:top left;background:#fff}.contentArea{display:block;position:absolute;top:0;left:0;width:1280px;height:720px}.vid{display:block;width:1280px;height:720px;object-fit:contain;background:#000}.bottomArea{height:45px}.bottomArea button{border:0;padding:0;flex-shrink:0}.bottomArea>button[class^=btn_]{height:45px;margin-right:15px;cursor:pointer}.bottomArea>.btn_index{margin-left:20px}.bottomArea>.btn_volumeon,.bottomArea>.btn_volumeoff,.bottomArea>.btn_fs{margin-right:0}.bottomArea>.btn_prev{margin-left:20px;margin-right:5px}.bottomArea>.btn_next{margin-left:5px;margin-right:5px}.bottomArea .timeGroup{margin-right:20px;flex-shrink:0}.bottomArea .slash{flex-shrink:0}.progressBg,.vprogressBg{border:0!important;padding:0!important;flex-shrink:0;background:transparent!important;appearance:none;height:14px!important;z-index:1}.progressBg{width:560px!important;margin:0 10px 0 15px!important}.vprogressBg{width:90px!important;margin:0 15px!important}.progressBg::-webkit-slider-runnable-track,.vprogressBg::-webkit-slider-runnable-track{height:2px;background:linear-gradient(to right,#fff var(--pct,0%),#666 var(--pct,0%))}.progressBg::-webkit-slider-thumb,.vprogressBg::-webkit-slider-thumb{appearance:none;background:#fff;height:8px;width:8px;border-radius:50%;margin-top:-3px}.progressBg::-moz-range-track,.vprogressBg::-moz-range-track{height:2px;background:#777}.progressBg::-moz-range-progress,.vprogressBg::-moz-range-progress{background:#fff;height:5px}.progressBg::-moz-range-thumb,.vprogressBg::-moz-range-thumb{background:#fff;border:0;width:8px;height:8px}.speed{width:42px;height:30px;background:#191919;color:#fff;border:0;font-size:16px;font-weight:bold;margin-left:-7px;margin-right:8px;flex-shrink:0;cursor:pointer;padding:0}.speed option{background:#191919}.btn_replay{margin-right:12px!important}.indexPop{padding:15px 0 20px;max-height:675px;overflow-y:auto}.indexPop.open{bottom:45px}.indexPop .mainMenu{font-family:'Malgun Gothic',sans-serif;text-indent:60px;font-weight:400}.indexPop .subMenu{font-size:16px;line-height:1.45;margin:13px 0;align-items:start;border:0;width:100%;background:transparent;color:#fff;text-align:left;padding:0}.indexPop .subMenuText{width:74%}.indexPop .subMenuBlit{flex-shrink:0}.indexPop .subMenuArrow{flex-shrink:0}.quizPage{height:720px}.qTopArea{top:50px}.qTitle{font-size:30px;line-height:1.45;user-select:text}.qNum{background-size:auto 100%;flex-shrink:0}.qNum.custom{background:none;display:flex;align-items:center;justify-content:center;font-size:54px;color:#378db6;font-weight:bold}.insterArea.oxType>button{border:0;background-color:transparent;width:185px;height:195px;margin:0 80px;cursor:pointer}.insterArea.oxType .oxo{background:url('/reference/common/img/oxo.png') center/100% no-repeat}.insterArea.oxType .oxx{background:url('/reference/common/img/oxx.png') center/100% no-repeat}.insterArea.oxType button.selected{filter:drop-shadow(0 0 10px #edb43a);outline:3px solid #edb43a;border-radius:16px}.insterArea.oxType button.correctanswer{filter:drop-shadow(0 0 10px #499ddd)}.insterArea.oxType button:disabled{opacity:1!important}.insterArea.selectType{margin-left:210px;width:920px}.selectGroup{border:0;background:transparent;text-align:left;color:#333}.selectGroup.selected .selectNum{background:#499ddd}.selectGroup.correctanswer .selectNum{background:#319a59}.selectGroup:disabled{opacity:1!important}.selectText{line-height:1.3}.btn_qCheck,.btn_qCommons,.btn_qRetry{border:0;background-color:transparent}.qBottomArea.visible{bottom:30px}.qBottomArea .feedBackText{line-height:1.4;max-height:165px;overflow:auto}.qBottomArea .systemAnswer{font-size:24px}.resultPop{display:block}.result-title{position:absolute;top:135px;left:0;right:0;text-align:center;font-size:28px;color:#444;background:#fff;padding:18px 10px}.result-title strong{color:#268ab0;font-size:36px}.resultPop .resultBolGroup{gap:40px;flex-wrap:wrap}.resultPop .resultBol{margin:0;width:119px;height:125px}.resultPop .btn_qRetry{top:590px}.result-next{position:absolute;top:650px;left:50%;transform:translateX(-50%);border:0;background:#32575c;color:#fff;border-radius:4px;padding:9px 22px}.mediaerror,.endedbox{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#111d;color:#fff;font-size:22px;gap:20px;text-align:center;padding:70px}.mediaerror a{color:#a9dcff}.mediaerror button,.endedbox button{padding:12px 24px;border:1px solid #fff;background:#32575c;color:#fff;border-radius:4px;font-size:20px}.dialog{position:absolute;inset:0;z-index:25;background:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center}.dialogbox{background:#fff;color:#333;padding:36px 45px;width:780px;border-radius:8px;position:relative;font-size:22px;line-height:1.8}.dialogbox h2{font-size:30px;color:#32575c}.dialogbox button.close{position:absolute;right:12px;top:10px;border:0;font-size:30px;background:none}.dialog img{max-width:1280px;max-height:720px}.dialog .closeImage{position:absolute;right:20px;top:15px;color:white;background:#3338;border:0;font-size:40px}.quiz-empty{padding:150px 80px;text-align:center;font-size:24px}.quiz-check-text{display:block;font-size:24px;color:#fff;background:#32575c!important;border-radius:30px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}#notice{position:fixed;bottom:75px;left:50%;transform:translateX(-50%);z-index:100;background:#222;color:#fff;padding:12px 20px;max-width:90%;border-radius:6px;font-size:14px;display:none}#notice.visible{display:block}.completionnote{font-size:12px;color:#476f73;padding:0 0 0 5px}.footerhint{text-align:center;font-size:12px;margin-top:120px;color:#777}@media(max-width:700px){.catalog{width:90%;top:60px}.catalog h1{font-size:22px}.lessonrow{font-size:16px;padding:10px 12px}.utility{font-size:11px;bottom:8px;right:8px}.previewBanner{font-size:11px}.footerhint{margin-top:80px}}
@font-face{font-family:'Nanum Barun Gothic';font-weight:400;src:url('/reference/NanumBarunGothic.woff') format('woff');font-display:swap}
.resultPop .resultBolGroup{gap:20px 120px;max-height:220px;overflow-y:auto;padding:0 40px}.dialog .closeImage:focus-visible{outline-color:white}

.utility button{border:0;background:transparent;color:inherit;padding:0;cursor:pointer;font:inherit}.utility button:hover,.utility a:hover{text-decoration:underline}

.learning-popup-host{position:fixed;inset:0;background:#0006;z-index:200;display:flex;align-items:center;justify-content:center;padding:18px}.learning-popup-shell{display:flex;flex-direction:column;width:min(1280px,calc(100vw - 36px));height:min(809px,calc(100dvh - 36px));background:#fff;box-shadow:0 10px 45px #0008;border-radius:7px;overflow:hidden}.learning-popup-title{height:44px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:#32575c;color:white;font-size:15px;gap:12px}.learning-popup-title strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.learning-popup-close{background:transparent;color:white;border:0;font-size:30px;line-height:1;cursor:pointer}.learning-popup-shell iframe{width:100%;height:100%;flex:1;border:0;min-height:0}@media(max-width:700px){.learning-popup-host{padding:5px}.learning-popup-shell{width:calc(100vw - 10px);height:calc(100dvh - 10px)}.learning-popup-title{font-size:13px}}