*,:after,:before{box-sizing:border-box}*,:after,:before,blockquote,body,dd,dl,figure,h1,h2,h3,h4,h5,h6,ol,p,ul{margin:0;padding:0}ol,ul{list-style:none}a{text-decoration:none;color:inherit}canvas,img,picture,svg,video{display:block;max-width:100%;height:auto}button,input,select,textarea{font:inherit;color:inherit;border:none;background:none;outline:none}button{background:none;border:none;cursor:pointer}button:disabled{cursor:not-allowed}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:""}table{border-collapse:collapse;border-spacing:0}html{line-height:1.5;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;height:100%}body{height:100%;text-rendering:optimizeSpeed;font-family:GmarketSans,sans-serif;color:#000}.login-page,body{min-height:100vh;background-color:#F5F9FF}.login-page{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;font-family:Noto Sans KR,sans-serif}.login-header{text-align:center;margin-bottom:40px}.login-form-container{background:white;border-radius:20px;padding:40px;box-shadow:0 8px 32px rgba(0,0,0,.1);width:100%;max-width:600px;border:1px solid #e0e0e0}.login-form-title{font-size:24px;font-weight:600;color:#333;text-align:center;margin-bottom:30px;margin-top:0}.login-form{gap:20px}.input-group,.login-form{display:flex;flex-direction:column}.input-group{gap:8px}.input-label{font-size:14px;font-weight:500;color:#333;margin-bottom:2px}.login-input-field{padding:10px 18px;border:none;border-radius:8px;background-color:#c8e6c9;font-size:16px;color:#333;outline:none;transition:background-color .2s ease}.login-input-field:focus{background-color:#b8dbb9}.login-input-field::-moz-placeholder{color:#666;opacity:.7}.login-input-field::placeholder{color:#666;opacity:.7}.login-submit-button{background:transparent;border:none;padding:0;cursor:pointer;transition:all .2s ease;margin-top:10px}.login-submit-button:hover{transform:translateY(-1px);opacity:.9}.login-submit-button:active{transform:translateY(0)}.login-error{color:#ff4757;font-size:14px;text-align:center;margin-top:10px;margin-bottom:0;padding:10px;background-color:#ffe6e6;border-radius:6px;border:1px solid #ffcccc}@media (max-width:480px){.login-form-container{padding:30px 20px;margin:0 10px}}#wrapper{width:100%;height:100%}header{display:flex;align-items:center;width:1800px;padding:12px 24px;margin:0 auto}header h1 img{width:40px;height:40px;border:1px solid #b4b4b4;border-radius:20px}header>div{margin-right:12px}header div button img{display:inline-block}header div.user_wrap{display:flex;justify-content:space-between;width:200px;border:1px solid #b4b4b4;border-radius:20px;padding:5px 20px;background:#fff}header div.user_wrap .userInfo{margin-left:10px;align-items:center}header div.user_wrap .user{height:20px;line-height:20px;color:#009641;font-weight:700}header div.user_wrap .usercategory{height:18px;line-height:18px;font-size:12px;color:#C5C5C5}header div.user_wrap .usersetting{height:38px;line-height:38px}header div.user_wrap .usersetting button{padding:0}header div.user_wrap .usersetting img{margin-top:8px}header .btn_create,header .btn_quizList{padding:0}main{justify-content:center;max-width:1800px;margin:0 auto}.flexContainer,main{display:flex;width:100%;gap:30px}.flexContainer{justify-content:flex-start;overflow-x:auto}.flexL{width:900px}.flexL,.flexR{background:#fff;border-radius:35px;padding:35px}.flexR{width:800px}.flexR .empty{height:100%;text-align:center;display:flex;justify-content:center;align-items:center;color:#666}.search_wrap{display:flex;font-size:12px;margin-bottom:50px}.search_wrap select{width:180px;height:40px;margin-right:10px;border:1px solid #1bbb2b;border-radius:20px;padding:0 15px;line-height:40px;appearance:none;-webkit-appearance:none;-moz-appearance:none;background:white url(/images/icon_arrowdown.png) no-repeat right 12px center;background-size:10px}.search_wrap .search_text{display:flex;justify-content:space-between;width:240px;height:40px;border:1px solid #b4b4b4;border-radius:20px;padding:0 15px;line-height:40px;align-items:center}.search_wrap .search_text input{width:200px;border:none;outline:none}.search_wrap .search_text button{background:none;border:none;cursor:pointer;padding:0}.table_warp table{width:100%;border-collapse:collapse}.table_warp table th{line-height:50px;border-bottom:1px solid #1bbb2b;color:#1BBB2B;font-weight:600}.table_warp table td{line-height:50px;text-align:center;border-bottom:1px solid #eee;font-size:14px}.detail_box h3{margin-bottom:20px;font-size:20px;color:#333}.detail_box p{margin-bottom:10px;font-size:14px;line-height:1.5}.btn_action,.btn_secondary{transition:transform .02s ease-in-out,box-shadow .15s ease,background .15s ease,border-color .15s ease}.detail_header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;flex-wrap:wrap}.detail_header h3{font-size:18px;font-weight:700;display:flex;align-items:center;gap:6px}.detail_actions{display:flex;gap:8px}.btn_action,.btn_secondary{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:10px;font-size:14px;line-height:1;border:1px solid transparent;cursor:pointer;transition:transform .02s,box-shadow .15s,background .15s,border-color .15s;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.btn_action{background:#2d7df6;color:#fff;border-color:#2d7df6;box-shadow:0 2px 6px rgba(45,125,246,.25)}.btn_action:hover{filter:brightness(1.05)}.btn_action:active{transform:translateY(1px)}.btn_secondary{background:#f6f7fb;color:#333;border-color:#dfe3ea}.btn_secondary:hover{background:#eef1f7}.btn_secondary:active{transform:translateY(1px)}.btn_icon{display:inline-flex;width:16px;height:16px;align-items:center;justify-content:center}.pagination_wrap{display:grid;align-items:center;gap:12px;padding:12px 0}.pagination_wrap,.pagination_wrap.no-size{grid-template-columns:1fr auto}.pagination_info{font-size:13px;color:#666}.pagination_controls{display:flex;gap:6px;flex-wrap:wrap}.pg_btn{min-width:32px;height:32px;padding:0 8px;border-radius:8px;border:1px solid #dfe3ea;background:#fff;cursor:pointer;font-size:14px}.pg_btn:hover{background:#f6f7fb}.pg_btn:disabled{opacity:.5;cursor:not-allowed}.pg_btn.is-active{background:#2d7df6;color:#fff;border-color:#2d7df6}