:root{--maxw: 1200px}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{font-family:Apple SD Gothic Neo,Malgun Gothic,Noto Sans KR,sans-serif;background:#f5f5f5;-webkit-text-size-adjust:100%}.app-root{display:flex;flex-direction:column;min-height:100vh;-webkit-user-select:none;user-select:none}img{max-width:100%;height:auto}.main-header{background:#fff;border-bottom:1px solid #e3e3e3}.main-nav{max-width:var(--maxw);margin:0 auto;display:flex;flex-wrap:wrap;gap:6px 18px;padding:10px 12px}.main-nav a{color:#0d6efd;text-decoration:none;font-weight:600;font-size:11pt}.main-nav a:hover{text-decoration:underline}.coupang-wrap{width:100%;max-width:var(--maxw);margin:12px auto;padding:0 12px;text-align:center}.coupang-banner{display:flex;justify-content:center;min-height:60px}.affiliate-notice{font-size:11px;color:#888;margin-top:4px;text-align:center}.container{width:100%;max-width:var(--maxw);margin:0 auto;flex:1;display:flex;flex-direction:column;padding:0 12px}#panel1{display:flex;align-items:center;gap:8px;font-size:20pt;font-weight:700;padding:8px 0}#panel1 .logo{height:32px}#panel2{padding:6px 0}.select-row,.control-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.control-row{gap:12px}label{font-size:11pt;white-space:nowrap}select,button{font-family:inherit;font-size:12pt;padding:6px 10px;border-radius:4px;border:1px solid #bbb}button{cursor:pointer}.start-exam-btn{background:#28a745;color:#fff;border:none;font-weight:700}.start-exam-btn:hover:not(:disabled){background:#218838}.start-exam-btn:disabled{background:#ccc;cursor:not-allowed}.counter{text-align:left;line-height:1.4;font-size:11pt}.main-content{flex:1;display:flex;gap:12px;width:100%;margin:12px 0;align-items:flex-start}.question-column{flex:1;min-width:0;display:flex;flex-direction:column}#panel10{flex:1;background:#fff;padding:20px;overflow-y:auto;border:1px solid #e6e6e6;border-radius:6px}.action-bar{display:flex;align-items:center;gap:10px;margin-top:10px;padding:10px 12px;background:#fff;border:1px solid #e6e6e6;border-radius:6px}.act-nav{flex:1;text-align:center;font-size:11pt;color:#444}.act-btn{border:none;color:#fff;font-weight:700;font-size:12pt;padding:10px 16px;border-radius:6px}.act-calc{background:#6c757d}.act-calc:hover{background:#5a6268}.act-unans{background:#fd7e14}.act-unans:hover{background:#e8690b}.act-submit{background:#28a745}.act-submit:hover:not(:disabled){background:#218838}.act-submit:disabled{background:#ccc;cursor:not-allowed}.omr-column{width:240px;flex-shrink:0;display:flex;flex-direction:column}.omr-header{background:#4682b4;color:#fff;text-align:center;font-weight:700;font-size:12pt;line-height:40px;height:40px;border-radius:6px 6px 0 0}#panel9{background:#f8f9fa;padding:10px;overflow-y:auto;border:1px solid #e6e6e6;border-top:none;border-radius:0 0 6px 6px}.omr-empty{text-align:center;color:#888;font-size:10pt;padding:30px 6px;line-height:1.6}.omr-row{display:flex;align-items:center;gap:8px;padding:4px 2px;border-bottom:1px solid #ececec}.omr-qno{width:34px;min-width:34px;height:30px;padding:0;font-size:11pt;font-weight:700;background:#fff;border:1px solid #ccc;border-radius:4px;color:#333;display:flex;justify-content:center;align-items:center}.omr-bubbles{display:flex;gap:4px;flex-wrap:wrap}.omr-bubble{width:30px;height:30px;padding:0;border-radius:50%;border:1px solid #bbb;background:#fff;color:#cfcfcf;font-size:12pt;line-height:1;display:flex;justify-content:center;align-items:center;transition:all .12s}.omr-bubble:hover:not(:disabled){border-color:#666}.omr-bubble.filled{background:#222;color:#fff;border-color:#222}.omr-bubble.bubble-correct{background:#0d6efd;border-color:#0d6efd;color:#fff}.omr-bubble.bubble-wrong{background:#dc3545;border-color:#dc3545;color:#fff}.omr-bubble:disabled{cursor:default}#beforeStartMessage p{text-align:center;margin-top:80px;color:#666;line-height:1.7}.question{margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #eee}.question-title{font-weight:700;margin-bottom:12px}.question-content{margin:15px 0;line-height:1.6}.options{display:flex;flex-direction:column;gap:8px;margin-top:15px}.option{padding:12px;border:1px solid #ddd;border-radius:6px;cursor:pointer;transition:all .15s}.option:hover{background:#f0f8ff}.option.selected{background:#d1ecf1;border-color:#0c5460;font-weight:700}.answer-line{margin-top:15px;font-weight:700}.commentary-div{line-height:1.8;white-space:pre-wrap;word-break:keep-all;margin-top:15px;padding:10px;background:#f9f9f9;border-left:4px solid #007bff}.unanswered-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(46px,1fr));gap:8px;margin:10px 0;max-height:40vh;overflow-y:auto}.unanswered-item{padding:10px 0;background:#fff3cd;border:1px solid #ffc107;border-radius:6px;font-weight:700;cursor:pointer}.unanswered-item:hover{background:#ffe69c}.calc-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:320px;max-width:94vw;background:#f0f0f0;border:1px solid #888;border-radius:10px;box-shadow:0 10px 40px #00000073;z-index:1100;-webkit-user-select:none;user-select:none;overflow:hidden}.calc-header{display:flex;justify-content:space-between;align-items:center;background:#2c3e50;color:#fff;padding:8px 12px;cursor:move;font-weight:700}.calc-close{background:#e74c3c;color:#fff;border:none;width:26px;height:26px;border-radius:4px;font-size:12pt;line-height:1;cursor:pointer;padding:0}.calc-display{background:#1c2733;color:#fff;padding:10px 12px;text-align:right;min-height:64px}.calc-expr{font-size:11pt;color:#9fb3c8;min-height:18px;word-break:break-all}.calc-output{font-size:22pt;font-weight:700;word-break:break-all}.calc-mem{font-size:10pt;color:#ffd166;margin-left:8px;vertical-align:super}.calc-keys{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;padding:10px}.calc-btn{padding:12px 0;font-size:12pt;border:1px solid #ccc;border-radius:6px;background:#fff;cursor:pointer}.calc-btn:hover{background:#eef4ff}.calc-btn.fn{background:#e9ecef;font-size:10.5pt}.calc-btn.op{background:#dbe4ee;font-weight:700}.calc-btn.op.danger{background:#f8d7da}.calc-btn.equal{grid-column:span 5;background:#28a745;color:#fff;font-weight:700}#panel11{width:100%;margin:0 0 20px;padding:10px;background:#f8f9fa;font-size:11pt;text-align:left;border-radius:4px}#panel11 span{margin-right:20px;display:inline-block}#todayResultsBtn{cursor:pointer;color:#00f;text-decoration:underline}.main-footer{background:#fff;border-top:1px solid #e3e3e3;margin-top:10px}.footer-content{max-width:var(--maxw);margin:0 auto;padding:14px 12px;font-size:10pt;color:#555;line-height:1.6;text-align:center}.main-footer a{color:#0d6efd}.loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:9999}.spinner{width:70px;height:70px;border:8px solid #f3f3f3;border-top:8px solid #3498db;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}.loading-text{color:#fff;font-size:16pt;margin-top:20px;font-weight:700}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.result-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:16px;border:3px solid #007bff;border-radius:12px;box-shadow:0 8px 32px #0006;z-index:1001;width:92vw;max-width:640px;text-align:center;max-height:88vh;overflow-y:auto}.result-popup table{width:100%;border-collapse:collapse;margin:0 0 8px;font-size:14pt}.result-popup td,.result-popup th{padding:6px;border:1px solid #ccc}.result-popup img.banner{width:100%;max-width:500px;height:auto;display:block;margin:10px auto}.result-popup img.app{width:100px;height:100px;margin:0 5px}.result-popup button{margin:10px;padding:10px 14px;font-size:14pt;border-radius:8px;border:1px solid #bbb}.result-popup .pass{font-size:24pt;font-weight:700;color:#00f}.result-popup .fail{font-size:24pt;font-weight:700;color:red}#todayResultsPopup .close-btn{background:#dc3545;color:#fff;border:none}@media (max-width: 768px){#panel1{font-size:15pt}.select-row,.control-row{gap:8px}.select-row select,.control-row select{flex:1 1 40%;min-width:0!important}.select-row label,.control-row label{font-size:10pt}.counter{font-size:10pt;flex:1 1 45%}.main-content{flex-direction:column}.question-column,.omr-column{width:100%!important}#panel10{max-height:none!important;min-height:auto!important;padding:14px}.omr-column{margin-top:12px}#panel9{max-height:420px!important;min-height:auto!important}.omr-row{padding:8px 4px}.omr-qno{height:36px}.omr-bubble{width:36px;height:36px;font-size:13pt}.action-bar{flex-wrap:wrap;gap:8px}.act-nav{order:-1;flex:1 1 100%}.act-btn{flex:1 1 30%;padding:12px 6px;font-size:11pt}.option{padding:14px}.question-content{line-height:1.7}.result-popup{padding:12px}.result-popup table{font-size:12pt}.result-popup .pass,.result-popup .fail{font-size:20pt}.result-popup img.app{width:84px;height:84px}.result-popup button{font-size:12pt;padding:9px 12px}#panel11 span{display:block;margin:4px 0}}@media (max-width: 420px){#panel1{font-size:13pt}.select-row select,.control-row select{flex:1 1 100%}}