main{min-height:100svh;min-width:1280px}.login{display:flex;position:relative}.login_img{width:100%}.login_img img{height:100%;object-fit:cover;object-position:center;display:block}.login_wrap{width:100%;padding-top:184px;padding-bottom:160px;position:relative;display:flex;align-items:center;justify-content:center}.login_form{max-width:480px;width:100%}.login_footer{position:absolute;bottom:48px;left:50%;transform:translateX(-50%)}.login_form .logo{width:100%;max-width:340px;margin:0 auto 48px}.login_form .logo img{display:block;width:100%}.login_form_group{display:flex;flex-direction:column;gap:32px}.login_form_item{display:flex;flex-direction:column;gap:16px}.login_form_item .item_default{font-size:18px;font-weight:800}.login_form_item .item_user{width:100%}.form_input{width:100%;height:52px;padding:0 16px;border-radius:8px;border:1px solid #d9d9d9;background-color:#fff;font-size:16px}.form_input:focus{outline:none;border-color:#0093f5}.form_input.disable{background-color:#f5f5f5}.form_textarea{width:100%;height:240px;padding:16px;border-radius:8px;border:1px solid #d9d9d9;background-color:#fff;font-size:16px}select.form_input{min-width:unset}.form_submit_btn{width:100%;line-height:52px;border:2px solid #0093f5;text-align:center;background-color:#0093f5;font-size:18px;font-weight:700;color:#fff;border-radius:8px}.form_submit_btn.white{background-color:#fff;color:#0093f5}.form_submit_btn.gray{background-color:#707070;border-color:#707070}.login_form_wrap{border-bottom:1px solid #c5c5c5;margin-bottom:32px}.login_sub_btn{padding:32px 0;text-align:center;font-size:16px;color:#a7a7a7;text-decoration:underline}.login_footer p{white-space:nowrap}.account_header{position:absolute;top:0;left:0;min-width:1280px;width:100%;height:104px;padding:0 24px;z-index:10;display:flex;align-items:center}.account_header .prev_btn{flex-shrink:0;width:56px;height:56px;border-radius:50%;text-align:center;background-color:#f5f5f5;cursor:pointer}.account_header .prev_btn i{line-height:56px;font-size:36px}.account_header .logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:340px}.account_header .logo img{display:block;width:100%}.find_pw .login_form_wrap{margin-bottom:0;margin-top:32px;padding-top:32px;border-top:1px solid #c5c5c5}.form_btn_wrap .form_btn{width:120px;line-height:52px;border-radius:8px;text-align:center;background-color:#000;font-size:16px;font-weight:700;color:#fff}.form_btn_wrap .form_input{width:calc(100% - 128px)}.checked_item{display:flex;align-items:center;gap:8px}.checked_item .icon{width:20px;height:20px;border-radius:2px;border:1px solid #d9d9d9;text-align:center;line-height:18px;font-size:14px;background-color:#fff;color:#fff}.checked_item .txt{width:calc(100% - 28px);font-size:16px;color:#aeaeae}.checked_item .link{display:inline-block;text-decoration:underline;color:#0093f5}.form_checkbox:checked+.checked_item .icon{background-color:#0093f5;border-color:#0093f5}.form_checkbox:checked+.checked_item .txt{color:#000}.dashboard{background-color:#eee;padding-left:480px}.dashboard_wrap{padding:40px 56px 80px}.dashboard_title_wrap{margin-bottom:24px}.dashboard_section{width:100%;background-color:#fff;padding:56px;border-radius:40px;box-shadow:0 0 10px 0 rgba(0,0,0,.16)}.dashboard_section .dashboard_section{border-radius:24px}.dashboard_section_title_wrap{margin-bottom:32px}.class_select_item{width:calc((100% - 16px * 3) / 4);padding:32px 0;border-radius:32px;display:flex;flex-flow:column;align-items:center;text-align:center;background-color:#f5f5f5;transition:.2s;cursor:pointer}.class_select_list.per3{gap:32px}.class_select_list.per3 .class_select_item{width:calc((100% - 32px * 2) / 3)}.class_select_item:hover{background-color:#dff2ff}.class_select_item .item_num{padding:0 32px;line-height:36px;background-color:#e4e4e4;border-radius:18px;transition:.2s}.class_select_item:hover .item_num{background-color:#64c1ff}.item_num_wrap{display:flex;align-items:center;height:40px;border-radius:20px;background-color:#e4e4e4;padding:0 24px;transition:.2s}.item_num_wrap p:not(:last-child){position:relative}.item_num_wrap p:not(:last-child):after{content:"";display:block;position:absolute;width:1px;height:20px;background-color:rgba(0,0,0,.1);right:clamp(-12px,-.625vw,-6px);top:50%;transform:translateY(-50%)}.class_select_item:hover .item_num_wrap{background-color:#64c1ff}.filter_icon{width:48px;height:48px;border-radius:50%;background-repeat:no-repeat;background-size:cover;background-position:50%}.filter_icon.home{background-image:url(/images/icon_filter_home.png)}.filter_icon.school{background-image:url(/images/icon_filter_school.png)}.filter_icon.car{background-image:url(/images/icon_filter_car.png)}.filter_icon.play{background-image:url(/images/icon_filter_play.png)}.lecture_select_wrap .class_select_item{position:relative;padding-left:24px;padding-right:24px}.lecture_select_wrap .class_select_item .filter_icon{position:absolute;left:16px;top:16px}.lecture_select_wrap .class_select_item .item_icon{position:absolute;top:16px;right:16px;transform:rotate(-45deg);width:48px}.lecture_select_wrap .class_select_item .item_img{width:100%;max-width:180px}.default_tab_wrap{margin-bottom:40px}.default_tab{padding:0 40px;line-height:48px;text-align:center;border:1px solid #d9d9d9;background-color:#fff;border-radius:16px;font-size:16px;font-weight:500;cursor:pointer}.default_tab.active{background-color:#000;border-color:#000;color:#fff}.dashboard_btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:0 32px;height:48px;border-radius:8px;background-color:#000;color:#fff;font-size:16px;font-weight:700}.dashboard_btn.gray{background-color:#707070}.dashboard_btn.blue{background-color:#008df9}.class_select_item .dashboard_btn{width:100%;transition:.2s}.class_select_item:hover .dashboard_btn{background-color:#0097ff}.dashboard_section_title.bar{position:relative;padding-left:24px}.dashboard_section_title.bar:after{content:"";display:block;width:8px;height:100%;background-color:#0093f5;border-radius:4px;position:absolute;left:0;top:0}.report_main_img{width:200px;height:200px;border-radius:20px;background-color:#cce9fd;padding:20px}.report_main_img img{height:100%;object-fit:contain;object-position:center}.report_main_txt_wrap{row-gap:8px}.report_ans_percent{width:clamp(160px,11vw,212px);height:clamp(160px,11vw,212px);border-radius:50%;background-color:#cce9fd;position:relative}.report_ans_percent canvas{width:100%!important;height:100%!important}.report_ans_percent .txt_wrap{width:80%;height:80%;position:absolute;background-color:#fff;border-radius:50%;justify-content:center;left:50%;top:50%;transform:translate(-50%,-50%)}.report_section_title{padding-left:24px;position:relative}.report_section_title:after{content:"";display:block;position:absolute;width:8px;height:100%;background-color:#0093f5;border-radius:4px;left:0;top:0}.report_photo_item{width:calc((100% - clamp(12px, 1.25vw, 24px) * 3) / 4);border-radius:20px;overflow:hidden;position:relative;cursor:pointer;background-image:url(/images/photo_null.png);background-position:50%;background-size:cover}.report_photo_item .item_img{width:100%;padding-top:70%;position:relative}.report_photo_item .item_img img{object-fit:cover;object-position:center}.report_photo_item .icon,.report_photo_item .item_img img{height:100%;position:absolute;left:0;top:0;right:0;bottom:0}.report_photo_item .icon{width:100%;background-color:rgba(0,0,0,.5);z-index:1;display:flex;flex-flow:column;align-items:center;justify-content:center;font-size:40px;color:#fff;opacity:0;transition:.2s}.report_photo_item:hover .icon{opacity:1}.img_modal{position:fixed;width:100%;height:100svh;left:0;top:0;right:0;background-color:rgba(0,0,0,.7);z-index:99999}.img_modal .img_modal_container{position:absolute;left:50%;top:50%;width:100%;height:100%;max-width:80%;max-height:80%;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center}.img_modal .img_modal_wrap{position:absolute}.img_modal .img_modal_wrap img{width:100%;height:100%;object-fit:contain;object-position:center;display:block}.img_modal .img_modal_wrap .close_btn{position:absolute;width:clamp(40px,2.916vw,56px);height:clamp(40px,2.916vw,56px);background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;font-size:clamp(24px,1.67vw,32px);color:#fff;top:0;right:0;cursor:pointer}.report_section{background-color:#fff;padding:24px;border-radius:16px;width:100%;border:1px solid #c5c5c5}.report_wrap{margin-top:40px}.report_tab{padding:0 clamp(40px,3.75vw,72px);background-color:#ffc90a;border-top-left-radius:24px;border-top-right-radius:24px}.report_tab.active{background-color:#ffde69}.report_tab p{line-height:clamp(64px,9svh,88px)}.report_section_wrap{background-color:#ffde69;padding:80px 0 120px;border-top-left-radius:clamp(24px,2.5vw,48px);border-top-right-radius:clamp(24px,2.5vw,48px)}.report_section_title_wrap{padding-left:24px;position:relative}.report_section_title_wrap:after{content:"";display:block;position:absolute;width:8px;height:100%;background-color:#48ca02;border-radius:4px;left:0;top:0}.report_section .active_color{color:red}.report_section.active .active_color{color:#48ca02}.report_section .active_bg_color{background-color:red}.report_section.active .active_bg_color{background-color:#48ca02}.report_section .active_border_color{border-color:red}.report_section.active .active_border_color{border-color:#48ca02}.percent_bar{width:100%;position:relative;height:32px;border-radius:16px;background-color:#c5c5c5}.percent_bar_active{position:absolute;height:100%;left:0;top:0;bottom:0;border-radius:20px}.report_result_txt{width:100%;padding:24px 0;text-align:center;border-width:2px;border-style:dashed;border-radius:16px}.report_solution_item .item_icon{width:120px;height:64px;border-radius:8px;background-color:#000;justify-content:center}.report_solution_item.active .item_icon{background-color:#48ca02}.report_solution_item .item_icon img{width:32px}.report_solution_item .txt{width:calc(100% - 96px);padding:20px 24px;border-radius:8px;background-color:rgba(0,0,0,.05)}.report_solution_item.active .txt{background-color:rgba(72,202,2,.1)}.report_quiz_item{padding:24px;border:1px solid #c5c5c5;background-color:#fff;border-radius:16px}.report_quiz_item .item_num{width:clamp(24px,2.08vw,40px);text-align:center;line-height:clamp(24px,2.08vw,40px);background-color:#000;font-size:18px;color:#fff;font-weight:700;border-radius:50%}.report_quiz_item .item_result p{color:#c5c5c5}.report_quiz_item .item_result_bar{width:100%;height:24px;border-radius:12px;background-color:#c5c5c5}.report_quiz_item .item_result.answer p,.report_quiz_item .item_result_label.answer p{color:#48ca02}.report_quiz_item .item_result.answer .item_result_bar{background-color:#48ca02}.report_quiz_item .item_result.wrong p,.report_quiz_item .item_result_label.wrong p{color:#ff4545}.report_quiz_item .item_result.wrong .item_result_bar{background-color:#ff4545}.form_input.w160{width:160px}.table_wrap{position:relative}.table_wrap table{table-layout:fixed;width:100%;border-collapse:collapse;border-spacing:0}.table_wrap table th{height:48px;padding-left:24px;background-color:#999;font-size:16px;font-weight:700;color:#fff;text-align:left}.table_wrap table th:first-child{border-top-left-radius:8px;border-bottom-left-radius:8px}.table_wrap table th:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px}.table_wrap table td{padding:16px 0 16px 24px;font-size:16px;background-color:#f5f5f5;border-top:4px solid #fff;border-bottom:4px solid #fff}.table_wrap table td:first-child{border-top-left-radius:8px;border-bottom-left-radius:8px}.table_wrap table td:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px}.form_section{max-width:640px}.leave_btn{width:-moz-fit-content;width:fit-content;margin:0 auto}.leave_btn:hover{text-decoration:underline}.form_title_wrap{padding-bottom:24px;border-bottom:1px solid #000;margin-bottom:24px}.file-image-box{width:100%}.file-image-box .file-list{display:flex;flex-wrap:wrap;gap:12px;list-style:none;padding:0;margin:0}.file-image-box .file-list li{position:relative;width:120px;height:120px;border-radius:8px;overflow:hidden;border:1px solid #d9d9d9;background-color:#f5f5f5}.file-image-box .file-list li input[type=file]{display:none}.file-image-box .file-list li label{display:flex;align-items:center;justify-content:center;width:100%;height:100%;cursor:pointer;font-size:14px;color:#666;background-color:#f5f5f5;transition:background-color .2s}.file-image-box .file-list li label:hover{background-color:#e8e8e8}.file-image-box .file-list li.file-list-item{background-size:cover;background-position:50%;background-repeat:no-repeat}.file-image-box .file-list li .delete{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:50%;background-color:rgba(0,0,0,.6);color:#fff;font-size:0;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.file-image-box .file-list li .delete:before{content:"×";font-size:16px;line-height:1}.file-image-box .message-box{margin-top:8px}.file-image-box .message-box p{font-size:12px;color:#999}.file-image-box .file-list li .duration-badge{position:absolute;bottom:4px;left:4px;padding:2px 6px;background-color:rgba(0,0,0,.7);color:#fff;font-size:11px;border-radius:4px;font-weight:500}