@import url("https://fonts.googleapis.com/css2?family=Open+Sans&display=swap");*{font-family:Open Sans,Iansui;margin:0;padding:0;border:0;font-size:100%}:root{--main-color:#262626;--botton-white:#fff;--botton-white-hover:#efefef}textarea{padding:4px}input,textarea{outline:none;border:1px solid rgba(0,0,0,.2);border-radius:4px}input{padding:4px 6px;transition:border-color .2s;box-shadow:0 1px 4px rgba(0,0,0,.05)}select{border:1px solid rgba(0,0,0,.2)}li,ul{list-style:none}a{text-decoration:none;cursor:pointer}.flex,.flex-col{display:flex}.flex-col{flex-direction:column}.justify-center{justify-content:center}.align-center{align-items:center}.relative{position:relative}.hidden{display:none}.shadow{box-shadow:0 2px 8px rgba(0,0,0,.1)}.btn{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:4px 6px;border:1px solid rgba(0,0,0,.2);font-size:17px;box-shadow:0 1px 4px rgba(0,0,0,.2);transition:.2s}.btn:hover{background-color:#eee}.g-btn-area{background-color:hsla(0,0%,100%,0);gap:6px;padding:12px}.g-blue-btn,.g-btn-area{display:flex;justify-content:center}.g-blue-btn{align-items:center;cursor:pointer;background-color:#007bff;color:#fff;transition:.2s;padding:5px 16px;border-radius:4px;box-shadow:0 1px 4px rgba(0,0,0,.2);-webkit-user-select:none;-moz-user-select:none;user-select:none;word-break:keep-all;outline:none;font-size:clamp(16px,1.1vw,20px)}.g-blue-btn:hover{background-color:#0069d9}.g-green-btn{display:flex;align-items:center;justify-content:center;cursor:pointer;background-color:#29ce34;color:#fff;transition:.2s;padding:5px 16px;border-radius:4px;box-shadow:0 1px 4px rgba(0,0,0,.2);-webkit-user-select:none;-moz-user-select:none;user-select:none;word-break:keep-all;outline:none;font-size:clamp(16px,1.1vw,20px)}.g-green-btn:hover{background-color:#24b42e}.g-red-btn{display:flex;align-items:center;justify-content:center;cursor:pointer;background-color:#f84343;color:#fff;transition:.2s;padding:5px 16px;border-radius:4px;box-shadow:0 1px 4px rgba(0,0,0,.2);-webkit-user-select:none;-moz-user-select:none;user-select:none;word-break:keep-all;outline:none;font-size:clamp(16px,1.1vw,20px)}.g-red-btn:hover{background-color:#e03535}.g-light-red-btn{display:flex;align-items:center;justify-content:center;cursor:pointer;background-color:#f97676;color:#fff;transition:.2s;padding:5px 16px;border-radius:4px;box-shadow:0 1px 4px rgba(0,0,0,.2);-webkit-user-select:none;-moz-user-select:none;user-select:none;word-break:keep-all;outline:none;font-size:clamp(16px,1.1vw,20px)}.g-light-red-btn:hover{background-color:#e16d6d}.g-white-btn{display:flex;align-items:center;justify-content:center;cursor:pointer;background-color:#fff;color:#171717;transition:.2s;padding:5px 16px;border-radius:4px;box-shadow:0 1px 4px rgba(0,0,0,.2);border:1px solid rgba(0,0,0,.2);-webkit-user-select:none;-moz-user-select:none;user-select:none;word-break:keep-all;outline:none;font-size:clamp(16px,1.1vw,20px)}.g-white-btn:hover{background-color:#f1f1f1}.g-black-btn{display:flex;align-items:center;justify-content:center;cursor:pointer;background-color:#545454;color:#fff;transition:.2s;padding:5px 16px;border-radius:4px;box-shadow:0 1px 4px rgba(0,0,0,.2);-webkit-user-select:none;-moz-user-select:none;user-select:none;word-break:keep-all;outline:none;font-size:clamp(16px,1.1vw,20px)}.g-black-btn:hover{background-color:#323232}.g-loadmore-btn{margin-bottom:12px;background-color:#fff;cursor:pointer;padding:12px;border:1px solid rgba(0,0,0,.2);border-radius:2px;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:.2s}.g-loadmore-btn:hover{background-color:var(--botton-white-hover)}.g-shadow{box-shadow:0 2px 8px rgba(0,0,0,.1)}.hint-content{color:#676767}.input-container{display:flex;align-items:center;gap:4px}.input-container .content{font-weight:700;font-size:18px}.page-switch{display:flex;align-items:center;gap:12px;margin-bottom:12px}.page-switch .page-switcher{transition:.2s;border:1px solid gray;border-radius:2px;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:24px;height:24px;cursor:pointer;color:#525252}.page-switch .page-switcher:hover{background-color:#e1e1e1}.page-switch .content{-webkit-user-select:none;-moz-user-select:none;user-select:none;font-weight:700;color:#525252}.page-switch .pointer{cursor:pointer}.page-switch .now-page{cursor:pointer;display:flex;color:#9a9a9a;gap:4px;font-size:clamp(16px,1.2vw,20px)}.page-switch .now-page .page{cursor:pointer}.page-switch .active{font-weight:700;color:#000}.meesage-area{width:100%;position:relative}.meesage-area,.message{display:flex;justify-content:center}.message{z-index:99999;background-color:#e2e2e2;align-items:center;position:absolute;top:30%;overflow:hidden;pointer-events:none;transition:.2s;border-radius:4px;font-weight:700;font-size:18px;-webkit-user-select:none;-moz-user-select:none;user-select:none}@keyframes loadingBgc{0%{background-position:100% 0}to{background-position:-100% 0}}.loading-area{width:60%;height:24px;border-radius:4px;box-shadow:0 1px 4px rgba(0,0,0,.2);background:linear-gradient(90deg,#d8d8d8,#dbdbdb 25%,#d2d2d2 50%,#dbdbdb 75%,#d8d8d8);background-size:200% 100%;background-repeat:repeat-x;animation:loadingBgc 1.2s linear infinite}.unlogined-main{display:flex;flex-direction:column;justify-content:center;align-items:center;height:400px;gap:24px}.unlogined-main .content{font-weight:700;font-size:24px}.unlogined-main .login-area{display:flex;align-items:center;justify-content:center;background-color:#3acd00;border-radius:8px;color:#fff;font-size:18px;transition:5s;width:180px;height:60px;font-weight:700}.unlogined-main .login-area .line-login-icon-area .icon{width:50px;height:50px}.index-main{position:relative;display:flex;flex-direction:column;align-items:center;width:100%}.index-main .background-image{position:absolute;z-index:0;top:0;left:0;height:100%}.index-main .background-image .image{max-width:100%;max-height:100%}.index-main .header-area{position:relative;width:100%;z-index:9}.index-main .RWD{width:100%;overflow:hidden;position:relative;z-index:4}.index-main .RWD .btn-area{width:100%;overflow:hidden;display:flex;justify-content:center;gap:12px;margin:12px 0}.index-main .board-main{position:relative;z-index:0;width:100%}.index-main .footer-area{width:100%;position:absolute;bottom:-104px;z-index:0}.course-main{position:relative;overflow:auto;display:flex;flex-direction:column;align-items:center;min-height:100vh}.course-main .course-header{position:relative;width:100%}@media (max-width:860px){.course-main .course-header{z-index:2}}.course-main .container{flex:1 1;display:flex;flex-direction:column;align-items:center;position:relative;z-index:1;width:90%}.course-main .container .header-title-area{width:100%;display:flex;align-items:center;position:relative;padding:12px 0}.course-main .container .header-title-area .left{display:flex;align-items:flex-end}.course-main .container .header-title-area .left .course-title{padding:8px 14px;font-size:28px;background-color:#fafafa;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);z-index:2;font-weight:700;position:relative;display:flex;align-items:flex-end}.course-main .container .header-title-area .left .hint{display:flex;align-items:flex-end;color:#959393;height:35px;left:100px;padding:8px}.course-main .container .header-title-area .right{position:absolute;right:0}.course-main .container .header-title-area .right .back-to-course-btn{color:#000;background-color:#fafafa;box-shadow:0 2px 8px rgba(0,0,0,.1);padding:8px;border-radius:8px;display:flex;align-items:center;transition:.2s}.course-main .container .header-title-area .right .back-to-course-btn:hover{background-color:#ececec}.course-main .container .nav{position:relative;top:0;width:100%;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.2);margin-bottom:24px}.course-main .container .nav .header{font-weight:700;padding-left:24px;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:8px;background-color:var(--main-color);display:flex;cursor:pointer;align-items:center;position:relative;width:100%;min-height:80px;font-size:20px;z-index:1;gap:12px;color:#fff}.course-main .container .nav .header div{padding-left:24px}@media (max-width:920px){.course-main{width:100vw}.course-main .container{width:100%;gap:12px;margin-bottom:128px}.course-main .container .header-title-area{position:relative;flex-wrap:wrap;width:90%;gap:0}.course-main .container .header-title-area .left{flex-direction:column;align-items:flex-start}.course-main .container .header-title-area .left .hint{padding:0}.course-main .container .header-title-area .right{top:18px}.course-main .container #video-nav{border-radius:0;margin:0}.course-main .container #video-nav #video-header{border-radius:0}.course-main .container #qa-nav{border-radius:0;margin:0}.course-main .container #qa-nav .header{border-radius:0}.course-main .container .nav,.course-main .container .nav .video-nav-content{width:100%}.course-main .container .nav .video-nav-content .update-video-area{width:100%;overflow:hidden}.course-main .container .nav .video-nav-content .video-area-container{width:100%}.course-main .container .nav .video-nav-content .video-area-container .video-area{min-width:100%;flex-direction:column;align-items:center}.course-main .container .nav .video-nav-content .video-area-container .video-area .video-card{display:flex;flex-direction:row}}.upload-vidoe-main{position:fixed;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%);z-index:10;background-color:rgba(0,0,0,.4)}.upload-vidoe-main,.upload-vidoe-main .container{display:flex;align-items:center;justify-content:center;transition:.2s}.upload-vidoe-main .container{border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);background-color:#f9f9f9;flex-direction:column;padding:24px;gap:12px;overflow:auto;max-width:80%;max-height:80%;margin:0}.upload-vidoe-main .title{font-size:32px;text-align:center}.upload-vidoe-main .top-section{display:flex;width:100%;justify-content:center;min-height:200px}.upload-vidoe-main .top-section .btn-area{display:flex;flex-direction:column;justify-content:center;align-items:center;width:20%;height:100%}.upload-vidoe-main .top-section .preview-image{overflow:hidden;position:relative;background-color:#fff;width:40%;border:1px dashed rgba(0,0,0,.4);display:flex;justify-content:center;align-items:center;transition:.2s;cursor:pointer}.upload-vidoe-main .top-section .preview-image .hint{position:absolute;color:rgba(0,0,0,.6)}.upload-vidoe-main .top-section .preview-image .image-pre-view{width:100%;height:auto;border-radius:8px}.upload-vidoe-main .top-section .preview-image:hover{background-color:#dbdbdb}.upload-vidoe-main .section{display:flex;flex-direction:column;align-items:flex-start;width:80%;gap:4px;font-size:clamp(16px,1.2vw,20px)}.upload-vidoe-main .section .label{font-weight:700;color:#333;font-size:clamp(16px,1.2vw,20px)}.upload-vidoe-main .section .input,.upload-vidoe-main .section .textarea{width:100%;padding:8px 12px;border-radius:4px;border:1px solid #ccc}.upload-vidoe-main .section .textarea{resize:none}.upload-vidoe-main .title-section{flex-direction:column;align-items:center}.upload-vidoe-main .title-section .label{display:flex;justify-content:center;font-size:clamp(16px,1.2vw,20px)}.upload-vidoe-main .public-setting{display:flex;justify-content:flex-start;gap:16px;align-items:center}.upload-vidoe-main .public-setting .content{font-weight:700;font-size:clamp(16px,1.2vw,20px)}.upload-vidoe-main .public-setting .confirm,.upload-vidoe-main .public-setting .reject{display:flex;gap:4px}.upload-vidoe-main .buttonContainer{text-align:center;display:flex;gap:8px}.upload-vidoe-main .buttonContainer .button{background-color:#0070f3;color:#fff;padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:16px}.upload-vidoe-main .messageContainer{background-color:#f9f9f9;border-radius:4px;white-space:pre-wrap}.upload-vidoe-main .thumbnailContainer{text-align:center}.upload-vidoe-main .thumbnailContainer .thumbnail{border-radius:4px}@media (max-width:860px){.upload-vidoe-main,.upload-vidoe-main .container{width:100%}.upload-vidoe-main .container .top-section{width:100%;flex-direction:column;align-items:center}.upload-vidoe-main .container .top-section .btn-area,.upload-vidoe-main .container .top-section .preview-image{width:100%}}.upload-progress-container{position:fixed;bottom:20px;right:20px;z-index:1100;background-color:rgba(0,0,0,.05);border-radius:8px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 2px 6px rgba(0,0,0,.2)}.upload-progress-item{display:flex;flex-direction:column;padding:12px;margin-top:8px;border-radius:6px;background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.1)}.header-row{display:flex;align-items:center}.spinner{width:18px;height:18px;border:3px solid #f3f3f3;border-top-color:#3498db;border-radius:50%;animation:spin 1s linear infinite}.fail-icon{font-size:18px;color:#e74c3c}.file-info{display:flex;flex-direction:column;margin-left:8px}.file-name{font-weight:500;color:#333;max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-message{margin-top:2px;color:#666;font-size:13px}.actions{margin-left:auto}.actions button{background:#ddd;border:none;border-radius:4px;padding:4px 8px;cursor:pointer;font-size:12px;margin-left:6px;color:#333;transition:background-color .2s}.actions button:hover{background:#bbb}.actions button:active{transform:scale(.96)}.progress-bar-container{margin-top:8px;width:100%;height:6px;background-color:#eee;border-radius:3px;overflow:hidden}.progress-bar{height:100%;background-color:#3498db;width:0;transition:width .3s ease}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.qaPage-main{flex-direction:column;gap:16px}.qaPage-main,.qaPage-main .qa-header{display:flex;align-items:center;position:relative}.qaPage-main .qa-header{justify-content:center;width:100%}.qaPage-main .qa-header .left{height:100%;display:flex;align-items:center;position:absolute;left:0}.qaPage-main .qa-header .left .back-btn{padding:6px 12px;height:36px;border:none;background-color:#333;color:#fff;cursor:pointer;transition:.3s;font-size:clamp(16px,1.1vw,20px)}.qaPage-main .qa-header .left .back-btn:hover{background-color:#545454}.qaPage-main .qa-header .right{height:100%;display:flex;align-items:flex-end;flex-wrap:wrap;position:relative}.qaPage-main .qa-header .right .content{padding:6px 16px;background-color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.1);font-size:28px;border-radius:8px}.qaPage-main .qa-header .right .hint{position:absolute;right:-240%;padding:10px 0;font-size:14px;color:rgba(0,0,0,.4)}.qaPage-main .btn-area{display:flex;width:100%;justify-content:center;gap:12px}.qaPage-main .btn-area .edit-qa-function-area{display:flex;align-items:center;padding:6px;border:1px solid #ccc;background-color:#fff;border-radius:3px}.qaPage-main .btn-area .edit-qa-function-area .form-area{display:flex;flex-direction:column}.qaPage-main .btn-area .edit-qa-function-area .form-area .title{cursor:pointer;transition:.2s;padding:4px 6px;border:1px solid rgba(0,0,0,.5);border-radius:3px;background-color:#b5f3ad;font-weight:700;font-size:20px}.qaPage-main .btn-area .edit-qa-function-area .form-area .title:hover{background-color:#aae3a3}.qaPage-main .btn-area .control-teacher-function{display:flex;flex-direction:column;align-items:center;gap:8px;background-color:#fff;transition:.2s;border-radius:4px;border:1px solid #ccc;padding:6px}.qaPage-main .btn-area .control-teacher-function button{font-weight:700;font-size:20px;padding:4px 6px;border:1px solid rgba(0,0,0,.5);border-radius:4px;background-color:#b5f3ad;transition:.2s;cursor:pointer}.qaPage-main .btn-area .control-teacher-function .teacher-function{display:flex;flex-direction:column;justify-content:center;gap:6px}.qaPage-main .btn-area .control-teacher-function .teacher-function .public-setting,.qaPage-main .btn-area .control-teacher-function .teacher-function .replied-setting{display:flex;justify-content:center;align-items:center;gap:8px;font-size:16px}.qaPage-main .btn-area .control-teacher-function .teacher-function .submit-btn{display:flex;justify-content:center}.qaPage-main .btn-area .control-teacher-function .teacher-function .submit-btn button{padding:4px 6px;border:1px solid rgba(0,0,0,.2);border-radius:2px;background-color:#fff;transition:.2s}.qaPage-main .btn-area .control-teacher-function .teacher-function .submit-btn button:hover{background-color:#f5f5f5}.qaPage-main .images-videos-area{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 24px;border-radius:12px;min-height:128px;border:1px solid #ccc;background-color:#fff;flex-wrap:wrap}.qaPage-main .images-videos-area .image-container{position:relative;display:flex;flex-wrap:wrap}.qaPage-main .images-videos-area .image-container .title{pointer-events:none;position:absolute;z-index:1;background-color:rgba(0,0,0,.6);color:#fff;padding:4px}.qaPage-main .images-videos-area .image-container .image-video{cursor:pointer;position:relative;object-fit:fill;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:0;border-radius:12px}@media screen and (max-width:670px){.qaPage-main .images-videos-area .image-container .image-video{width:100%}}.qaPage-main .qa-info-area{background:#fafafa;padding:24px;width:80%;min-height:200px;display:flex;flex-wrap:wrap;flex-direction:column;gap:8px;transition:.2s;box-shadow:0 2px 8px rgba(0,0,0,.1);border-radius:8px}@media screen and (max-width:1000px){.qaPage-main .qa-info-area{width:90%}}.qaPage-main .qa-info-area .edit-qa-function-area{display:flex;align-items:center;gap:8px;font-size:clamp(14px,1.1vw,20px)}.qaPage-main .qa-info-area .edit-qa-function-area .submit{cursor:auto}.qaPage-main .qa-info-area .time{font-size:clamp(14px,1.1vw,18px);color:#656565}.qaPage-main .qa-info-area .description{font-size:clamp(16px,1.1vw,20px);width:100%;word-wrap:break-word}.qaPage-main .qaPage-container{width:80%;display:flex;flex-direction:column;align-items:center;margin-bottom:24px;padding:24px;gap:24px;background-color:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.qaPage-main .qaPage-container .sort-by-area{font-size:16px;display:flex;align-items:center;gap:4px;width:80%}.qaPage-main .qaPage-container .title{display:flex;justify-content:center;font-size:28px;padding:6px 16px;border:1px solid #ccc;background-color:#fff}.qaPage-main .qaPage-container .comment-area{width:90%;display:flex;gap:16px;border-bottom:1px solid rgba(0,0,0,.5)}.qaPage-main .qaPage-container .comment-area .user-shot-area{display:flex}.qaPage-main .qaPage-container .comment-area .user-shot-area .user-shot{box-shadow:0 2px 8px rgba(0,0,0,.3);padding:4px;border-radius:64px}.qaPage-main .qaPage-container .comment-area .message-info{display:flex;flex-direction:column;margin-top:14px;gap:18px;overflow:hidden;word-wrap:break-word;width:100%}.qaPage-main .qaPage-container .comment-area .message-info .message-top{display:flex;align-items:center;gap:6px}.qaPage-main .qaPage-container .comment-area .message-info .message-top .isBest{display:flex;align-items:center;gap:4px;font-weight:700;border:1px solid rgba(0,0,0,.2);padding:1px 8px;border-radius:12px}.qaPage-main .qaPage-container .comment-area .message-info .message-top .time{font-size:14px;color:#5c5c5c}.qaPage-main .qaPage-container .comment-area .message-info .message-top .name{height:100%;font-weight:700;font-size:18px}.qaPage-main .qaPage-container .comment-area .message-info .message-top .function-btn-area{display:flex;align-items:center;gap:8px}.qaPage-main .qaPage-container .comment-area .message-info .message-top .function-btn-area .delete-comment{cursor:pointer;font-weight:700;color:#c80000;transition:.2s;font-size:14px}.qaPage-main .qaPage-container .comment-area .message-info .message-top .function-btn-area .delete-comment:hover{color:#b30000}.qaPage-main .qaPage-container .comment-area .message-info .message-top .function-btn-area .set-best-comment-btn{cursor:pointer;font-weight:700;color:#de4600;transition:.2s;font-size:14px}.qaPage-main .qaPage-container .comment-area .message-info .message-top .function-btn-area .set-best-comment-btn:hover{color:#cb4101}.qaPage-main .qaPage-container .comment-area .message-info .message-middle{margin-left:12px;font-size:15px}.qaPage-main .qaPage-container .comment-area .message-info .message-bottom{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}.qaPage-main .qaPage-container .comment-area .message-info .message-bottom .file-preview{max-width:420px;max-height:340px;border-radius:6px}@media (max-width:860px){.qaPage-main{width:100vw}.qaPage-main .header-container{width:100%}.qaPage-main .qa-header .right{flex-direction:column;align-items:center;position:relative;bottom:-10px}.qaPage-main .qa-header .right .hint{padding:2px 0;position:relative;left:0}.qaPage-main .qa-info-area{width:80%;flex-wrap:wrap}.qaPage-main .qa-info-area .edit-qa-function-area{width:100%;flex-wrap:wrap}.qaPage-main .qa-info-area .edit-qa-function-area .description{flex-wrap:wrap}.qaPage-main .msg-board{width:80%;flex-wrap:wrap}.qaPage-main .qaPage-container{width:80%}.qaPage-main .qaPage-container .comment-area{width:100%;gap:8px}.qaPage-main .qaPage-container .comment-area .message-info{margin:0;width:80%;word-break:keep-all;flex-wrap:wrap}.qaPage-main .qaPage-container .comment-area .message-info .message-top{flex-direction:column}.qaPage-main .qaPage-container .comment-area .message-info .message-bottom{flex-wrap:wrap}.qaPage-main .qaPage-container .comment-area .message-info .message-bottom .file-preview{max-width:100%}}.msg-board{display:flex;position:relative;padding:24px;width:80%;background-color:#fff;border-radius:12px;gap:12px;margin-bottom:24px;transition:.2s;box-shadow:0 2px 8px rgba(0,0,0,.1)}@media screen and (max-width:1000px){.msg-board{width:90%}}@media (max-width:576px){.msg-board{flex-direction:column}}.msg-board .message{display:flex;align-items:center;position:absolute;background-color:hsla(0,0%,100%,0);top:0;left:0;width:100%}.msg-board .message .info{background-color:#d6d6d6;border-radius:8px;transition:.2s}.msg-board .image-name-area{display:flex;flex-direction:column;gap:4px;width:100%}.msg-board .image-name-area .image-name{margin-bottom:4px;display:flex;justify-content:space-between;align-items:center;font-size:14px;height:29px;background-color:#f3f3f3;box-shadow:0 2px 8px rgba(0,0,0,.1);padding:4px;border:1px solid rgba(0,0,0,.2);-webkit-user-select:none;-moz-user-select:none;user-select:none}.msg-board .image-name-area .image-name .remove-image-btn{cursor:pointer;font-size:16px;transition:.2s}.msg-board .image-name-area .image-name .remove-image-btn:hover{font-size:22px}.msg-board .text-area{resize:none;outline:none;width:90%;border:1px solid #ccc;background-color:#eee;padding:8px;transition:.2s}@media (max-width:576px){.msg-board .text-area{height:320px}}.msg-board .upload-video-btn-area{display:flex;flex-direction:column;align-items:center;margin-bottom:12px;gap:4px}.msg-board .upload-video-btn-area .file-input{width:200px}.msg-board .is-private-checkbox-area{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px}.msg-board .is-private-checkbox-area .input-area{display:flex;gap:4px;align-items:center}.msg-board .submit-btn-area{width:100%;display:flex;justify-content:center}.msg-board .submit-btn-area button{padding:4px 8px;background-color:#fff;border:1px solid #ccc;border-radius:4px;transition:.2s}.msg-board .submit-btn-area button:hover{background-color:#e7e7e7}.image-zoom-area{position:fixed;top:0;left:0;z-index:999;background-color:rgba(0,0,0,.281);width:100%;height:100vh;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.image-zoom-area .container{width:90%}.image-zoom-area .container .image{border-radius:8px}.show-more-qa-main{position:fixed;display:flex;align-items:center;justify-content:center;overflow:auto;background-color:rgba(0,0,0,.2);top:0;left:0;width:100%;height:100%;z-index:998}.show-more-qa-main .qa-info-area{width:80%;max-height:90%;display:flex;flex-direction:column;overflow:auto;background-color:#fff;z-index:999;border-radius:4px;gap:12px;padding:12px}.show-more-qa-main .qa-info-area .close-ui-btn{background-color:#ffe0e0;font-size:18px;padding:4px 8px;border-radius:4px}.show-more-qa-main .qa-info-area .info-container{display:flex;flex-wrap:wrap;gap:12px}@media screen and (max-width:800px){.show-more-qa-main .qa-info-area .info-container{justify-content:center}}.show-more-qa-main .qa-info-area .info-container .qa-card{position:relative;display:flex;flex-wrap:wrap;flex-direction:column;border:1px solid #b3b3b3;border-radius:8px;padding:18px;gap:8px;transition:.2s}.show-more-qa-main .qa-info-area .info-container .qa-card .qa-link{width:100%;height:100%;position:absolute}.show-more-qa-main .qa-info-area .info-container .qa-card .tag-area{display:flex;gap:8px}.show-more-qa-main .qa-info-area .info-container .qa-card .tag-area .big-tag-area{display:flex;gap:6px}.show-more-qa-main .qa-info-area .info-container .qa-card .tag-area .big-tag-area .tag-content{font-weight:700;background-color:#fcc2c2;box-shadow:-2px 2px 8px rgba(0,0,0,.1);font-size:18px;padding:4px;border-radius:4px}.show-more-qa-main .qa-info-area .info-container .qa-card .tag-area .little-tag-area{display:flex;gap:6px}.show-more-qa-main .qa-info-area .info-container .qa-card .tag-area .little-tag-area .tag-content{font-weight:700;background-color:#b9cdf9;box-shadow:-2px 2px 8px rgba(0,0,0,.1);font-size:18px;padding:4px;border-radius:4px}.show-more-qa-main .qa-info-area .info-container .qa-card .image-area{display:flex}.show-more-qa-main .qa-info-area .info-container .qa-card .image-area .image{border:1px solid rgba(0,0,0,.2);border-radius:8px}.show-more-qa-main .qa-info-area .info-container .qa-card .content-area{display:flex;flex-direction:column;gap:8px;max-width:424px}.show-more-qa-main .qa-info-area .info-container .qa-card .content-area .description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:4px 8px;border:1px solid rgba(0,0,0,.2);background-color:#efefef;font-size:clamp(16px,1.1vw,20px)}.show-more-qa-main .qa-info-area .info-container .qa-card .content-area .time{display:flex;justify-content:space-between;color:rgba(0,0,0,.574);font-size:clamp(16px,1.1vw,20px)}.show-more-qa-main .qa-info-area .info-container .qa-card .content-area .is-replied{font-size:clamp(16px,1.1vw,20px);font-weight:700}.show-more-qa-main .qa-info-area .info-container .qa-card .content-area .into-qustion-page-btn{display:flex;font-size:clamp(16px,1.1vw,20px)}.show-more-qa-main .qa-info-area .info-container .qa-card .content-area .into-qustion-page-btn .link{color:#000;flex:1 1;padding:4px 6px;border:1px solid rgba(0,0,0,.2);display:flex;justify-content:center;background-color:var(--button-white);transition:.2s}.show-more-qa-main .qa-info-area .info-container .qa-card .content-area .into-qustion-page-btn :hover{background-color:#eee}.show-more-qa-main .qa-info-area .info-container .qa-card:hover{background-color:#f3f3f3}.show-more-public-main{position:fixed;display:flex;align-items:center;justify-content:center;overflow:auto;background-color:rgba(0,0,0,.2);top:0;left:0;width:100%;height:100%;z-index:998}.show-more-public-main .clamp{font-size:clamp(16px,1.2vw,24px)}.show-more-public-main .qa-info-area{width:80%;max-height:90%;display:flex;flex-direction:column;position:relative;overflow:auto;background-color:#fff;z-index:999;border-radius:4px;gap:12px;padding:24px;transition:.2s}.show-more-public-main .qa-info-area .loading-main{width:90%;position:absolute;display:flex;justify-content:center}.show-more-public-main .qa-info-area .top-left-btn-area{display:flex;gap:12px}.show-more-public-main .qa-info-area .btn-area{display:flex;justify-content:space-between}.show-more-public-main .qa-info-area .input-area{display:flex;gap:4px;align-items:center;flex-wrap:wrap}.show-more-public-main .qa-info-area .shortcut-area{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.show-more-public-main .qa-info-area .shortcut-area .shortcut{display:flex;align-items:center}.show-more-public-main .qa-info-area .shortcut-area .shortcut .home-icon{border-radius:64px;background-color:#fff;transition:.2s;padding:2px}.show-more-public-main .qa-info-area .shortcut-area .shortcut .home-icon:hover{background-color:#e0e0e0}.show-more-public-main .qa-info-area .shortcut-area .shortcut .folder-area{display:flex;align-items:center;gap:4px;border:1px solid rgba(0,0,0,.211);border-radius:4px;padding:2px 8px;transition:.2s}.show-more-public-main .qa-info-area .shortcut-area .shortcut .folder-area .name{font-size:clamp(16px,1.2vw,24px)}.show-more-public-main .qa-info-area .shortcut-area .shortcut .folder-area:hover{background-color:#e0e0e0}.show-more-public-main .qa-info-area .shortcut-area .content{cursor:pointer;padding:2px 8px;border:1px solid transparent;transition:.2s}.show-more-public-main .qa-info-area .shortcut-area .active{padding:2px 8px}.show-more-public-main .qa-info-area .shortcut-area .active,.show-more-public-main .qa-info-area .shortcut-area .content:hover{border:1px solid rgba(0,0,0,.211);border-radius:4px;background-color:#f6f6f6}.show-more-public-main .qa-info-area .folder-area{display:flex;flex-wrap:wrap;gap:12px}.show-more-public-main .qa-info-area .folder-area .folder-btn{display:flex;align-items:center;gap:12px;cursor:pointer;min-width:230px;height:60px;border:1px solid rgba(0,0,0,.211);border-radius:4px;transition:.2s}.show-more-public-main .qa-info-area .folder-area .folder-btn .inner-content{width:100%;display:flex;justify-content:flex-start;align-items:center;position:relative;gap:8px;padding:0 16px}.show-more-public-main .qa-info-area .folder-area .folder-btn .inner-content .g-green-btn,.show-more-public-main .qa-info-area .folder-area .folder-btn .inner-content .g-light-red-btn{position:absolute;right:14px}.show-more-public-main .qa-info-area .folder-area .folder-btn:hover{background-color:#f6f6f6}.show-more-public-main .qa-info-area .sort-setting-area{display:flex;gap:8px;align-items:center}.show-more-public-main .qa-info-area .sort-setting-area .space{width:4px}.show-more-public-main .qa-info-area .selected-folder-area{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.show-more-public-main .qa-info-area .selected-folder-area .slected-folder{position:relative;display:flex;align-items:center;gap:12px;cursor:pointer;min-width:180px;height:55px;border:1px solid rgba(0,0,0,.211);border-radius:4px;transition:.2s;padding:0 8px;font-size:clamp(16px,1.2vw,24px)}.show-more-public-main .qa-info-area .selected-folder-area .slected-folder .g-red-btn{position:absolute;right:12px}.show-more-public-main .qa-info-area .qa-card-area{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.show-more-public-main .qa-info-area .qa-card-area .card{color:#000;display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px;cursor:pointer;width:230px;border:1px solid rgba(0,0,0,.211);border-radius:4px;transition:.2s}.show-more-public-main .qa-info-area .qa-card-area .card .label{display:flex;gap:4px}.show-more-public-main .qa-info-area .qa-card-area .card .label .hint{padding:2px 8px;border:1px solid #b9cdf9;background-color:#b9cdf9;border-radius:4px}.show-more-public-main .qa-info-area .qa-card-area .card .label .resourceCategories{padding:2px 8px;border:1px solid #f6b594;background-color:#f6b594;border-radius:4px}.show-more-public-main .qa-info-area .qa-card-area .card .button-area{display:flex;gap:4px}.show-more-public-main .qa-info-area .qa-card-area .card .content{justify-content:flex-start;display:flex;width:90%}.show-more-public-main .qa-info-area .qa-card-area .card .into-qa-btn{display:flex;justify-content:center;align-items:center;width:80%;border:1px solid rgba(0,0,0,.211)}.show-more-public-main .qa-info-area .qa-card-area .card .description-area{width:90%;display:flex;align-items:center;border:1px solid rgba(0,0,0,.211);box-shadow:0 2px 8px rgba(0,0,0,.1);padding:8px;background-color:#fff}@media (max-width:860px){.show-more-public-main{width:100%}.show-more-public-main .qa-info-area{width:80%}.show-more-public-main .qa-info-area .btn-area .top-left-btn-area{flex-direction:column}.show-more-public-main .qa-info-area .btn-area .g-blue-btn,.show-more-public-main .qa-info-area .btn-area .g-red-btn{height:34px}}.access-setting-main{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}.access-setting-main .btn-area{width:90%;display:flex}.access-setting-main .btn-area .back-btn{cursor:pointer;color:#000;background-color:#313131;color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.1);padding:8px 12px;border-radius:8px;display:flex;align-items:center;font-size:18px;transition:.2s;border:1px solid rgba(0,0,0,.2)}.access-setting-main .btn-area .back-btn:hover{background-color:#e6e6e6;color:#2a2a2a}.access-setting-main .main-container{background-color:#fff;display:flex;flex-direction:column;width:90%;padding:24px;border-radius:12px;border:1px solid rgba(0,0,0,.2);gap:12px}.access-setting-main .main-container .message{background-color:#e2e2e2;display:flex;align-items:center;justify-content:center;position:absolute;overflow:hidden;left:50%;transform:translate(-50%);transition:.2s;border-radius:4px;font-weight:700;font-size:18px}.access-setting-main .main-container .header{display:flex;align-items:center;gap:24px}.access-setting-main .main-container .header .back-btn:hover{background-color:#fff}.access-setting-main .main-container .header .title{font-size:24px;font-weight:700}.access-setting-main .main-container .header .btn{cursor:pointer;color:#000;background-color:#b7f7bd;box-shadow:0 2px 8px rgba(0,0,0,.1);padding:8px;border-radius:8px;display:flex;align-items:center;transition:.2s;font-size:18px;font-weight:700}.access-setting-main .main-container .header .btn:hover{background-color:#9fefa7}.access-setting-main .main-container .add-area{display:flex;flex-wrap:wrap;align-items:center;border:1px solid rgba(0,0,0,.2);border-radius:4px;padding:12px;gap:12px;background-color:hsla(0,0%,82%,.411)}.access-setting-main .main-container .add-area .name-area,.access-setting-main .main-container .add-area .studen-area{font-weight:700;display:flex;align-items:center;gap:4px}.access-setting-main .main-container .add-area .studen-area .button{cursor:pointer;transition:.2s;padding:4px 6px;border:2px solid rgba(0,0,0,.2);border-radius:4px;background-color:#f8c39a}.access-setting-main .main-container .add-area .studen-area .button:hover{background-color:#e1b08a}.access-setting-main .main-container .add-area .video-area{font-weight:700;display:flex;align-items:center;gap:4px}.access-setting-main .main-container .add-area .video-area .button{cursor:pointer;transition:.2s;padding:4px 6px;border:2px solid rgba(0,0,0,.2);border-radius:4px;background-color:#f8c39a}.access-setting-main .main-container .add-area .video-area .button:hover{background-color:#e1b08a}.access-setting-main .main-container .add-area .dateSetting-area{display:flex;align-items:center;gap:4px}.access-setting-main .main-container .add-area .dateSetting-area .title{font-weight:700}.access-setting-main .main-container .add-area .dateSetting-area .infinity-option-area{display:flex;align-items:center;gap:8px}.access-setting-main .main-container .add-area .dateSetting-area .video-record-date{width:210px}.access-setting-main .main-container .add-area .content{font-size:18px}.access-setting-main .main-container .add-area .submit-btn{padding:4px 6px;border-radius:4px;border:2px solid rgba(0,0,0,.2);background-color:#fff;transition:.2s;cursor:pointer;background-color:#f8c39a}.access-setting-main .main-container .add-area .submit-btn:hover{background-color:#e1b08a}.access-setting-main .main-container .add-area .is-private{display:flex;align-items:center;gap:4px}.access-setting-main .main-container .add-area .is-private .hint{font-size:14px;color:red}.access-setting-main .main-container .access-info{background:linear-gradient(60deg,#a7c4ec,#c1f8f6);display:flex;flex-wrap:wrap;border:1px solid rgba(0,0,0,.2);border-radius:4px;padding:12px;gap:24px;align-items:center}.access-setting-main .main-container .access-info .name-area{font-weight:700;display:flex;align-items:center;gap:6px}.access-setting-main .main-container .access-info .date-area{display:flex;align-items:center;font-weight:700;gap:4px}.access-setting-main .main-container .access-info .checkbox{margin-left:4px}.access-setting-main .main-container .access-info .input-area{width:140px}.access-setting-main .main-container .access-info .student,.access-setting-main .main-container .access-info .video{display:flex;align-items:center;gap:4px;font-weight:700}.access-setting-main .main-container .access-info .list-btn{font-weight:500;cursor:pointer;border:1px solid rgba(0,0,0,.4);border-radius:4px;background-color:#f4f4f4;padding:4px;transition:.2s}.access-setting-main .main-container .access-info .list-btn:hover{background-color:#e7e7e7}.access-setting-main .main-container .access-info .date{font-weight:700;border:1px solid rgba(0,0,0,.2);background-color:#fff;padding:4px 8px}.access-setting-main .main-container .access-info .image-area{max-height:32px;display:flex;align-items:center;gap:4px}.access-setting-main .main-container .access-info .image-area .complate-btn{cursor:pointer;padding:4px 6px;border-radius:4px;border:.5px solid rgba(0,0,0,.4);background-color:#c2f8b1;transition:.2s}.access-setting-main .main-container .access-info .image-area .complate-btn:hover{background-color:#aedf9f}.access-setting-main .main-container .access-info .image-area .image{cursor:pointer;border-radius:64px;transition:.2s;padding:4px}.access-setting-main .main-container .access-info .image-area .image:hover{background-color:#fff}.access-setting-main .main-container .access-info .image-area .double-check-area{display:flex;overflow:hidden;align-items:center;gap:4px;transition:.2s}.access-setting-main .main-container .access-info .image-area .double-check-area .content{-webkit-user-select:none;-moz-user-select:none;user-select:none;font-weight:700;padding:4px 6px;border-radius:4px;border:.5px solid rgba(0,0,0,.4);background-color:#fff}.access-setting-main .main-container .access-info .image-area .double-check-area .confirm-btn{-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;font-weight:700;padding:4px 6px;border-radius:4px;border:.5px solid rgba(0,0,0,.4);background-color:#c2f8b1;transition:.2s}.access-setting-main .main-container .access-info .image-area .double-check-area .confirm-btn:hover{background-color:#b3e6a4}.access-setting-main .main-container .access-info .image-area .double-check-area .cancel-btn{-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;font-weight:700;padding:4px 6px;border-radius:4px;border:.5px solid rgba(0,0,0,.4);background-color:#f59f9f;transition:.2s}.access-setting-main .main-container .access-info .image-area .double-check-area .cancel-btn:hover{background-color:#e49393}.access-setting-main .main-container .access-info .edit-area{display:flex;align-items:center;gap:4px}@media (max-width:860px){.access-setting-main .main-container{width:80%;flex-direction:column;align-items:center}.access-setting-main .main-container .header{flex-direction:column;gap:4px}.access-setting-main .main-container .add-area{width:95%}.access-setting-main .main-container .add-area .name-area{width:100%}.access-setting-main .main-container .add-area .name-area input{flex:1 1}.access-setting-main .main-container .add-area .studen-area{width:100%}.access-setting-main .main-container .add-area .studen-area .content{flex:1 1}.access-setting-main .main-container .add-area .video-area{width:100%}.access-setting-main .main-container .add-area .video-area .content{flex:1 1}.access-setting-main .main-container .add-area .dateSetting-area{width:100%;flex-direction:column}.access-setting-main .main-container .add-area .dateSetting-area .title{font-size:24px}.access-setting-main .main-container .add-area .is-private{width:100%;display:flex;justify-content:center;flex-wrap:wrap}.access-setting-main .main-container .add-area .g-green-btn{margin:0 auto}}.student-selector-main{position:absolute;display:flex;align-items:center;justify-content:center;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,.2)}.student-selector-main .student-selector-container{background-color:#fff;padding:24px;width:80%;border-radius:6px;display:flex;flex-direction:column;align-items:center;gap:12px}.student-selector-main .student-selector-container .title{font-size:24px}.student-selector-main .student-selector-container .search-area{display:flex}.student-selector-main .student-selector-container .info-area{max-height:200px;display:flex;flex-direction:column;flex-wrap:wrap;gap:8px}.student-selector-main .student-selector-container .info-area .member-info{cursor:pointer;display:flex;border:1px solid rgba(0,0,0,.4);border-radius:6px;padding:4px;transition:.2s}.student-selector-main .student-selector-container .info-area .member-info .name{min-width:100px}.student-selector-main .student-selector-container .info-area .member-info .name,.student-selector-main .student-selector-container .info-area .member-info .role{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.student-selector-main .student-selector-container .info-area .active{background-color:#d2f8b3}.student-selector-main .student-selector-container .finish-btn{border:1px solid rgba(0,0,0,.4);padding:4px 6px;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}@media (max-width:860px){.student-selector-main{top:0;left:0;height:100%}}.video-selector-main{position:fixed;display:flex;align-items:center;justify-content:center;overflow:auto;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,.2)}.video-selector-main .video-selector-container{padding:24px;background-color:#fff;border-radius:8px;width:80%;display:flex;flex-direction:column;align-items:center;overflow:auto;gap:12px}.video-selector-main .video-selector-container .title{font-size:24px;display:flex;justify-content:center}.video-selector-main .video-selector-container .info-area{display:flex;flex-wrap:wrap;justify-content:center;gap:24px}.video-selector-main .video-selector-container .info-area .video-card{cursor:pointer;border:2px solid hsla(0,0%,55%,.1);border-radius:8px;overflow:hidden;transition:.2s}.video-selector-main .video-selector-container .info-area .video-card .image{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:224px;height:128px;object-fit:contain;aspect-ratio:16/9;border:none}.video-selector-main .video-selector-container .info-area .video-card .info{padding:0 8px 8px;width:208px;display:flex;flex-wrap:wrap;font-weight:700;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.video-selector-main .video-selector-container .info-area .video-card:hover{background-color:#ebebeb}.video-selector-main .video-selector-container .info-area .active{border:2px solid #db84f0}.video-selector-main .video-selector-container .finish-btn{padding:4px 6px;border:2px solid rgba(0,0,0,.2);border-radius:4px;cursor:pointer;transition:.2s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.video-selector-main .video-selector-container .finish-btn:hover{background-color:#e2e2e2}@media (max-width:860px){.video-selector-main .video-selector-container{height:80%}.video-selector-main .video-selector-container .info-area .video-card{width:95%;display:flex;flex-direction:row;align-items:center;background-color:#ececec;padding:0 0 0 8px}.video-selector-main .video-selector-container .info-area .video-card .image{width:60%}.video-selector-main .video-selector-container .info-area .video-card .info{overflow:hidden;align-items:center;height:80%;width:80%}}.edit-video-main{position:fixed;background-color:rgba(0,0,0,.3);top:0;left:0;width:100%;height:100%;z-index:99999}.edit-video-main,.edit-video-main .form-area{display:flex;align-items:center;justify-content:center}.edit-video-main .form-area{max-width:80%;max-height:80%;background-color:#fff;flex-direction:column;overflow:auto;gap:24px;padding:24px 64px;border-radius:8px}.edit-video-main .form-area .title{font-size:26px;font-weight:700}.edit-video-main .form-area .title-area{gap:4px}.edit-video-main .form-area .thumbnail-area,.edit-video-main .form-area .title-area{display:flex;flex-direction:column;width:100%}.edit-video-main .form-area .thumbnail-area .file-input{cursor:pointer;transition:.2s}.edit-video-main .form-area .thumbnail-area .file-input:hover{background-color:#ececec}.edit-video-main .form-area .pre-view-image-area{width:80%;height:180px}.edit-video-main .form-area .pre-view-image-area .image{width:100%;height:100%;object-fit:contain}.edit-video-main .form-area .description-area{display:flex;flex-direction:column}.edit-video-main .form-area .description-area .textarea{border:1px solid rgba(0,0,0,.4);border-radius:4px;padding:4px;resize:none;outline:none;width:420px;height:140px;margin:0 auto}.edit-video-main .form-area .public-setting{display:flex;align-items:center;gap:12px}.edit-video-main .form-area .submit-area{display:flex;gap:8px}.edit-QA-main{position:fixed;display:flex;align-items:center;justify-content:center;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,.4);z-index:9}.edit-QA-main .form-area{width:70%;max-height:90%;overflow-y:scroll;padding:24px 64px;background-color:#fff;border-radius:8px;display:flex;flex-direction:column;align-items:center;gap:12px;transition:.2s}.edit-QA-main .form-area .add-icon{cursor:pointer;padding:4px;border:1px solid rgba(0,0,0,.2);border-radius:4px;display:flex;align-items:center;color:rgba(0,0,0,.6);transition:.2s}.edit-QA-main .form-area .add-icon:hover{background-color:#ececec}.edit-QA-main .form-area .title{font-size:24px;font-weight:700}.edit-QA-main .form-area .theme-area{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.edit-QA-main .form-area .title-content{-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-bottom:-4px;width:80%;color:rgba(0,0,0,.8)}.edit-QA-main .form-area .themes{display:flex;gap:8px;flex-wrap:wrap;border:2px solid rgba(0,0,0,.2);border-radius:4px;padding:8px;width:80%}.edit-QA-main .form-area .themes .content{display:flex;align-items:center;color:rgba(0,0,0,.6)}.edit-QA-main .form-area .themes .theme{position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:4px 6px;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.1);background-color:#4f4f4f;color:#fff;display:flex;transition:.2s}.edit-QA-main .form-area .themes .theme:hover{padding:4px 10px}.edit-QA-main .form-area .hints-area{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.edit-QA-main .form-area .hints{display:flex;border:2px solid rgba(0,0,0,.2);border-radius:4px;padding:8px;gap:8px;min-width:80%;flex-wrap:wrap}.edit-QA-main .form-area .hints .content{display:flex;align-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:rgba(0,0,0,.6)}.edit-QA-main .form-area .hints .hint{cursor:pointer;transition:.2s;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:4px 6px;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.1);background-color:#cacaca;color:#000}.edit-QA-main .form-area .hints .hint:hover{padding:4px 10px}.edit-QA-main .form-area .image-area{display:flex;align-items:center;flex-wrap:wrap;gap:24px}.edit-QA-main .form-area .image-area .image-container{position:relative;overflow:hidden}.edit-QA-main .form-area .image-area .image-container .image{border-radius:8px}.edit-QA-main .form-area .image-area .image-container .content{font-weight:700;color:#ac0303;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;background-color:hsla(0,0%,92%,.545);border-bottom-left-radius:8px;border-top-right-radius:8px;width:48px;height:28px;display:flex;justify-content:center;align-items:center;position:absolute;transition:.2s;top:0;right:0}.edit-QA-main .form-area .image-area .image-container .content:hover{background-color:hsla(0,0%,83%,.545)}.edit-QA-main .form-area .image-area .image-container .active{color:#000;font-weight:700;background-color:hsla(0,0%,83%,.545);-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:0;display:flex;justify-content:center;width:100%;height:100%;border-radius:0}.edit-QA-main .form-area .description-area{display:flex;flex-direction:column;align-items:center;width:100%;gap:4px}.edit-QA-main .form-area .description-area .textarea{resize:none;width:80%;height:240px}.edit-QA-main .form-area .description-area .content{width:80%}.edit-QA-main .form-area .description-area .description-input{outline:none;resize:none;padding:6px;width:100%;height:120px;border:1px solid rgba(0,0,0,.4);border-radius:4px;background-color:#f9f9f9}.edit-QA-main .form-area .react-quill{width:100%}.edit-QA-main .form-area .react-quill .ql-editor{min-height:120px}.edit-QA-main .form-area .btns-area{display:flex;gap:12px}.edit-QA-main .form-area .btns-area button{cursor:pointer;padding:4px 6px;border:1px solid rgba(0,0,0,.4);background-color:#fff;border-radius:4px;transition:.2s}.edit-QA-main .form-area .btns-area .submit:hover{background-color:#c6ffc0}.edit-QA-main .form-area .btns-area .cancel:hover{background-color:#febebe}@media (max-width:860px){.edit-QA-main{width:100vw}.edit-QA-main .form-area{width:90%;padding:12px}}.upload-old-vimeo-vdo-area{position:fixed;top:0;left:0;z-index:9;background-color:rgba(0,0,0,.4)}.upload-old-vimeo-vdo-area,.upload-old-vimeo-vdo-area .container{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.upload-old-vimeo-vdo-area .container{position:relative}.upload-old-vimeo-vdo-area .container .ui{max-height:90%;width:100%;overflow:auto;background-color:#fff;display:flex;position:absolute;border-radius:12px;transition:.2s}.upload-old-vimeo-vdo-area .container .ui .inner-element{padding:24px;height:100%;width:100%;display:flex;flex-direction:column;align-items:center;gap:12px}.upload-old-vimeo-vdo-area .container .ui .inner-element .btn-area{position:relative;display:flex;justify-content:center;flex-wrap:wrap;width:100%;gap:12px}.upload-old-vimeo-vdo-area .container .ui .inner-element .btn-area .confirm{position:absolute;right:0}@media screen and (max-width:800px){.upload-old-vimeo-vdo-area .container .ui .inner-element .btn-area .confirm{position:relative}}.upload-old-vimeo-vdo-area .container .ui .inner-element .card-area{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:24px;width:100%}@media screen and (max-width:1350px){.upload-old-vimeo-vdo-area .container .ui .inner-element .card-area{justify-content:center}}.upload-old-vimeo-vdo-area .container .ui .inner-element .card-area .card{flex-wrap:wrap;box-shadow:0 1px 4px rgba(0,0,0,.2);padding:24px;width:20vw;display:flex;flex-direction:column;overflow:hidden;gap:12px}.upload-old-vimeo-vdo-area .container .ui .inner-element .card-area .card .uid{font-size:20px;font-weight:700}.upload-old-vimeo-vdo-area .container .ui .inner-element .card-area .card .description-area{display:flex;flex-direction:column}.upload-old-vimeo-vdo-area .container .ui .inner-element .card-area .card .movePath{word-break:break-all}.upload-old-vimeo-vdo-area .container .ui .inner-element .card-area .card .content.active{font-size:20px;font-weight:700}.upload-old-vimeo-vdo-area .container .ui .inner-element .card-area .card .inner-text{width:95%;position:relative;display:flex;flex-direction:column;justify-content:center;padding:8px;border-radius:8px;border:1px solid rgba(0,0,0,.4);z-index:1;word-break:break-all}.upload-old-vimeo-vdo-area .container .ui .inner-element .card-area .card .inner-text .title-copy-btn{position:absolute;right:4px;border-radius:4px;border:1px solid rgba(0,0,0,.4);padding:4px;font-size:14px;transition:.2s;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.upload-old-vimeo-vdo-area .container .ui .inner-element .card-area .card .inner-text .description-copy-btn{z-index:2;position:absolute;right:4px;bottom:4px;border-radius:4px;border:1px solid rgba(0,0,0,.5);padding:4px;font-size:14px;transition:.2s;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.upload-old-vimeo-vdo-area .container .ui .inner-element .card-area .card .inner-text .description-copy-btn:hover,.upload-old-vimeo-vdo-area .container .ui .inner-element .card-area .card .inner-text .title-copy-btn:hover{background-color:#ebebeb}.upload-old-vimeo-vdo-area .container .ui .inner-element .card-area .card .input-area{display:flex;flex-direction:column;gap:8px;width:100%}.upload-old-vimeo-vdo-area .container .ui .inner-element .card-area .card .input-area textarea{width:100%;height:120px;resize:none}.upload-old-vimeo-vdo-area .container .ui .inner-element .card-area .card .input-area .title-area{display:flex;justify-content:space-between}.upload-old-vimeo-vdo-area .container .ui .inner-element .card-area .card .input-area .title-area .g-red-btn{display:flex;align-items:center;justify-content:center;color:#fff;padding:0;width:24px;height:24px}.upload-old-vimeo-vdo-area .container .ui .inner-element .card-area .card .input-area .title-area.active{font-weight:700;font-size:20px}.upload-old-vimeo-vdo-area .container .ui .inner-element .card-area .card .input-area.checkbox{flex-direction:row;justify-content:center}@media (max-width:860px){.upload-old-vimeo-vdo-area{width:100%}.upload-old-vimeo-vdo-area .container{max-width:100vw;min-width:100vw}.upload-old-vimeo-vdo-area .container .ui{max-width:100%;min-width:95vw;display:flex;flex-direction:column;align-items:center}.upload-old-vimeo-vdo-area .container .ui .inner-element{width:90%;padding:12px 0}.upload-old-vimeo-vdo-area .container .ui .inner-element .card-area,.upload-old-vimeo-vdo-area .container .ui .inner-element .card-area .card{width:100%}}.ask-area{overflow:auto;position:fixed;align-items:center;top:0;left:0;width:100vw;height:100vh;z-index:9;background-color:rgba(0,0,0,.2);padding-left:12px;padding-right:80px}.ask-area,.ask-area .ask-form{display:flex;justify-content:center}.ask-area .ask-form{background-color:#fff;padding:24px;border-radius:8px;height:70vh}.ask-area .ask-form .upload-img-area{min-width:40vw;padding:8px;display:flex;flex-direction:column;align-items:center;gap:.5rem}.ask-area .ask-form .upload-img-area span{font-size:18px}.ask-area .ask-form .upload-img-area .upload-img-btn{cursor:pointer;border:1px solid #ccc;padding:6px;border-radius:4px;background-color:#414141;color:#e9e9e9;font-weight:700;font-size:18px}.ask-area .ask-form .upload-img-area .preview-img{margin-bottom:24px;overflow:hidden;display:flex;flex-direction:column;align-items:center;overflow:auto;width:400px;min-height:40px;gap:24px}.ask-area .ask-form .upload-img-area .preview-img .preview-images-container{position:relative}.ask-area .ask-form .upload-img-area .preview-img .preview-images-container .remove-image-btn{position:absolute;right:4%;top:2%;cursor:pointer}.ask-area .ask-form .upload-img-area .preview-img .preview-images-container .preview-images{border:1px solid rgba(0,0,0,.2);width:99%;border-radius:4px}.ask-area .ask-form .qa-info-area{flex:1 1;min-width:30vw;display:flex;flex-direction:column;padding:12px;gap:8px}.ask-area .ask-form .qa-info-area .sortType-input-area{display:flex;align-items:center;justify-content:space-around;width:100%;gap:12px}.ask-area .ask-form .qa-info-area .sortType-input-area .title{font-weight:700;font-size:clamp(16px,1.2vw,20px)}.ask-area .ask-form .qa-info-area .sortType-input-area .input{flex:1 1}.ask-area .ask-form .qa-info-area .view-card-area{display:flex;flex-wrap:wrap;gap:.5rem}.ask-area .ask-form .qa-info-area .view-card-area .card{display:flex;align-items:center;background-color:#eee;padding:.3rem .5rem;border-radius:4px;font-size:15px;gap:.3rem;border:1px solid #ccc}.ask-area .ask-form .qa-info-area .view-card-area .delete-btn{font-weight:700;font-size:16px;cursor:pointer}.ask-area .ask-form .qa-info-area .description-input-area{flex:1 1;display:flex;flex-direction:column}.ask-area .ask-form .qa-info-area .description-input-area span{margin-bottom:.3rem;font-size:18px}.ask-area .ask-form .qa-info-area .description-input-area .ask-text-area{outline:none;flex:1 1;padding:.5rem;border:1px solid #ccc;border-radius:4px;resize:none}.ask-area .ask-form .qa-info-area .submit-area{display:flex;align-items:center;gap:12px;width:100%}.ask-area .ask-form .qa-info-area .submit-area .g-green-btn{width:100%}@media (max-width:860px){.ask-area{padding-left:0;height:100%;width:100%;overflow:scroll}.ask-area .ask-form{width:70%;height:90%;flex-direction:column}.ask-area .ask-form .upload-img-area{width:90%;overflow:auto}.ask-area .ask-form .upload-img-area .preview-img{width:90%}.ask-area .ask-form .qa-info-area{width:100%;padding:0;margin-top:6px}.ask-area .ask-form .qa-info-area .sortType-input-area{width:100%;gap:4px;flex-wrap:wrap}.ask-area .ask-form .qa-info-area .sortType-input-area input[type=text]{width:20px}.ask-area .ask-form .description-input-area{min-height:200px}}#video-nav{top:0;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.2);background-color:rgba(0,0,0,.6);margin-bottom:24px}#video-nav,#video-nav .header{position:relative;width:100%;border-radius:8px}#video-nav .header{font-weight:700;color:#e0e0e0;padding-left:24px;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:var(--main-color);display:flex;cursor:pointer;align-items:center;min-height:80px;font-size:20px;z-index:1;gap:12px}#video-nav .header div{padding-left:24px}#video-nav .video-nav-content{background-color:#fff}#video-nav .update-video-area{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:24px;padding:24px 0 0 24px;width:100%;background-color:#fff}#video-nav .update-video-area .content{word-break:keep-all}#video-nav .update-video-area .button{color:#000;display:flex;justify-content:center;cursor:pointer;outline:none;margin-left:24px;padding:6px 10px;border:1px solid rgba(0,0,0,.2);border-radius:4px;background-color:var(--button-white);box-shadow:0 1px 4px rgba(0,0,0,.05);transition:.2s}#video-nav .update-video-area .button:hover{background-color:var(--botton-white-hover)}#video-nav .page-switch{width:100%;display:flex;justify-content:center;padding:24px 0}#video-nav .bottom-area{width:100%;display:flex;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:#fff}#video-nav .show-more-video-btn{margin-bottom:12px;background-color:var(--button-white);cursor:pointer;padding:12px;border:1px solid rgba(0,0,0,.2);border-radius:2px;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:.2s;font-size:clamp(16px,1.1vw,20px)}#video-nav .show-more-video-btn:hover{background-color:var(--botton-white-hover)}#video-nav .video-area-container{width:100%;display:flex;justify-content:center;padding:0 0 24px;min-height:240px}#video-nav .video-area{width:90%;display:flex;flex-wrap:wrap;row-gap:12px;column-gap:24px;background-color:#fff}#video-nav .video-area .video-card{position:relative;display:flex;flex-direction:column;cursor:pointer;border-radius:4px;transition:.2s;border:none}#video-nav .video-area .video-card .edit-btn{position:absolute;top:6px;left:6px;z-index:9;background-color:#fff;padding:4px 8px;color:#000;border-radius:4px;border:1px solid rgba(0,0,0,.6);font-size:clamp(14px,1.2vw,20px);transition:.2s}#video-nav .video-area .video-card .edit-btn:hover{background-color:#f1f1f1}#video-nav .video-area .video-card .top-container{width:99%;aspect-ratio:16/9;position:relative;overflow:hidden;border:1px solid rgba(0,0,0,.2);border-radius:6px;border-bottom-right-radius:0;border-bottom-left-radius:0}#video-nav .video-area .video-card .top-container .videos-shot{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block}#video-nav .video-area .video-card .top-container .delete-video-btn{z-index:9;position:absolute;top:0;left:4px;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#000;font-weight:700;background-color:#f55;border-bottom-right-radius:6px;border-bottom-left-radius:6px;font-size:18px;padding:0 6px;transition:.2s;height:0;line-height:24px;border:none}#video-nav .video-area .video-card .top-container .video-length{position:absolute;top:2px;right:2px;padding:1px 3px;font-size:16px;color:#efefff;background-color:#221831;border-radius:4px;border:none}#video-nav .video-area .video-card .bottom-container{flex:1 1;padding:4px;display:flex;align-items:center}#video-nav .video-area .video-card .bottom-container .info{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:6px 0;border:none}#video-nav .video-area .video-card .bottom-container .info .time{width:95%;display:flex;justify-content:space-between;font-size:14px;color:rgba(0,0,0,.574)}#video-nav .video-area .video-card .bottom-container .info .time .clock,#video-nav .video-area .video-card .bottom-container .info .time .day{display:flex}#video-nav .video-area .video-card .bottom-container .info .title{width:95%;font-weight:700;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;margin-bottom:8px}#video-nav .video-area .video-card .bottom-container .info .bottom-area{width:95%}#video-nav .video-area .video-card .bottom-container .info .bottom-area .container{display:flex;gap:12px;overflow:auto;align-items:center}#video-nav .video-area .video-card .bottom-container .info .bottom-area .container .edit-btn{position:static!important;margin:0;padding:4px 12px;border:1px solid rgba(0,0,0,.2);border-radius:4px;background-color:var(--button-white);transition:.2s;white-space:normal!important}#video-nav .video-area .video-card .bottom-container .info .bottom-area .container .edit-btn:hover{background-color:var(--botton-white-hover)}#video-nav .video-area .video-card .bottom-container .info .bottom-area .container .access-time{color:rgba(0,0,0,.6)}#video-nav .video-area .video-card .bottom-container .info .bottom-area .container .access-time.light{color:#ec5959}#video-nav .video-area .video-card .bottom-container .info .bottom-area .container .access-time .box{opacity:0}@media (max-width:860px){#video-nav .video-area .video-card{min-width:80%;gap:0}#video-nav .video-area .video-card .bottom-container{padding:0}#video-nav .video-area .video-card .bottom-container .bottom-area .container{margin:0}}#video-nav .video-area .video-card:hover{background-color:#efefef}@media (max-width:860px){#video-nav .video-area{gap:0}}.video-card .bottom-container .info .title{color:#000!important}.video-card .bottom-container .info .bottom-area .container{justify-content:flex-start!important}.video-card .bottom-container .info .bottom-area .container .edit-btn{color:#000!important;border-color:#000!important}.QA-area{background-color:#f5f5f5}.QA-area .container{width:100%;display:flex;flex-direction:column;gap:24px}.QA-area .container .QA-header{width:100%;padding-top:16px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:24px}.QA-area .container .QA-header .search-area{display:flex;align-items:center;gap:12px}.QA-area .container .QA-header .sort-by-area,.QA-area .container .QA-header .time-sort-area{align-items:center;display:flex;gap:8px}.QA-area .container .QA-header .select{height:32px}.QA-area .container .QA-header .show-public-QA{cursor:pointer;padding:4px 6px;border:1px solid rgba(0,0,0,.2);border-radius:2px;background-color:#cbf6ff;box-shadow:-2px 2px 8px rgba(0,0,0,.1);transition:.2s}.QA-area .container .QA-header .show-public-QA:hover{background-color:#bae1e9}.QA-area .container .QA-header .show-delete-btn{cursor:pointer;padding:4px 6px;border:1px solid rgba(0,0,0,.2);border-radius:2px;background-color:#ffb7b7;box-shadow:-2px 2px 8px rgba(0,0,0,.1);transition:.2s}.QA-area .container .QA-header .show-delete-btn:hover{background-color:#e7a5a5}.QA-area .container .sort-title{margin-left:24px}.QA-area .container .QA-grid{width:100%}.QA-area .container .QA-grid .QA-container{min-height:80px;padding:0 24px 24px;display:flex;justify-content:flex-start;flex-wrap:wrap;gap:12px}.QA-area .container .QA-grid .QA-container .QA-list{margin-bottom:32px;min-width:220px;padding:16px;display:flex;flex-direction:column;align-items:center;border:1px solid #bebebe;border-radius:8px;gap:18px;background-color:#f4f4f4}.QA-area .container .QA-grid .QA-container .QA-list .QA-tag{display:flex}.QA-area .container .QA-grid .QA-container .QA-list .QA-tag .content{font-weight:700;font-size:22px;padding:4px 8px;background-color:#f6b594;border-radius:4px;box-shadow:-2px 2px 8px rgba(0,0,0,.1)}.QA-area .container .QA-grid .QA-container .QA-list .qa-info{display:flex;flex-direction:column;position:relative;width:90%;border:1px solid #ababab;padding:12px;border-radius:4px;gap:8px;background-color:#fff;transition:.2s}.QA-area .container .QA-grid .QA-container .QA-list .qa-info .btn-area{display:flex;gap:12px}.QA-area .container .QA-grid .QA-container .QA-list .qa-info .btn-area .into-qa-btn{color:#000;flex:1 1;padding:4px 6px;border:1px solid rgba(0,0,0,.2);display:flex;justify-content:center;background-color:var(--button-white);transition:.2s}.QA-area .container .QA-grid .QA-container .QA-list .qa-info .btn-area .into-qa-btn:hover{background-color:var(--botton-white-hover)}.QA-area .container .QA-grid .QA-container .QA-list .qa-info .btn-area .remove-btn{color:#000;padding:4px 6px;border:1px solid rgba(0,0,0,.2);display:flex;justify-content:center;background-color:#ffdada;transition:.2s;cursor:pointer}.QA-area .container .QA-grid .QA-container .QA-list .qa-info .btn-area .remove-btn:hover{background-color:#ebc1c1}.QA-area .container .QA-grid .QA-container .QA-list .qa-info .qa-info-title{display:flex;flex-wrap:wrap;gap:4px}.QA-area .container .QA-grid .QA-container .QA-list .qa-info .qa-info-title .content{font-weight:700;font-size:18px;padding:4px 8px;background-color:#b9cdf9;border-radius:4px;box-shadow:-2px 2px 8px rgba(0,0,0,.1);color:#000}.QA-area .container .QA-grid .QA-container .QA-list .qa-info .qa-image-area{display:flex;flex-wrap:wrap}.QA-area .container .QA-grid .QA-container .QA-list .qa-info .qa-image-area .qa-image{width:100%;border-radius:4px;border:1px solid rgba(0,0,0,.2)}.QA-area .container .QA-grid .QA-container .QA-list .qa-info .qa-image-area .qa-images{width:33%}.QA-area .container .QA-grid .QA-container .QA-list .qa-info .time-replied-area{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;font-size:15px}.QA-area .container .QA-grid .QA-container .QA-list .qa-info .time-replied-area .time{color:rgba(0,0,0,.5)}.QA-area .container .QA-grid .QA-container .QA-list .qa-info .time-replied-area .not-replied{color:blue}.QA-area .container .QA-grid .QA-container .QA-list .qa-info .time-replied-area .is-replied{color:#7225ff}.QA-area .container .QA-grid .QA-container .QA-list .qa-info .qa-description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#000;width:90%;border:1px solid rgba(0,0,0,.2);border-radius:4px;background-color:#f1f1f1;padding:4px 8px;margin-top:-6px}.QA-area .container .QA-grid .QA-container .QA-list .qa-info:hover{background-color:#dfefff}.QA-area .container .QA-grid .QA-container .qa-info-area{color:#000;cursor:pointer;padding:16px;box-shadow:0 0 4px rgba(0,0,0,.2);background-color:#fff;border-radius:4px;display:flex;flex-direction:column;gap:8px;margin-bottom:12px;transition:.2s;min-width:220px}.QA-area .container .QA-grid .QA-container .qa-info-area .qa-image{width:100%;border-radius:8px}.QA-area .container .QA-grid .QA-container .qa-info-area .content{font-size:clamp(16px,1.2vw,18px);display:flex;word-break:keep-all;align-items:center;justify-content:space-between;gap:12px;margin-bottom:-4px}.QA-area .container .QA-grid .QA-container .qa-info-area .content .is-replied{display:flex;align-items:center;gap:12px}.QA-area .container .QA-grid .QA-container .qa-info-area .content .time{color:#7a7a7a;word-break:keep-all;font-size:12px}.QA-area .container .QA-grid .QA-container .qa-info-area .into-qa-btn{color:#000;flex:1 1;padding:4px 6px;border:1px solid rgba(0,0,0,.2);display:flex;justify-content:center;background-color:var(--button-white);transition:.2s}.QA-area .container .QA-grid .QA-container .qa-info-area .into-qa-btn:hover{background-color:var(--botton-white-hover)}.QA-area .container .QA-grid .QA-container .qa-info-area .description-area{padding:8px;border-radius:2px;border:1px solid rgba(0,0,0,.1);background-color:rgba(0,0,0,.06)}.QA-area .container .QA-grid .QA-container .qa-info-area:hover{background-color:#f5f5f5}.QA-area .container .QA-grid .QA-container .load-more-btn{cursor:pointer;padding:12px;border:1px solid rgba(0,0,0,.2);border-radius:4px;background-color:#fff}.QA-area .container .QA-grid .btn-area{width:100%;display:flex;justify-content:center}.QA-area .container .QA-grid .btn-area .g-black-btn{margin-bottom:24px}@media (max-width:860px){.QA-area,.QA-area .container{width:100%}.QA-area .container .QA-header{width:90%;padding:8px;flex-direction:column;gap:4px}.QA-area .container .QA-header .sort-by-area .sort-title{margin:0}.QA-area .container .QA-grid{width:100%}.QA-area .container .QA-grid .QA-container{width:100%;justify-content:center;padding:0}.QA-area .container .QA-grid .QA-container .my-masonry-grid_column{flex-direction:column;padding:0 30px}}.complate-info-main{width:100%;justify-content:center}.complate-info-main,.complate-info-main .form{display:flex;flex-direction:column;align-items:center}.complate-info-main .form{padding:0 32px 32px;margin-top:24px;gap:12px;background-color:#fff;border:1px solid rgba(0,0,0,.2);border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.2)}.complate-info-main .form .alert{position:relative;top:6px;font-size:18px;font-weight:700;color:#1c1c1c;background-color:#f88c8c;padding:8px;border-radius:8px;transition:.2s;height:0}.complate-info-main .form .title{font-weight:700;font-size:24px}.complate-info-main .form .inputs{display:flex;align-items:center;margin-top:24px;gap:12px}.complate-info-main .form .inputs .user-input{display:flex;flex-direction:column;gap:12px}.complate-info-main .form .inputs .user-input span{font-weight:700;margin-right:4px}.complate-info-main .form .inputs .submit-btn{height:100%;display:flex;align-items:center;cursor:pointer}.complate-info-main .form .inputs .submit-btn button{box-shadow:0 2px 8px rgba(0,0,0,.1);border-radius:4px;padding:12px;font-size:18px;font-weight:700;background-color:#87e982;transition:.1s}.complate-info-main .form .inputs .submit-btn button:hover{background-color:#7ad176}