.is-pc{display:block}.is-m{display:none}@media (max-width:991px){.is-pc{display:none}.is-m{display:block}}.ft-red{color:red!important}.ft-blue{color:#0075ff!important}.search-box{display:flex;flex-wrap:wrap;align-items:center;padding:0 17px;background:#f5f5f5;border-radius:6px}.search-box input{flex:1 1;min-width:0;background:none;height:40px;padding:0 17px 0 0;font-size:14px;color:#000}.search-box input::placeholder{color:#d1d1d1}.search-box .search{display:block;font-size:0;width:20px;height:20px;background:url(/images/icon_search.svg) no-repeat 50%/cover}.search-input-box{display:flex;flex-wrap:wrap;align-items:center;width:100%}.search-input-box>div:not(.button-box){flex:1 1;min-width:0;display:flex;flex-wrap:wrap;align-items:center;border:1px solid #d1d1d1;border-radius:6px;padding:0 14px}.search-input-box>div:not(.button-box):before{display:inline-block;content:"";width:20px;height:20px;margin:0 10px 0 0;background:url(/images/icon_search.svg) no-repeat 50%/cover}.search-input-box>div:not(.button-box) input{flex:1 1;min-width:0;height:42px;background:none;font-size:16px}.search-input-box>div:not(.button-box) input::placeholder{color:#a3a3a3}.search-input-box>.button-box{width:280px;margin:0 0 0 20px}.search-input-box>.search{margin:0 0 0 20px;width:180px;height:42px;border-radius:6px;background:#292929;color:#fff;font-weight:700;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}@media (max-width:991px){.search-input-box>div:not(.button-box):before{width:18px;height:18px}.search-input-box>div:not(.button-box) input{height:40px;font-size:14px}.search-input-box>.button-box{display:none}.search-input-box>.search{margin:0 0 0 16px;width:40px;height:40px;font-size:0}.search-input-box>.search:after{display:block;content:"";width:16px;height:16px;background:url(/images/icon_search_w.svg) no-repeat 50%/cover}}.button-box,.button-box .btn{display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.button-box .btn{border-radius:6px;padding:0 20px;font-size:14px;font-weight:700;height:42px}.button-box .btn.disabled{background:#d1d1d1!important;color:#fff!important}.button-box .btn-full{flex:1 1;min-width:0;padding:0 10px}.button-box .btn-white{background:#fff;border:1px solid #e8e8e8;color:var(--color-active)!important}.button-box .btn-lightgray{background:#f2f2f2;color:#575757}.button-box .btn-black-outline{background:#fff;border:2px solid #000}.button-box .btn-gray-400-outline{background:#fff;border:1px solid #d1d1d1}.button-box .btn-naver{background:#01e368;font-weight:700;color:#494949}.button-box .btn-naver:before{display:inline-block;content:"";width:20px;height:20px;margin:0 4px 0 0;background:url(/images/icon_btn_naver.svg) no-repeat 50%/cover}.button-box .btn-kakao{background:#fee500;font-weight:700;color:#494949}.button-box .btn-kakao:before{display:inline-block;content:"";width:20px;height:20px;margin:0 4px 0 0;background:url(/images/icon_btn_kakao.svg) no-repeat 50%/cover}.button-box .btn-download:before{display:inline-block;content:"";width:16px;height:16px;margin:0 4px 0 0;background:url(/images/icon_btn_download_w.svg) no-repeat 50%/cover}.button-box .btn-flag:after{display:inline-block;content:"";width:20px;height:20px;margin:0 0 0 4px;background:url(/images/icon_flag.svg) no-repeat 50%/cover}@media (max-width:991px){.button-box .btn{font-size:14px;padding:0 10px;height:44px}}.icon-box{display:flex;flex-wrap:wrap;align-items:center}.icon{margin:0 10px 0 0}.icon:last-of-type{margin:0}.icon-cart{width:30px;height:30px;font-size:0;position:relative;background:url(/images/icon_cart.svg) no-repeat 50%/cover}.icon-cart.active:after{position:absolute;content:"";right:0;top:0;width:9px;height:9px;border-radius:50%;background:var(--color-active)}.icon-mypage{width:30px;height:30px;font-size:0;position:relative;background:url(/images/icon_mypage.svg) no-repeat 50%/cover}.icon-mypage.active:after{position:absolute;content:"";right:0;top:0;width:9px;height:9px;border-radius:50%;background:var(--color-active)}.icon-menu{width:30px;height:30px;background:url(/images/icon_menu.svg) no-repeat 50%/cover}.icon-menu,.icon-trash{font-size:0;position:relative}.icon-trash{width:20px;height:20px;background:url(/images/icon_trash.svg) no-repeat 50%/cover}.icon-write{width:40px;height:40px;font-size:0;border-radius:6px;background:var(--color-active) url(/images/icon_write.svg) no-repeat center /16px}.icon-download{width:18px;height:18px;font-size:0;position:relative;background:url(/images/icon_btn_download.svg) no-repeat 50%/cover}.icon-btn-write:before{margin:0 10px 0 0;background:url(/images/icon_btn_write.svg) no-repeat 50%/cover;position:relative;top:2px}.icon-btn-write:before,.icon-tab-grade-1:before{display:inline-block;content:"";width:16px;height:16px}.icon-tab-grade-1:before{margin:0 4px 0 0;background:url(/images/icon_tab_grade_1.svg) no-repeat 50%/cover}.icon-tab-grade-2:before{background:url(/images/icon_tab_grade_2.svg) no-repeat 50%/cover}.icon-tab-grade-2:before,.icon-tab-grade-3:before{display:inline-block;content:"";width:16px;height:16px;margin:0 4px 0 0}.icon-tab-grade-3:before{background:url(/images/icon_tab_grade_3.svg) no-repeat 50%/cover}.icon-tab-sale:before{background:url(/images/icon_tab_sale.svg) no-repeat 50%/cover}.icon-tab-new:before,.icon-tab-sale:before{display:inline-block;content:"";width:16px;height:16px;margin:0 4px 0 0}.icon-tab-new:before{background:url(/images/icon_tab_new.svg) no-repeat 50%/cover}@media (max-width:991px){.icon-cart{width:20px;height:20px}.icon-cart.active:after{width:6px;height:6px}.icon-mypage{width:20px;height:20px}.icon-mypage.active:after{width:6px;height:6px}.icon-menu{width:20px;height:20px}.icon-trash{width:16px;height:16px}.icon-tab-grade-1:before,.icon-tab-grade-2:before,.icon-tab-grade-3:before,.icon-tab-new:before,.icon-tab-sale:before{width:12px;height:12px}}.sticker{display:inline-block;height:22px;line-height:20px;text-align:center;border-radius:4px;padding:0 6px;font-size:12px}.sticker.off{background:#e8e8e8;color:#a3a3a3}.sticker.on{background:#0075ff;color:#fff}.sticker.yellow{background:#ffb800;color:#fff}.sticker.green{background:#32d47d;color:#fff}.sticker.white{background:#fff;border:1px solid #d1d1d1}.sticker-box{margin:0 -2px -4px}.sticker-box,.sticker-box .sticker{display:flex;flex-wrap:wrap;align-items:center}.sticker-box .sticker{justify-content:center;margin:0 2px 4px}@media (max-width:991px){.sticker{line-height:22px}}.inner-box{max-width:376px;margin:0 30px 0 0;width:100%}.inner-box:last-of-type{margin:0}.inner-box.center{margin:0 auto}@media (max-width:991px){.inner-box{width:100%;margin:0 auto 40px}.inner-box:last-of-type{margin:0 auto}}.gray-box{background:#f8f8f8;padding:24px 20px;border-radius:10px}@media (max-width:991px){.gray-box{padding:20px}}.result-box{background:#f8f8f8;padding:30px;border-radius:10px}.result-box p{text-align:center;font-size:16px;color:#292929}.result-box small{display:block;text-align:center;font-size:14px;color:#757575;margin:20px 0 0}.result-box strong{display:block;text-align:center;font-size:16px;font-weight:700;color:#292929;margin:0 0 10px}.result-box strong:before{display:block;content:"";width:24px;height:24px;margin:0 auto 10px;background:url(/images/icon_phone.svg) no-repeat 50%/cover}.result-box .result{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;margin:20px auto 0;max-width:260px;background:#fff;border-radius:10px;padding:18px 10px}.result-box .result b{font-size:16px;color:#292929}@media (max-width:991px){.result-box{padding:24px}.result-box p{font-size:14px}.result-box small{font-size:12px;margin:16px 0 0}.result-box strong{margin:0 0 5px}.result-box .result{max-width:240px;margin:16px auto 0;padding:15px 10px}.result-box .result b{font-size:14px}}.input-text-box{display:flex;flex-wrap:wrap;align-items:center;padding:14px;background:#f8f8f8;border-radius:6px}.input-text-box p{color:#474747}.input-box{display:flex;flex-wrap:wrap;align-items:center;background:#fff;border:1px solid #e8e8e8;border-radius:6px}.input-box input{flex:1 1;min-width:0;background:none;padding:0 14px;height:42px;color:#292929}.input-box input::placeholder{color:#d1d1d1}.input-box time{margin:0 14px 0 0;color:red}.input-box em{margin:0 14px 0 0;font-size:16px;font-weight:700}.input-box.disabled{background:#f8f8f8;border-color:#f8f8f8}@media (max-width:991px){.input-box input{height:44px}.input-box input em{font-size:14px}}.input-message-box{margin:2px 0 0}.input-message-box p{text-align:right;font-size:12px}.file-box{position:relative;overflow:hidden}.file-box input{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;cursor:pointer}.file-box label{display:flex;flex-wrap:wrap;align-items:center;height:60px;border:2px dashed var(--color-active);border-radius:6px;padding:0 20px;font-weight:700;color:var(--color-active)}.file-box label:before{display:inline-block;content:"";width:18px;height:18px;margin:0 10px 0 0;background:url(/images/icon_file_add.svg) no-repeat 50%/cover}.file-box button{display:none}.file-box.active .inner{display:flex;flex-wrap:wrap;align-items:center;height:60px;background:#f8f8f8;border-radius:6px}.file-box.active label{width:60px;border:0;border-radius:0;padding:0;font-size:0;justify-content:center}.file-box.active label:before{margin:0}.file-box.active button{flex:1 1;min-width:0;height:60px;display:flex;flex-wrap:wrap;align-items:center;font-weight:700;color:#0075ff;position:relative;z-index:3}.file-box.active button:after{display:inline-block;content:"";width:16px;height:16px;margin:0 0 0 4px;background:url(/images/icon_file_remove.svg) no-repeat 50%/cover}@media (max-width:991px){.file-box label{height:48px;font-size:12px}.file-box.active label{width:48px;height:48px}.file-box.active button{height:48px;font-size:12px}}.file-download-box{padding:0 14px;display:flex;flex-wrap:wrap;align-items:center;height:42px;border:1px solid #e8e8e8;border-radius:6px}.file-download-box p{flex:1 1;min-width:0;padding:0 14px 0 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#474747}@media (max-width:991px){.file-download-box{height:44px}}.file-upload-box .upload{position:relative;overflow:hidden}.file-upload-box .upload input{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;cursor:pointer}.file-upload-box .upload label{padding:26px 14px;background:#f8f8f8;border:1px solid #e8e8e8;border-radius:6px;display:flex;flex-wrap:wrap;align-items:center;align-content:center;justify-content:center}.file-upload-box .upload label:before{display:block;content:"";width:18px;height:18px;margin:0 auto 10px;background:url(/images/icon_file_upload.svg) no-repeat 50%/cover}.file-upload-box .upload label p{width:100%;text-align:center;color:#757575;line-height:1.5}.file-upload-box .result{display:none;flex-wrap:wrap;align-items:center;height:42px;border:1px solid #e8e8e8;border-radius:6px;padding:0 14px}.file-upload-box .result p{flex:1 1;min-width:0;padding:0 14px 0 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#474747}.file-upload-box .result .reupload{display:flex;flex-wrap:wrap;align-items:center;font-size:12px;color:#757575}.file-upload-box .result .reupload:after{display:inline-block;content:"";width:18px;height:18px;margin:0 0 0 4px;background:url(/images/icon_file_reupload.svg) no-repeat 50%/cover}.file-upload-box.active .upload{display:none}.file-upload-box.active .result{display:flex}.textarea-box textarea{display:block;width:100%;height:300px;padding:20px;font-size:16px;border:1px solid #e8e8e8;border-radius:10px}.textarea-box textarea::placeholder{color:#d1d1d1}.textarea-box.small textarea{height:160px;padding:12px 14px;font-size:16px}@media (max-width:991px){.textarea-box textarea{height:160px;padding:12px 14px;font-size:14px}.textarea-box.small textarea{font-size:14px}}.select-box{display:flex;flex-wrap:wrap;align-items:center;background:#fff;border:1px solid #e8e8e8;border-radius:6px}.select-box select{flex:1 1;min-width:0;padding:0 35px 0 14px;height:42px;color:#d1d1d1;background:url(/images/icon_select.svg) no-repeat calc(100% - 14px) /16px}.select-box select option{color:#474747}.select-box select optgroup{font-weight:400}.select-box.has-value select{color:#292929}@media (max-width:991px){.select-box select{height:44px}}.check-box{position:relative}.check-box input{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;cursor:pointer}.check-box label{display:flex;flex-wrap:wrap;align-items:center}.check-box label p{flex:1 1;min-width:0;font-size:16px;color:#474747}.check-box label:before{display:inline-block;content:"";width:20px;height:20px;margin:0 10px 0 0;background:url(/images/icon_check.svg) no-repeat 50%/cover}.check-box input:checked~label:before{background-image:url(/images/icon_check_on.svg)}@media (max-width:991px){.check-box label p{font-size:14px}.check-box label:before{width:20px;height:20px}}.radio-box{position:relative}.radio-box input{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;cursor:pointer}.radio-box label{display:flex;flex-wrap:wrap;align-items:center}.radio-box label p{flex:1 1;min-width:0;font-size:14px;color:#474747}.radio-box label p b{font-size:16px;font-weight:700;color:#474747}.radio-box label:before{display:inline-block;content:"";width:24px;height:24px;margin:0 10px 0 0;background:url(/images/icon_radio.svg) no-repeat 50%/cover}.radio-box input:checked~label:before{background-image:url(/images/icon_radio_on.svg)}@media (max-width:991px){.radio-box label p b{font-size:14px}.radio-box label:before{width:20px;height:20px}}.title-box h2{font-size:20px;margin:0 0 50px;text-align:center;color:#292929;font-family:LeferiPoint-BlackA}.title-box h3{font-size:18px;font-weight:700}.title-box h3,.title-box p{color:#474747;text-align:center}.title-box p{margin:10px 0 0;word-break:keep-all}.title-box p,.title-box p b{font-size:16px;line-height:1.3}.title-box p b{color:#474747;font-weight:700}.title-box.border{border-bottom:2px solid #f5f5f5;padding:0 0 30px}@media (max-width:991px){.title-box h2{margin:0 0 40px}.title-box h2,.title-box h3{font-size:16px}.title-box p{margin:5px 0 0}.title-box p,.title-box p b{font-size:14px}.title-box.border{padding:0 0 20px}}.text-box p{font-size:16px;line-height:1.3;color:#757575;word-break:keep-all}@media (max-width:991px){.text-box p{font-size:14px}}.text-guide-box{border-bottom:2px solid #f8f8f8;margin:0 0 30px;padding:0 0 30px}.text-guide-box:last-of-type{border:0;padding:0;margin:0}.text-guide-box h3{margin:0 0 14px;font-size:20px;font-weight:700;color:#474747}.text-guide-box ul li{margin:0 0 24px}.text-guide-box ul li:last-of-type{margin:0}.text-guide-box ul li>b{font-size:16px;font-weight:700;color:#474747}.text-guide-box ul li>p{margin:5px 0 0;font-size:16px;color:#757575}.text-guide-box ul li>dl{margin:10px 0 0}.text-guide-box ul li>dl>dd{display:flex;flex-wrap:wrap;margin:0 0 10px}.text-guide-box ul li>dl>dd:last-of-type{margin:0}.text-guide-box ul li>dl>dd p{flex:1 1;min-width:0;padding:0 10px 0 0;font-size:16px;color:#757575}.text-guide-box ul li>dl>dd b{font-size:16px;font-weight:700;color:var(--color-active)}@media (max-width:991px){.text-guide-box h3{font-size:16px;margin:0 0 10px}.text-guide-box ul li{margin:0 0 16px}.text-guide-box ul li>b{font-size:14px}.text-guide-box ul li>dl>dd b,.text-guide-box ul li>dl>dd p,.text-guide-box ul li>p{font-size:12px}}.text-info-box{background:#f8f8f8;border-radius:10px;padding:20px}.text-info-box ul li{position:relative;margin:0 0 5px;font-size:16px;color:#474747;word-break:keep-all;padding:0 0 0 18px}.text-info-box ul li:last-of-type{margin:0}.text-info-box ul li:before{position:absolute;left:5px;top:8px;width:3px;height:3px;background:#474747;border-radius:50%;content:""}.text-info-box p{display:flex;flex-wrap:wrap}.text-info-box p:before{display:inline-block;content:"";width:20px;height:20px;margin:0 10px 0 0;background:url(/images/icon_text_info_guide.svg) no-repeat 50%/cover}@media (max-width:991px){.text-info-box{padding:14px}.text-info-box ul li{font-size:14px;padding:0 0 0 14px}.text-info-box ul li:before{left:0}.text-info-box p{font-size:14px}.text-info-box p:before{width:18px;height:18px;margin:0 5px 0 0}}.sub-title-box{display:flex;flex-wrap:wrap;align-items:center;border-bottom:2px solid #f5f5f5;padding:0 0 30px;margin:0 0 30px}.sub-title-box h2{font-size:20px;font-weight:700;color:#191919}.sub-title-box .back{display:inline-block;content:"";width:16px;height:16px;margin:0 10px 0 0;background:url(/images/icon_back.svg) no-repeat 50%/cover;font-size:0}@media (max-width:991px){.sub-title-box{padding:0 0 20px;margin:0 0 20px}.sub-title-box h2{font-size:14px}}.sub-text-box{background:#f8f8f8;border-radius:10px;padding:30px;margin:0 0 40px}.sub-text-box h3{margin:0 0 20px;font-weight:700;font-size:20px;color:#474747}.sub-text-box p{font-size:16px;color:#474747}@media (max-width:991px){.sub-text-box{padding:20px;margin:0 0 30px}.sub-text-box h3{margin:0 0 10px;font-size:14px}.sub-text-box p{font-size:14px}}.write-box>ul>li{margin:0 0 20px}.write-box>ul>li:last-of-type{margin:0}.write-box>ul>li .tit{display:flex;flex-wrap:wrap;align-items:center;margin:0 0 10px;font-size:16px;font-weight:700}.write-box>ul>li .tit small{margin:0 0 0 14px;font-size:14px;color:#757575}.write-box>ul>li .cont{width:100%}@media (max-width:991px){.write-box>ul>li .tit{margin:0 0 10px;font-size:14px}.write-box>ul>li .tit small{font-size:12px}}.modal-box{position:fixed;left:0;top:0;width:100%;height:100%;z-index:9999;background:rgba(0,0,0,.4)}.modal-box,.modal-box .box{pointer-events:none;opacity:0;transition:all .5s ease}.modal-box .box{width:calc(100% - 40px);max-width:408px;border-radius:10px;padding:40px;position:absolute;left:50%;top:45%;max-height:90%;transform:translate(-50%,-50%);background:#fff;display:flex;flex-direction:column}.modal-box .box.sm{max-width:572px}.modal-box .box.md{max-width:680px}.modal-box .box.alert{width:calc(100% - 40px);max-width:408px;border-radius:10px;padding:40px;display:block}.modal-box .modal-alert .alert-head{display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 0 14px}.modal-box .modal-alert .alert-head h2{flex:1 1;min-width:0;font-size:20px;font-weight:700;color:#474747}.modal-box .modal-alert .alert-head .close{width:20px;height:20px;font-size:0;background:url(/images/icon_close.svg) no-repeat 50%/cover;position:relative;top:5px}.modal-box .modal-alert .alert-body p{font-size:16px;color:#474747}.modal-box .modal-head{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 0 30px}.modal-box .modal-head h2{flex:1 1;min-width:0;font-size:20px;font-weight:700;color:#474747}.modal-box .modal-head .close{width:20px;height:20px;font-size:0;background:url(/images/icon_close.svg) no-repeat 50%/cover;position:relative;top:5px}.modal-box .modal-body{width:100%;height:100%;overflow-y:auto}.modal-box .modal-foot{margin:30px 0 0}.modal-box.fixed,.modal-box.fixed .box{pointer-events:inherit;opacity:1}.modal-box.fixed .box{top:50%}@media (max-width:991px){.modal-box .box{padding:20px}.modal-box .box.alert{padding:30px}.modal-box .modal-head{margin:0 0 20px}.modal-box .modal-head h2{font-size:16px}.modal-box .modal-foot{margin:20px 0 0}}.agree-box .agree-text{background:#f8f8f8;border-radius:10px;padding:20px 10px 20px 20px}.agree-box .agree-text .inner{height:190px;overflow-y:auto;padding:0 10px 0 0}.agree-box .agree-text .inner p{font-size:14px;color:#474747}.agree-box .agree-check{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;margin:20px 0 0}.agree-box .agree-check input{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;cursor:pointer}.agree-box .agree-check label{display:flex;flex-wrap:wrap;align-items:center;font-size:16px;color:#474747}.agree-box .agree-check label:after{display:inline-block;content:"";width:20px;height:20px;margin:0 0 0 10px;background:url(/images/icon_check.svg) no-repeat 50%/cover}.agree-box .agree-check input:checked~label:after{background-image:url(/images/icon_check_on.svg)}.agree-box.small .agree-text .inner{height:100px}.agree-box.small .agree-check{justify-content:center}.agree-box.large .agree-text{background:#fff;padding:20px 10px 20px 20px}.agree-box.large .agree-text .inner{height:128px}@media (max-width:991px){.agree-box .agree-text .inner p{font-size:12px}.agree-box .agree-check{margin:10px 0 0}.agree-box .agree-check label{font-size:14px}.agree-box .agree-check label:after{width:16px;height:16px}.agree-box.large .agree-text .inner{height:300px}}.group-select-box>ul>li{margin:0 0 10px}.group-select-box>ul>li:last-of-type{margin:0}.group-select-box>ul>li button{display:flex;flex-wrap:wrap;align-items:center;width:100%;height:42px;background:#f8f8f8;border-radius:6px;padding:0 20px}.group-select-box>ul>li button p{flex:1 1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:700;color:#292929;text-align:left}.group-select-box>ul>li.active button{background:var(--color-active)}.group-select-box>ul>li.active button p{color:#fff}.group-select-box>ul>li.active button:after{display:inline-block;content:"";width:18px;height:18px;margin:0 0 0 5px;background:url(/images/icon_check_white.svg) no-repeat 50%/cover}@media (max-width:991px){.group-select-box>ul>li button{height:44px}}.login-box{margin:24px 0 0}.login-box .login-text,.login-box .login-text a{display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.login-box .login-text a{color:#a3a3a3}.login-box .login-text a:after{display:inline-block;content:"";width:1px;height:12px;margin:0 20px;background:#d9d9d9}.login-box .login-text a:last-of-type{color:var(--color-active)}.login-box .login-text a:last-of-type:after{display:none}.login-box .login-button{margin:30px 0 0}.login-box .login-button h3{display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.login-box .login-button h3 b{padding:0 14px;color:#d1d1d1}.login-box .login-button h3:after,.login-box .login-button h3:before{display:block;content:"";flex:1 1;min-width:0;height:1px;background:#f5f5f5}.login-box .login-button ul{margin:30px 0 0}.login-box .login-button ul li{margin:0 0 20px}.login-box .login-button ul li:last-of-type{margin:0}.login-box .login-button ul li strong{font-weight:700;color:#404040}.login-box .login-button ul li p{margin:10px 0 0;color:#404040}.login-box .login-button ul li .button-box{margin:10px 0 0}@media (max-width:991px){.login-box .login-button ul li strong{font-size:12px}.login-box .login-button ul li p{margin:4px 0 0;font-size:12px}}.login-start-box h2{margin:0 0 30px}.login-start-box h2 p{text-align:center;font-size:16px;color:#474747}.login-start-box h2 img{display:block;margin:10px auto 0;width:158px}.login-start-box .start-text{border-bottom:2px solid #f5f5f5;padding:0 0 30px;margin:0 0 30px}.login-start-box .start-text strong{display:block;text-align:center;font-size:20px;font-weight:700;color:var(--color-active)}.login-start-box .start-text b{display:block;text-align:center;margin:16px 0 0;font-size:22px;font-weight:700;color:#292929}.login-start-box .start-info ul li{display:flex;flex-wrap:wrap;align-items:center}.login-start-box .start-info ul li p{flex:1 1;min-width:0;color:#404040}.login-start-box .start-info ul li:before{display:inline-block;content:"";width:3px;height:3px;border-radius:50%;background:#404040;margin:0 10px}@media (max-width:991px){.login-start-box .start-text strong,.login-start-box h2 p{font-size:14px}.login-start-box .start-text b{font-size:16px}.login-start-box .start-info ul li p{font-size:12px}}.link-box ul,.link-box ul li{display:flex;flex-wrap:wrap;align-items:center}.link-box ul li:after{display:inline-block;content:"";width:2px;height:10px;margin:0 10px;background:#e8e8e8}.link-box ul li:last-of-type:after{display:none}.link-box ul li a{color:#a3a3a3}.category-box>ul>li>a{display:flex;flex-wrap:wrap;align-items:center;height:60px;border-radius:10px;padding:0 14px;font-size:16px;font-weight:500;color:#292929}.category-box>ul>li.active>a{background:#f8f8f8;font-weight:700}.category-box>ul>li.cate>a:before{display:inline-block;content:"";width:20px;height:20px;margin:0 10px 0 0;background-size:cover;background-position:50%}.category-box>ul>li.cate01>a:before{background-image:url(/images/icon_category_01.svg)}.category-box>ul>li.cate02>a:before{background-image:url(/images/icon_category_02.svg)}.category-box>ul>li.cate03>a:before{background-image:url(/images/icon_category_03.svg)}.category-box>ul>li.cate04>a:before{background-image:url(/images/icon_category_04.svg)}.category-box>ul>li.cate05>a:before{background-image:url(/images/icon_category_05.svg)}.category-box>ul>li.cate06>a:before{background-image:url(/images/icon_category_06.svg)}.category-box>ul>li.cate07>a:before{background-image:url(/images/icon_category_07.svg)}.category-box>ul>li.cate08>a:before{background-image:url(/images/icon_category_08.svg)}.category-box>ul>li.cate09>a:before{background-image:url(/images/icon_category_09.svg)}.category-box>ul>li.cate10>a:before{background-image:url(/images/icon_category_10.svg)}.category-box>ul>li.cate11>a:before{background-image:url(/images/icon_category_11.svg)}.category-box>ul>li.cate12>a:before{background-image:url(/images/icon_category_12.svg)}.category-box>ul>li.cate13>a:before{background-image:url(/images/icon_category_13.svg)}.category-box>ul>li.cate14>a:before{background-image:url(/images/icon_category_14.svg)}.category-box>ul>li>ul{display:none}.category-box>ul>li>ul>li a{display:flex;flex-wrap:wrap;align-items:center;height:50px;color:#474747;padding:0 14px 0 48px}.category-box>ul>li>ul>li.active a{font-weight:700}.category-box>ul>li.active>ul{display:block}.select-category-box{position:relative;z-index:100}.select-category-box button{width:100%;height:42px;display:flex;flex-wrap:wrap;align-items:center;background:#fff;border-radius:6px;border:1px solid #e8e8e8;padding:0 14px}.select-category-box button:after{display:inline-block;content:"";width:16px;height:16px;margin:0 0 0 10px;background:url(/images/icon_select.svg) no-repeat 50%/cover}.select-category-box button p{flex:1 1;min-width:0;color:#292929;font-weight:700;text-align:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.select-category-box button.cate:before{display:inline-block;content:"";width:20px;height:20px;margin:0 14px 0 0;background-size:cover;background-position:50%}.select-category-box button.cate01:before{background-image:url(/images/icon_category_01.svg)}.select-category-box button.cate02:before{background-image:url(/images/icon_category_02.svg)}.select-category-box button.cate03:before{background-image:url(/images/icon_category_03.svg)}.select-category-box button.cate04:before{background-image:url(/images/icon_category_04.svg)}.select-category-box button.cate05:before{background-image:url(/images/icon_category_05.svg)}.select-category-box button.cate06:before{background-image:url(/images/icon_category_06.svg)}.select-category-box button.cate07:before{background-image:url(/images/icon_category_07.svg)}.select-category-box button.cate08:before{background-image:url(/images/icon_category_08.svg)}.select-category-box button.cate09:before{background-image:url(/images/icon_category_09.svg)}.select-category-box button.cate10:before{background-image:url(/images/icon_category_10.svg)}.select-category-box button.cate11:before{background-image:url(/images/icon_category_11.svg)}.select-category-box button.cate12:before{background-image:url(/images/icon_category_12.svg)}.select-category-box button.cate13:before{background-image:url(/images/icon_category_13.svg)}.select-category-box button.cate14:before{background-image:url(/images/icon_category_14.svg)}.select-category-box .inner{pointer-events:none;opacity:0;transition:all .5s ease;position:absolute;background:#f8f8f8;left:0;top:35px;width:100%;box-shadow:0 0 10px rgba(0,0,0,.1)}.select-category-box .inner>ul>li>a{display:flex;flex-wrap:wrap;align-items:center;height:44px;padding:0 14px;font-weight:700;color:#292929}.select-category-box .inner>ul>li.cate>a:before{display:inline-block;content:"";width:16px;height:16px;margin:0 14px 0 0;background-size:cover;background-position:50%}.select-category-box .inner>ul>li.cate01>a:before{background-image:url(/images/icon_category_01.svg)}.select-category-box .inner>ul>li.cate02>a:before{background-image:url(/images/icon_category_02.svg)}.select-category-box .inner>ul>li.cate03>a:before{background-image:url(/images/icon_category_03.svg)}.select-category-box .inner>ul>li.cate04>a:before{background-image:url(/images/icon_category_04.svg)}.select-category-box .inner>ul>li.cate05>a:before{background-image:url(/images/icon_category_05.svg)}.select-category-box .inner>ul>li.cate06>a:before{background-image:url(/images/icon_category_06.svg)}.select-category-box .inner>ul>li.cate07>a:before{background-image:url(/images/icon_category_07.svg)}.select-category-box .inner>ul>li.cate08>a:before{background-image:url(/images/icon_category_08.svg)}.select-category-box .inner>ul>li.cate09>a:before{background-image:url(/images/icon_category_09.svg)}.select-category-box .inner>ul>li.cate10>a:before{background-image:url(/images/icon_category_10.svg)}.select-category-box .inner>ul>li.cate11>a:before{background-image:url(/images/icon_category_11.svg)}.select-category-box .inner>ul>li.cate12>a:before{background-image:url(/images/icon_category_12.svg)}.select-category-box .inner>ul>li.cate13>a:before{background-image:url(/images/icon_category_13.svg)}.select-category-box .inner>ul>li.cate14>a:before{background-image:url(/images/icon_category_14.svg)}.select-category-box .inner>ul>li>dl{display:none}.select-category-box .inner>ul>li>dl>dd a{display:flex;flex-wrap:wrap;align-items:center;height:42px;padding:0 14px 0 44px;font-size:12px;color:#292929}.select-category-box .inner>ul>li.active>dl{display:block}.select-category-box.active{background:#f8f8f8;border-radius:6px 6px 0 0}.select-category-box.active .inner{pointer-events:inherit;opacity:1;top:42px}.tab-box.tab-01 ul{display:flex;flex-wrap:wrap;border-bottom:2px solid #f5f5f5}.tab-box.tab-01 ul li{margin:0 16px 0 0}.tab-box.tab-01 ul li:last-of-type{margin:0}.tab-box.tab-01 ul li a{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;padding:14px 20px;font-size:16px;font-weight:300;color:#474747;position:relative}.tab-box.tab-01 ul li a b{margin:0 0 0 4px;font-size:16px;color:var(--color-active)}.tab-box.tab-01 ul li.active a{font-weight:700}.tab-box.tab-01 ul li.active a:after{position:absolute;left:0;bottom:-2px;content:"";width:100%;height:2px;background:#757575;border-radius:5px}.tab-box.tab-01 ul li.active a b{font-weight:700}.tab-box.tab-01.border{border-bottom:2px solid #f5f5f5}.tab-box.tab-01.border ul{border:0}.tab-box.tab-02 ul{display:flex;flex-wrap:wrap;margin:0 -3px -6px;padding:16px 0 10px;border-bottom:2px solid #f5f5f5}.tab-box.tab-02 ul li{margin:0 3px 6px}.tab-box.tab-02 ul li a{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;border:1px solid #d1d1d1;border-radius:50px;padding:0 12px;color:#474747;height:32px;line-height:1.5}.tab-box.tab-02 ul li.active a{background:rgba(164,53,240,.1);border-color:var(--color-active);color:var(--color-active)}.tab-box.tab-02 ul li.after{display:flex;flex-wrap:wrap;align-items:center;margin-right:0}.tab-box.tab-02 ul li.after:after{display:inline-block;content:"";width:1px;height:20px;background:#e8e8e8;margin:0 10px}.tab-group-box{display:flex;flex-wrap:wrap;align-items:center;border-top:2px solid #f5f5f5;padding:16px 0;margin:20px 0 0}.tab-group-box .tab-box.tab-02 ul{padding:0}.tab-group-box .refresh{display:none}@media (max-width:991px){.tab-box.tab-01 ul{display:block;overflow-x:auto;white-space:nowrap;font-size:0;margin:0 -15px}.tab-box.tab-01 ul li{display:inline-block;font-size:0;margin:0 15px 0 0}.tab-box.tab-01 ul li:first-of-type{margin-left:15px}.tab-box.tab-01 ul li a{padding:14px 0;font-size:14px}.tab-box.tab-01 ul li a b{font-size:14px}.tab-box.tab-01 ul li.active a:after{bottom:0}.tab-box.tab-02 ul{border:0;padding:20px 0 0;margin:0 -2px -4px}.tab-box.tab-02 ul li{margin:0 2px 4px}.tab-box.tab-02 ul li a{height:28px;padding:0 10px;font-size:12px}.tab-group-box{position:relative;overflow:hidden}.tab-group-box:after{position:absolute;right:-15px;top:0;content:"";width:60px;height:28px;background:url(/images/bg_tab.png) no-repeat 50%/cover}.tab-group-box .tab-box{width:100%}.tab-group-box .tab-box ul{display:block;overflow-x:auto;white-space:nowrap;font-size:0;margin:0;width:100%}.tab-group-box .tab-box ul::-webkit-scrollbar{display:none}.tab-group-box .tab-box ul li{display:inline-block;margin:0 4px 0 0}.tab-group-box .tab-box ul li:last-of-type{margin-right:45px}.tab-group-box .tab-box ul li.after{display:inline-flex}.tab-group-box .refresh{display:block;width:28px;height:28px;font-size:0;background:url(/images/icon_tab_refresh.svg) no-repeat 50%/cover;position:absolute;right:0;top:0;z-index:5}}.popular-box{margin:20px 0 0;border:1px solid #e8e8e8;border-radius:10px;padding:24px}.popular-box h2{margin:0 0 14px;font-size:16px;font-weight:700;color:#474747}.popular-box ul.tag{display:flex;flex-wrap:wrap;margin:0 -5px -14px}.popular-box ul.tag li{margin:0 5px 14px}.popular-box ul.tag li a{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;background:#f7f6ff;border-radius:4px;height:22px;padding:0 6px;font-size:12px;font-weight:300;color:#474747}.popular-box ul.list li{border-bottom:2px solid #f8f8f8;margin:0 0 14px;padding:0 0 14px}.popular-box ul.list li:last-of-type{border:0;margin:0;padding:0}.popular-box ul.list li a{display:block}.popular-box ul.list li a p{color:#757575;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.popular-box ul.list li a span{display:block;margin:4px 0 0;color:#a3a3a3}.top-writer-box{border:1px solid #e8e8e8;border-radius:10px;padding:20px 20px 6px}.top-writer-box .list-head h2{display:flex;flex-wrap:wrap;align-items:center;font-size:16px;font-weight:700;color:#474747;margin:0 0 20px}.top-writer-box .list-head h2:after{display:inline-block;content:"";width:20px;height:20px;margin:0 0 0 4px;background:url(/images/icon_top_writer.svg) no-repeat 50%/cover}.top-writer-box .list-body ul{border-top:2px solid #f8f8f8}.top-writer-box .list-body ul li{border-bottom:2px solid #f8f8f8}.top-writer-box .list-body ul li:last-of-type{border:0}.top-writer-box .list-body ul li .inner{display:flex;flex-wrap:wrap;align-items:center;padding:14px 0}.top-writer-box .list-body ul li .inner p{flex:1 1;min-width:0;padding:0 10px 0 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:500;color:#757575}.top-writer-box .list-body ul li .inner span{font-weight:500;color:#a3a3a3}.tag-box{margin:0 -5px -10px}.tag-box,.tag-box>*{display:flex;flex-wrap:wrap}.tag-box>*{align-items:center;justify-content:center;margin:0 5px 10px;background:#f7f6ff;height:22px;border-radius:4px;padding:0 6px;font-size:12px;font-weight:300;color:#474747}@media (max-width:991px){.tag-box{margin:0 -2px -4px}.tag-box>*{margin:0 2px 4px;background:#f5f5f5}}.mark-box{display:flex;flex-wrap:wrap;align-items:center}.mark-box .mark{margin:0 4px 0 0;position:relative}.mark-box .mark:last-of-type{margin:0}.mark-box .mark img{width:20px;height:20px;border-radius:50%;object-fit:cover}.mark-box .mark p{pointer-events:none;opacity:0;transition:all .5s ease;left:50%;transform:translateX(-50%);top:-35px;display:inline-block;padding:10px 14px;position:absolute;white-space:pre;background:#292929;border-radius:6px;color:#fff;box-shadow:0 0 4px rgba(0,0,0,.2);width:-moz-fit-content;width:fit-content}.mark-box .mark:hover p{pointer-events:inherit;opacity:1;top:-45px}.paging-box{margin:20px 0 0}.paging-box ul,.paging-box ul li a{display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.paging-box ul li a{width:30px;height:30px;border-radius:6px;color:#757575}.paging-box ul li.active a{background:#474747;color:#fff}.paging-box ul li.pg.prev{margin:0 20px 0 0}.paging-box ul li.pg.prev a{font-size:0;background:url(/images/icon_paging_prev.svg) no-repeat 50%/cover}.paging-box ul li.pg.prev.off a{background-image:url(/images/icon_paging_prev_off.svg)}.paging-box ul li.pg.next{margin:0 0 0 20px}.paging-box ul li.pg.next a{font-size:0;background:url(/images/icon_paging_next.svg) no-repeat 50%/cover}.paging-box ul li.pg.next.off a{background-image:url(/images/icon_paging_next_off.svg)}@media (max-width:991px){.paging-box{margin:30px 0 0}.paging-box ul li{margin:0 10px 0 0}.paging-box ul li a{width:24px;height:24px;font-size:12px}.paging-box ul li.m-hidden{display:none}.paging-box ul li.pg.next{margin:0 0 0 10px}}.file-download-box{margin:20px 0 0}.file-download-box>ul>li{margin:0 0 10px}.file-download-box>ul>li:last-of-type{margin:0}.file-download-box>ul>li a{display:flex;flex-wrap:wrap;align-items:center}.file-download-box>ul>li a:before{display:inline-block;content:"";width:18px;height:18px;margin:0 10px 0 0;background:url(/images/icon_file_download.svg) no-repeat 50%/cover}.file-download-box>ul>li a p{flex:1 1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#0075ff;text-decoration:underline}.board-view-box .file-download-box{border:0;height:auto;border-radius:0;padding:0}@media (max-width:991px){.file-download-box>ul>li a p{font-size:12px}}.like-button-box{display:flex;flex-wrap:wrap;align-items:center}.like-button-box .share{display:none}.like-button-box .like{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;height:46px;padding:0 19px;border:1px solid #e8e8e8;border-radius:6px;font-size:16px;color:#474747}.like-button-box .like b{margin:0 0 0 4px;font-size:16px;font-weight:700;color:var(--color-active)}.like-button-box .like:before{display:inline-block;content:"";width:16px;height:16px;margin:0 14px 0 0;background:url(/images/icon_like.svg) no-repeat 50%/cover}.like-button-box .like.active{border-color:var(--color-active);background:var(--color-active);color:#fff}.like-button-box .like.active b{color:#fff}.like-button-box .like.active:before{background-image:url(/images/icon_like_w.svg)}@media (max-width:991px){.like-button-box .share{display:block;margin:0 0 0 10px;width:44px;height:40px;border:1px solid #e8e8e8;border-radius:6px;font-size:0;background:url(/images/icon_share.svg) no-repeat 50%/16px}.like-button-box .like{font-size:0;height:40px;padding:0 32.5px}.like-button-box .like b{font-size:14px;margin:0}.like-button-box .like:before{margin:0 10px 0 0}}.user-box{display:flex;flex-wrap:wrap;align-items:center}.user-box img{width:22px;height:22px;border-radius:50%;object-fit:cover}.user-box p{margin:0 0 0 10px;font-size:16px;font-weight:700;color:#474747}@media (max-width:991px){.user-box img{width:24px;height:24px}.user-box p{font-size:14px}}.comment-write-box .write-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;margin:0 0 10px}.comment-write-box .write-head p{font-size:18px;font-weight:700;color:#474747}.comment-write-box .write-head p b{display:inline-block;margin:0 0 0 10px;font-size:18px;font-weight:700;color:var(--color-active)}.comment-write-box .write-body textarea{display:block;width:100%;height:100px;border:1px solid #e8e8e8;border-radius:6px;padding:14px;margin:0 0 10px}.comment-write-box .write-body textarea::placeholder{color:#d1d1d1}@media (max-width:991px){.comment-write-box .write-head{margin:0 0 20px}.comment-write-box .write-head p{font-size:14px}.comment-write-box .write-head p b{font-size:14px;margin:0 0 0 4px}.comment-write-box .write-body textarea{height:120px}}.comment-list-box{margin:30px 0 0}.comment-list-box>ul>li{margin:0 0 20px;border-radius:10px 10px;background:#f8f8f8}.comment-list-box>ul>li:last-of-type{margin:0}.comment-list-box>ul>li .list{border:1px solid #e8e8e8;background:#fff}.comment-list-box>ul>li .list,.comment-list-box>ul>li .reply{border-radius:10px;padding:20px}.comment-list-box>ul>li .reply .reply-list>ul>li{border-bottom:2px solid #fff;padding:0 0 20px;margin:0 0 20px}.comment-list-box>ul>li .reply .reply-list>ul>li:last-of-type{border:0;padding:0;margin:0}.comment-list-box>ul>li .reply .reply-write{border-top:2px solid #fff;padding:20px 0 0;margin:20px 0 0}.comment-list-box>ul>li .reply .reply-write textarea{display:block;width:100%;height:100px;background:#fff;border:1px solid #e8e8e8;border-radius:6px;padding:14px;margin:0 0 16px}.comment-list-box>ul>li .reply .reply-write textarea::placeholder{color:#d1d1d1}.comment-list-box ul li .list-head{justify-content:space-between;margin:0 0 14px}.comment-list-box ul li .list-head,.comment-list-box ul li .list-head>.inner{display:flex;flex-wrap:wrap;align-items:center}.comment-list-box ul li .list-head>.inner time{color:#a3a3a3}.comment-list-box ul li .list-head>.inner .icon-trash{margin:0 0 0 4px}.comment-list-box ul li .list-body p{font-size:16px;color:#474747}.comment-list-box ul li .list-body span{display:flex;flex-wrap:wrap;align-items:center;margin:14px 0 0;color:#757575}.comment-list-box ul li .list-body span b{margin:0 0 0 4px;font-weight:700;color:#757575}.comment-list-box ul li .list-body span:before{display:inline-block;content:"";width:20px;height:20px;margin:0 4px 0 0;background:url(/images/icon_reply.svg) no-repeat 50%/cover}.comment-list-box ul li .list-body .more{display:none}.comment-list-box ul li .reply .list-body p{color:#757575}@media (max-width:991px){.comment-list-box{margin:40px 0 0}.comment-list-box>ul>li{margin:0 0 16px}.comment-list-box>ul>li .reply .reply-write textarea{padding:12px}.comment-list-box>ul>li .list-head>.inner time{font-size:12px}.comment-list-box>ul>li .list-body p{font-size:14px}.comment-list-box ul li .list-body .more{display:block;margin:4px 0 0;font-size:14px;color:#a3a3a3}}.cart-top-box{margin:-80px 0 30px;background:#fff;padding:40px 0;border-bottom:1px solid #f5f5f5}.cart-top-box h2{font-size:20px;font-family:LeferiPoint-BlackA;color:#474747}.cart-top-box p{margin:4px 0 0;font-size:16px;color:#757575;word-break:keep-all}@media (max-width:991px){.cart-top-box{margin:-20px 0 20px;padding:30px 0}.cart-top-box h2{font-size:16px}.cart-top-box p{display:none}}.board-top-box{margin:-80px 0 14px;background:#292929;padding:40px 0}.board-top-box p{font-size:16px;color:#fff}.board-top-box strong{display:block;margin:4px 0 0;font-size:20px;font-family:LeferiPoint-BlackA;color:#fff}@media (max-width:991px){.board-top-box{margin:-20px 0 20px;padding:30px 0}.board-top-box p{font-size:14px}.board-top-box strong{font-size:16px}}.board-between-box{display:flex;flex-wrap:wrap;align-items:center;border-bottom:2px solid #f5f5f5}.board-between-box .tab-box{flex:1 1;min-width:0}.board-between-box .tab-box.tab-01 ul{border:0}.board-between-box .tab-box.tab-01 ul li a{padding:14px 10px}.board-between-box .search-box{width:376px}@media (max-width:1200px){.board-between-box .search-box{width:250px}}@media (max-width:991px){.board-between-box{border:0}.board-between-box .tab-box{flex:none;width:100%}.board-between-box .tab-box.tab-01 ul{border-bottom:2px solid #f5f5f5}.board-between-box .search-box{width:100%;margin:20px 0 0}.board-between-box .select-box.col-lg-12{margin:20px 0 0}}.board-state-box>ul{display:flex;flex-wrap:wrap;align-items:center}.board-state-box>ul>li{margin:0 0 0 24px}.board-state-box>ul>li:first-of-type{margin:0}.board-state-box>ul>li>*{display:flex;flex-wrap:wrap;align-items:center;font-weight:700;color:#474747}.board-state-box>ul>li>:before{display:inline-block;content:"";width:16px;height:16px;margin:0 10px 0 0}.board-state-box>ul>li.like>:before{background-image:url(/images/icon_board_like.svg)}.board-state-box>ul>li.comment>:before{background-image:url(/images/icon_board_comment.svg)}.board-state-box>ul>li.hit>:before{background-image:url(/images/icon_board_hit.svg)}@media (max-width:991px){.board-state-box>ul>li{margin:0 0 0 10px}.board-state-box>ul>li.hit{display:none}.board-state-box>ul>li>*{font-size:12px}.board-state-box>ul>li>:before{margin:0 4px 0 0}}.board-main-box{display:flex;flex-wrap:wrap;align-items:flex-start}.board-main-box .main-left{width:180px;margin:0 20px 0 0;position:-webkit-sticky;position:sticky;top:92px}.board-main-box .main-content{flex:1 1;min-width:0}.sub .board-main-box .main-content{flex:none;max-width:858px;width:100%}.sub .board-main-box .main-content.flex-1{max-width:100%;flex:1 1;min-width:0}.board-main-box .main-right{width:278px;margin:72px 0 0 20px;position:-webkit-sticky;position:sticky;top:92px}@media (max-width:1200px){.board-main-box .main-content{flex:1 1!important;min-width:0;max-width:100%!important}.board-main-box .main-right{display:none}}@media (max-width:991px){.board-main-box .main-left{display:none}}.board-free-box{margin:30px 0 0}.board-free-box>ul>li{border:1px solid #f5f5f5;margin:0 0 20px;padding:30px;border-radius:6px}.board-free-box>ul>li:last-of-type{margin:0}.board-free-box>ul>li>.inner{display:block}.board-free-box>ul>li>.inner .list-subject{position:relative}.board-free-box>ul>li>.inner .list-subject small{position:absolute;right:0;top:1px;color:#757575}.board-free-box>ul>li>.inner .list-subject strong{padding-right:28px;font-size:18px;font-weight:700;color:#474747;margin:0 0 10px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis}.board-free-box>ul>li>.inner .list-subject p{font-size:14px;font-weight:300;color:#474747;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.board-free-box>ul>li>.inner .list-subject p.t-clamp{white-space:normal;font-size:16px}.board-free-box>ul>li>.inner .list-subject time{font-size:16px;color:#a3a3a3}.board-free-box>ul>li>.inner .list-subject img{width:100%;margin:10px 0 0;border-radius:10px}.board-free-box>ul>li>.inner .list-subject .sticker{margin:0 4px 0 0}.board-free-box>ul>li>.inner .list-info{margin:20px 0 0;justify-content:space-between}.board-free-box>ul>li>.inner .list-info,.board-free-box>ul>li>.inner .list-info>.inner{display:flex;flex-wrap:wrap;align-items:center}.board-free-box>ul>li>.inner .list-info>.inner .date{color:#d1d1d1;margin:0 10px 0 0}.board-free-box>ul>li>.inner .list-info>.inner .name{color:#a3a3a3;margin:0 10px 0 0}.board-free-box.border{border-top:2px solid #f5f5f5;padding:20px 0 0}@media (max-width:991px){.board-free-box{margin:20px 0 0}.board-free-box>ul>li{padding:20px}.board-free-box>ul>li>.inner .list-subject small{display:none;margin:0 0 4px;font-size:12px}.board-free-box>ul>li>.inner .list-subject strong{font-size:14px;padding:2px 0 0;-webkit-line-clamp:2}.board-free-box>ul>li>.inner .list-subject strong .sticker{position:relative;top:-2px;margin:0 5px 0 0}.board-free-box>ul>li>.inner .list-subject p{font-size:12px;line-height:1.4}.board-free-box>ul>li>.inner .list-subject p.t-clamp{font-size:12px}.board-free-box>ul>li>.inner .list-subject time{width:100%;display:block;margin:10px 0 0}.board-free-box>ul>li>.inner .list-info{margin:10px 0 0}.board-free-box>ul>li>.inner .list-info>.inner .date,.board-free-box>ul>li>.inner .list-info>.inner .name{font-size:12px}}.board-view-box .view-head{border-bottom:2px solid #f8f8f8;padding:0 0 20px;margin:0 0 20px}.board-view-box .view-head .back{display:none}.board-view-box .view-head>small{display:block;margin:0 0 10px;font-size:16px;color:#757575}.board-view-box .view-head>h2{font-size:22px;font-weight:700;color:#474747;margin:0 0 20px}.board-view-box .view-head>h2 .sticker{position:relative;top:5px}.board-view-box .view-head .view-info{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}.board-view-box .view-head .view-info .name{margin:0 10px 0 0;color:#a3a3a3}.board-view-box .view-head .view-info>.inner,.board-view-box .view-head .view-info>.inner dl{display:flex;flex-wrap:wrap;align-items:center}.board-view-box .view-head .view-info>.inner dl dd{display:flex;flex-wrap:wrap;align-items:center;color:#a3a3a3}.board-view-box .view-head .view-info>.inner dl dd:after{display:inline-block;content:"";width:2px;height:10px;margin:0 10px;background:#e8e8e8}.board-view-box .view-head .view-info>.inner dl dd:last-of-type:after{display:none}.board-view-box .view-head .view-info>.inner dl dd img{width:14px;height:14px;margin:0 0 0 4px}.board-view-box .view-body .body-text p{font-size:16px;color:#474747}.board-view-box .view-body .body-text p b{font-size:16px;color:#474747;font-weight:700}.board-view-box .view-body .body-text dl{padding:0 0 0 20px}.board-view-box .view-body .body-text dl dt{font-size:16px;font-weight:700;margin:0 0 5px -20px;color:#474747}.board-view-box .view-body .body-text dl dd{display:list-item;list-style:disc;font-size:16px;color:#474747;margin:0 0 3px;word-break:keep-all}.board-view-box .view-body .body-text dl dd:last-of-type{margin:0}.board-view-box .view-body .body-text img{width:100%}.board-view-box .view-foot{border-top:2px solid #f8f8f8;padding:20px 0 0;margin:20px 0 0}@media (max-width:991px){.board-view-box{margin:0}.board-view-box .view-head .back{display:block;margin:0 0 20px;width:40px;height:40px;border-radius:6px;border:1px solid #e8e8e8;font-size:0;background:url(/images/icon_back.svg) no-repeat 50%/16px}.board-view-box .view-head>small{margin:0 0 4px;font-size:14px}.board-view-box .view-head>h2{font-size:16px}.board-view-box .view-head>h2 .sticker{top:0;margin:0 5px 0 0}.board-view-box .view-head .view-info>.inner{width:100%;margin:0 0 4px}.board-view-box .view-head .view-info>.inner:last-of-type{margin:0}.board-view-box .view-head .view-info>.inner dl dd{font-size:12px}.board-view-box .view-body .body-text dl dd,.board-view-box .view-body .body-text dl dt,.board-view-box .view-body .body-text p,.board-view-box .view-body .body-text p b{font-size:14px}}.board-table-box{border-top:2px solid #f5f5f5}.board-table-box table{table-layout:fixed;width:100%}.board-table-box table .d-hidden{display:none!important}.board-table-box table thead tr th{border-bottom:2px solid #f5f5f5;font-size:16px;font-weight:700;color:#474747;padding:20px 10px}.board-table-box table tbody tr td{border-bottom:2px solid #f5f5f5;padding:14px 10px;color:#292929}.board-table-box table tbody tr td .link{color:#292929;text-decoration:underline;display:block}.board-table-box table tbody tr td .link.gray{color:#757575}.board-table-box table tbody tr td .subject{display:flex;align-items:center}.board-table-box table tbody tr td .subject p{flex:1 1;min-width:0;color:#292929;text-align:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}@media (max-width:991px){.board-table-box table .d-hidden{display:block!important}.board-table-box table .m-hidden{display:none!important}.board-table-box table colgroup .d-hidden{display:table-column!important}.board-table-box table thead tr th{padding:13px;font-size:12px;word-break:break-all}.board-table-box table thead tr th.d-hidden{display:table-cell!important}.board-table-box table tbody tr td{padding:10px 6.5px;font-size:12px;word-break:break-all}.board-table-box table tbody tr td.d-hidden{display:table-cell!important}.board-table-box table tbody tr td .subject p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal}.board-table-box table tbody tr td.more{display:block!important;width:100%}}.board-list-box>ul>li{border-bottom:2px solid #f5f5f5;display:flex;flex-wrap:wrap;align-items:center}.board-list-box>ul>li .list-cell{font-size:14px;color:#292929;padding:0 12px}.board-list-box>ul>li .list-cell .table-toggle{width:18px;height:18px;display:block;margin:0 auto;font-size:0;background:url(/images/icon_table_toggle.svg) no-repeat 50%/cover}.board-list-box>ul>li .list-cell time{color:#757575}.board-list-box>ul>li .list-subject{flex:1 1;min-width:0}.board-list-box>ul>li .list-subject a{display:block;padding:20px 0}.board-list-box>ul>li .list-subject a p{font-size:18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.board-list-box>ul>li .list-subject a .name{display:flex;flex-wrap:wrap;align-items:center;margin:10px 0 0;color:#757575}.board-list-box>ul>li .list-subject a .name img{width:14px;height:14px;object-fit:cover;margin:0 0 0 4px;border-radius:50%}.board-list-box>ul>li .list-toggle{display:none;width:100%;background:#f8f8f8;margin:0 0 -20px;padding:16px 20px}.board-list-box>ul>li .list-toggle>ul>li{margin:0 0 4px;display:flex;flex-wrap:wrap;align-items:center}.board-list-box>ul>li .list-toggle>ul>li:last-of-type{margin:0}.board-list-box>ul>li .list-toggle>ul>li b{width:65px;font-size:12px;font-weight:700;color:#292929}.board-list-box>ul>li .list-toggle>ul>li p{flex:1 1;min-width:0;font-size:12px;color:#292929;padding:0 15px 0 0}.board-list-box>ul>li .list-toggle>ul>li span{font-size:12px;color:#292929}.board-list-box>ul>li .list-toggle>ul>li a{font-size:12px;color:#757575;text-decoration:underline}.board-list-box>ul>li .list-subject a:hover{text-decoration:underline}.board-list-box>ul>li.active .list-cell .table-toggle{transform:rotate(180deg)}.board-list-box>ul>li.active .list-toggle{display:block}@media (max-width:991px){.board-list-box>ul>li .list-cell{font-size:13px;padding:0 6.5px}.board-list-box>ul>li .list-cell~.list-subject a{padding:20px 10px}.board-list-box>ul>li .list-cell time{font-size:12px}.board-list-box>ul>li .list-subject a p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal;font-size:13px}.board-list-box>ul>li .list-subject a .name{font-size:12px;margin:4px 0 0}.board-list-box.border{border-top:2px solid #f5f5f5}}.exchange-box{background:#f8f8f8;border-radius:6px;padding:30px}.exchange-box>ul>li{display:flex;flex-wrap:wrap;margin:0 0 30px}.exchange-box>ul>li:last-of-type{margin:0}.exchange-box>ul>li>strong{width:80px;font-size:16px;font-weight:700;color:#474747}.exchange-box>ul>li>div{flex:1 1;min-width:0}.exchange-box>ul>li>div p{font-size:16px;color:#474747}@media (max-width:991px){.exchange-box{padding:20px}.exchange-box>ul{display:flex;flex-wrap:wrap}.exchange-box>ul>li{margin:0 24px 24px 0}.exchange-box>ul>li:last-of-type{margin:0!important}.exchange-box>ul>li.full{width:100%;margin:0 0 24px}.exchange-box>ul>li>strong{width:100%;margin:0 0 6px;font-size:14px}.exchange-box>ul>li>div{flex:none;width:100%}.exchange-box>ul>li>div p{font-size:14px}}.coupon-write-box{background:#f8f8f8;border-radius:6px;padding:30px}.coupon-write-box h4{text-align:center;font-size:16px;font-weight:700;color:#474747;margin:0 0 20px}.coupon-write-box .inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.coupon-write-box .inner .input-box{width:260px;margin:0 16px 0 0}.coupon-write-box .inner .button-box.coupon:before{display:inline-block;content:"";width:2px;height:40px;border-radius:50px;background:#e8e8e8;margin:0 20px}.coupon-write-box .inner .button-box.coupon .btn:before{display:inline-block;content:"";width:16px;height:16px;margin:0 4px 0 0;background:url(/images/icon_btn_guide.svg) no-repeat 50%/cover}@media (max-width:991px){.coupon-write-box{padding:30px 20px}.coupon-write-box .inner .input-box{width:100%;margin:0 0 20px}.coupon-write-box .inner .button-box.coupon:before{display:none}}.coupon-history-box{padding:40px 50px}.coupon-history-box ul{justify-content:center}.coupon-history-box ul,.coupon-history-box ul li{display:flex;flex-wrap:wrap;align-items:center}.coupon-history-box ul li:after{display:inline-block;content:"";width:2px;height:40px;border-radius:50px;background:#e8e8e8;margin:0 55px}.coupon-history-box ul li:last-of-type:after{display:none}.coupon-history-box ul li strong{width:120px;font-size:16px;font-weight:700;color:#474747}.coupon-history-box ul li .input-box input{color:var(--color-active);font-weight:700;font-size:16px}@media (max-width:1230px){.coupon-history-box ul li{width:100%;margin:0 0 10px}.coupon-history-box ul li:last-of-type{margin:0}.coupon-history-box ul li:after{display:none}.coupon-history-box ul li .input-box{flex:1 1;min-width:0}}@media (max-width:991px){.coupon-history-box{padding:30px 0}.coupon-history-box ul li strong{width:100px;font-size:14px}.coupon-history-box ul li .input-box{font-size:14px}}.coupon-list-box{margin:20px 0 0}.coupon-list-box>ul{display:flex;flex-wrap:wrap;margin:0 -8px -16px}.coupon-list-box>ul>li{width:calc(50% - 16px);margin:0 8px 16px}.coupon-list-box>ul>li .inner{display:block;border:1px solid #d1d1d1;border-radius:6px;padding:24px}.coupon-list-box>ul>li .inner .list-head{display:flex;flex-wrap:wrap;align-items:center;border-bottom:2px solid #f8f8f8;padding:0 0 20px;margin:0 0 20px}.coupon-list-box>ul>li .inner .list-head b{font-weight:700;color:var(--color-active);margin:0 4px 0 0}.coupon-list-box>ul>li .inner .list-head time{color:#a3a3a3}.coupon-list-box>ul>li .inner .list-body{display:flex;flex-wrap:wrap;align-items:center}.coupon-list-box>ul>li .inner .list-body>p{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:700}.coupon-list-box>ul>li .inner .list-body>div{display:flex;flex-wrap:wrap;align-items:center}.coupon-list-box>ul>li .inner .list-body>div small{color:#474747;margin:0 10px 0 0}.coupon-list-box>ul>li .inner .list-body>div b{font-size:22px;font-weight:700;color:#292929}.coupon-list-box>ul>li .button-box .btn{height:50px;font-size:16px}.coupon-list-box>ul>li.active .inner{border-color:var(--color-active)}.coupon-list-box>ul>li.end .inner{background:#f5f5f5;border-color:#e8e8e8}.coupon-list-box>ul>li.end .inner *{color:#d1d1d1!important}.coupon-list-box>ul.full{margin:0}.coupon-list-box>ul.full>li{width:100%;margin:0 0 15px}.coupon-list-box>ul.full>li:last-of-type{margin:0}@media (max-width:991px){.coupon-list-box>ul{margin:0}.coupon-list-box>ul>li{margin:0 0 10px;width:100%}.coupon-list-box>ul>li:last-of-type{margin:0}.coupon-list-box>ul>li .inner{padding:16px}.coupon-list-box>ul>li .inner .list-head b,.coupon-list-box>ul>li .inner .list-head time{font-size:12px}.coupon-list-box>ul>li .inner .list-body>p{font-size:14px}.coupon-list-box>ul>li .inner .list-body>div small{font-size:12px}.coupon-list-box>ul>li .inner .list-body>div b{font-size:16px}.coupon-list-box>ul>li .button-box .btn{height:44px;font-size:14px}}.list-none-box{margin:20px 0 0;background:#f8f8f8;padding:50px 30px}.list-none-box strong{display:block;margin:0 0 10px;text-align:center;font-size:18px;font-weight:700;color:#474747}.list-none-box p{text-align:center;font-size:16px;color:#474747}.list-none-box .button-box{max-width:376px;margin:0 auto}@media (max-width:991px){.list-none-box strong{font-size:16px;margin:0 0 5px}.list-none-box p{font-size:14px}.list-none-box .button-box{max-width:200px}}.point-list-box>ul>li{display:flex;flex-wrap:wrap;align-items:center;border-bottom:2px solid #f5f5f5;padding:20px 0}.point-list-box>ul>li .list-left{padding:0 20px 0 0;flex:1 1;min-width:0;display:flex;flex-wrap:wrap;align-items:center}.point-list-box>ul>li .list-left b{width:50px;font-weight:700}.point-list-box>ul>li .list-left p{flex:1 1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#757575}.point-list-box>ul>li .list-right{width:170px}.point-list-box>ul>li .list-right strong{display:block;text-align:center;font-size:16px;font-weight:700}@media (max-width:991px){.point-list-box>ul>li{align-items:flex-end}.point-list-box>ul>li .list-left{padding:0 15px 0 0}.point-list-box>ul>li .list-left b{width:100%;font-size:12px}.point-list-box>ul>li .list-left p{flex:none;width:100%;margin:4px 0 0;font-size:12px}.point-list-box>ul>li .list-right{width:auto}.point-list-box>ul>li .list-right strong{font-size:12px}}.lecture-able-box>ul>li{margin:0 0 20px}.lecture-able-box>ul>li:last-of-type{margin:0}.lecture-able-box>ul>li .inner{display:flex;flex-wrap:wrap;align-items:center}.lecture-able-box>ul>li .inner .list-image img{width:50px;height:30px;border-radius:2px;border:1px solid #d1d1d1}.lecture-able-box>ul>li .inner .list-content{flex:1 1;min-width:0;padding:0 0 0 15px}.lecture-able-box>ul>li .inner .list-content p{font-weight:700;color:#292929;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lecture-able-box>ul>li .inner .list-content span{display:block;margin:4px 0 0;color:#757575;font-size:12px}@media (max-width:991px){.lecture-able-box>ul>li{margin:0 0 15px}.lecture-able-box>ul>li .inner:before{display:inline-block;content:"";width:16px;height:16px;margin:0 4px 0 0;background:url(/images/icon_lecture_list.svg) no-repeat 50%/cover}.lecture-able-box>ul>li .inner .list-image{display:none}.lecture-able-box>ul>li .inner .list-content{padding:0}.lecture-able-box>ul>li .inner .list-content p{font-size:12px}.lecture-able-box>ul>li .inner .list-content span{display:none}}.badge-title-box{margin:0 0 20px}.badge-title-box h2{display:flex;flex-wrap:wrap;align-items:center;font-size:20px;font-weight:700;color:#191919;margin:0 0 10px}.badge-title-box h2:before{display:inline-block;content:"";width:24px;height:24px;margin:0 4px 0 0;background:url(/images/icon_badge.svg) no-repeat 50%/cover}.badge-title-box p{font-size:14px;color:#474747;line-height:1.5}@media (max-width:991px){.badge-title-box{margin:0 0 30px}.badge-title-box h2{font-size:14px}.badge-title-box h2:before{width:20px;height:20px}.badge-title-box p{font-size:12px}}.badge-able-box{background:#f8f8f8;border-radius:10px;padding:26px 20px}.badge-able-box h3{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;margin:0 0 20px;font-size:16px;font-weight:700;color:#191919}.badge-able-box h3 b{font-size:16px;font-weight:700;color:#a3a3a3;margin:0 0 0 5px}.badge-able-box p{margin:20px 0 0;text-align:center;font-size:14px;color:#474747;line-height:1.5}.badge-able-box ul{display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.badge-able-box ul li{margin:0 20px 0 0}.badge-able-box ul li:last-of-type{margin:0}.badge-able-box ul li img{width:80px}.badge-able-box ul li .add{display:block;font-size:0;width:80px;height:80px;border-radius:50%;border:1px solid #e8e8e8;background:#fff url(/images/icon_badge_add.svg) no-repeat 50%/20px}@media (max-width:991px){.badge-able-box{padding:24px 20px}.badge-able-box h3{margin:0 0 15px;font-size:14px}.badge-able-box h3 b{font-size:14px}.badge-able-box p{margin:15px 0 0;font-size:12px}.badge-able-box ul{max-width:320px;margin:0 auto}.badge-able-box ul li{margin:0 6px 0 0;flex:1 1;min-width:0}.badge-able-box ul li img{width:100%}.badge-able-box ul li .add{width:100%;height:auto}.badge-able-box ul li .add:after{display:block;content:"";padding-bottom:100%}}.badge-list-box ul{display:flex;flex-wrap:wrap;margin:0 -8px -16px}.badge-list-box ul li{width:calc(20% - 16px);margin:0 8px 16px;border:1px solid #e8e8e8;border-radius:10px;position:relative;padding:30px 20px}.badge-list-box ul li img{display:block;margin:0 auto;width:80px}.badge-list-box ul li p{text-align:center;margin:14px 0 0;font-size:16px;font-weight:700;color:#474747}.badge-list-box ul li .sticker{position:absolute;left:0;top:0}.badge-list-box ul li.off{border-color:#f5f5f5;background:#fbfbfb}@media (max-width:991px){.badge-list-box ul li img{width:48px}.badge-list-box ul li p{font-size:14px}}@media (max-width:767px){.badge-list-box ul li{width:calc(33.33% - 16px)}}@media (max-width:520px){.badge-list-box ul li{width:calc(50% - 16px)}}.badge-view-box>img{width:80px;display:block;margin:0 auto 20px}.badge-view-box>h3{margin:10px 0 0;text-align:center;font-size:18px;font-weight:700;color:#292929}.badge-view-box>p{margin:10px 0 0;text-align:center;color:#474747}.badge-view-box>.result{margin:40px 0 0;background:#f8f8f8;border:1px solid #e8e8e8;border-radius:6px;padding:30px 14px}.badge-view-box>.result b{display:block;margin:0 0 4px;font-weight:700}.badge-view-box>.result b,.badge-view-box>.result p{text-align:center;color:#757575}@media (max-width:991px){.badge-view-box>h3{font-size:14px}.badge-view-box>p{font-size:12px}.badge-view-box>.result{margin:20px 0 0;padding:20px 14px}.badge-view-box>.result b,.badge-view-box>.result p{font-size:12px}}.state-box,.state-box p{display:flex;flex-wrap:wrap;align-items:center}.state-box p{margin:0 10px 0 0;color:#757575}.state-box p:last-of-type{margin:0}.state-box p:before{display:inline-block;content:"";width:18px;height:18px;margin:0 4px 0 0;background-size:cover;background-position:50%}.state-box p.like:before{background-image:url(/images/icon_state_like.svg)}.state-box p.hit:before{background-image:url(/images/icon_state_hit.svg)}.state-box p.count:before{display:none}.state-box p b{font-weight:600;color:#757575}.state-box p span{color:#757575}@media (max-width:991px){.state-box p{font-size:12px}.state-box p:before{width:16px;height:16px;margin:0 2px 0 0}.state-box p span{display:none;font-size:12px}.state-box p b{font-size:12px}}.lecture-list-box{background:#f8f8f8;padding:20px;border-radius:10px}.lecture-list-box>ul{display:flex;flex-wrap:wrap;margin:0 -10px -20px}.lecture-list-box>ul>li{width:calc(33.33% - 20px);margin:0 10px 20px}.lecture-list-box>ul>li .list-image{border-radius:6px;border:1px solid #d1d1d1;background-size:cover;background-position:50%}.lecture-list-box>ul>li .list-image:after{display:block;content:"";padding-bottom:58%}.lecture-list-box>ul>li .list-content{margin:10px 0 0}.lecture-list-box>ul>li .list-content .subject a{display:flex;flex-wrap:wrap}.lecture-list-box>ul>li .list-content .subject a:after{display:inline-block;content:"";width:36px;height:36px;background:url(/images/icon_play.svg) no-repeat 50%/cover}.lecture-list-box>ul>li .list-content .subject a p{flex:1 1;min-width:0;padding:0 10px 0 0;font-size:16px;font-weight:700;color:#292929}.lecture-list-box>ul>li .list-content .subject a.no-play:after{display:none}.lecture-list-box>ul>li .list-content .subject a.no-play p{padding:0}.lecture-list-box>ul>li .list-content .bar{margin:10px 0 0;height:6px;border-radius:50px;position:relative;background:#e8e8e8}.lecture-list-box>ul>li .list-content .bar>div{position:absolute;left:0;top:0;height:100%;border-radius:50px;content:"";background:var(--color-active)}.lecture-list-box>ul>li .list-content .info{justify-content:space-between;margin:10px 0 0}.lecture-list-box>ul>li .list-content .info,.lecture-list-box>ul>li .list-content .info>.inner{display:flex;flex-wrap:wrap;align-items:center}.lecture-list-box>ul>li .list-content .info>.inner p{color:#a3a3a3}.lecture-list-box>ul>li .list-content .info>.inner .certification{color:var(--color-active);text-decoration:underline}.lecture-list-box>ul>li .list-content .info>.inner>*{margin:0 10px 0 0}.lecture-list-box>ul>li .list-content .info>.inner>:last-child{margin:0}.lecture-list-box>ul>li .list-content .detail{margin:5px 0 0}.lecture-list-box>ul>li .list-content .detail p{color:#474747}.lecture-list-box>ul>li .list-content .detail span{color:#a3a3a3}.lecture-list-box>ul>li .list-content .state{margin:5px 0 0}.lecture-list-box>ul>li .list-content .state>strong{display:block;margin:10px 0 0;font-size:16px;font-weight:700;color:var(--color-active)}.lecture-list-box>ul>li .list-content .state>strong.flex{display:flex}.lecture-list-box>ul>li .list-content .state.flex .state-box:before{display:inline-block;content:"";width:2px;height:12px;background:#e8e8e8;margin:0 10px}.lecture-list-box>ul>li .list-content .state.flex>p{color:#a3a3a3}.lecture-list-box>ul>li .list-content .state small{font-size:12px;margin:0 0 0 4px;color:#474747}.lecture-list-box>ul>li .list-content .tag{margin:10px -2px -4px;display:flex;flex-wrap:wrap}.lecture-list-box>ul>li .list-content .tag>span{color:#fff;margin:0 2px 4px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;height:22px;border-radius:4px;padding:0 6px;font-size:12px}.lecture-list-box>ul>li .list-content .tag>span.pk{background:#ffb5b5}.lecture-list-box>ul>li .list-content .tag>span.bu{background:#7ab4de}.lecture-list-box>ul>li .list-content .tag>span.pu{background:#cdb6ff}.lecture-list-box>ul>li .list-content .star-box{display:none}.lecture-list-box>ul.grid-4>li{width:calc(25% - 20px)}.lecture-list-box>ul.grid-4.block>li .list-image:after{padding-bottom:48%}.lecture-list-box>ul.grid-5>li{width:calc(20% - 20px)}.lecture-list-box.swiper>ul{flex-wrap:inherit;margin:0}.lecture-list-box.swiper>ul>li{margin:0}.lecture-list-box.no-bg{background:none;padding:0;border-radius:0}@media (max-width:991px){.lecture-list-box{background:none;padding:0;border-radius:0}.lecture-list-box>ul{margin:0 -8px -40px}.lecture-list-box>ul>li{width:calc(50% - 16px);margin:0 8px 40px}.lecture-list-box>ul>li .list-image:after{padding-bottom:60%}.lecture-list-box>ul>li .list-content{margin:8px 0 0}.lecture-list-box>ul>li .list-content .subject a:after{width:20px;height:20px}.lecture-list-box>ul>li .list-content .subject a p{font-size:14px}.lecture-list-box>ul>li .list-conetnt .bar{margin:8px 0 0}.lecture-list-box>ul>li .list-content .info>.inner .certification,.lecture-list-box>ul>li .list-content .info>.inner p{font-size:12px}.lecture-list-box>ul>li .list-content .state>strong{font-size:14px}.lecture-list-box>ul>li .list-content .state.flex>p{font-size:12px}.lecture-list-box>ul.grid-4>li{width:calc(50% - 16px)}.lecture-list-box>ul.grid-4.block{display:block;overflow-x:auto;white-space:nowrap;margin:0 -20px;font-size:0}.lecture-list-box>ul.grid-4.block>li{display:inline-block;font-size:0;margin:0 15px 0 0;width:70%}.lecture-list-box>ul.grid-4.block>li:first-of-type{margin-left:20px}.lecture-list-box>ul.grid-4.block>li:last-of-type{margin-right:20px}.lecture-list-box>ul.grid-4.block>li .list-content .subject a p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal}.lecture-list-box>ul.grid-5{display:block;overflow-x:auto;white-space:nowrap;margin:0 -20px;font-size:0}.lecture-list-box>ul.grid-5>li{display:inline-block;font-size:0;margin:0 15px 0 0;width:40%}.lecture-list-box>ul.grid-5>li:first-of-type{margin-left:20px}.lecture-list-box>ul.grid-5>li:last-of-type{margin-right:20px}.lecture-list-box>ul.grid-5>li .list-content .subject a p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal}.lecture-list-box.card>ul{margin:0}.lecture-list-box.card>ul>li{margin:0 0 10px;border:1px solid #e8e8e8;border-radius:10px;padding:20px;width:100%}.lecture-list-box.card>ul>li:last-of-type{margin:0}.lecture-list-box.card>ul>li .list-image{display:none}.lecture-list-box.card>ul>li .list-content{margin:0}.lecture-list-box.card>ul>li .list-content .detail span,.lecture-list-box.card>ul>li .list-content .state{display:none}.lecture-list-box.card>ul>li .list-content .star-box{display:flex;margin:5px 0 0}}.star-box{display:flex;flex-wrap:wrap;align-items:center}.star-box .star{width:16px;height:16px;font-size:0;background:url(/images/icon_star.svg) no-repeat 50%/cover}.star-box .star.active{background-image:url(/images/icon_star_on.svg)}.star-box b{margin:0 0 0 4px;font-size:10px;color:#757575}.mypage-box{display:flex;flex-wrap:wrap;align-items:flex-start}.mypage-box>div{flex:1 1;min-width:0;margin:0 20px 0 0}.mypage-box>div:last-of-type{margin:0}.mypage-box .list-left .left-gray{margin:0 0 25px;padding:40px 20px;background:#f8f8f8;border-radius:10px}.mypage-box .list-left .left-gray:last-of-type{margin:0}.mypage-box .list-left .left-gray .result-box p{color:#757575}@media (max-width:991px){.mypage-box>div{flex:none;width:100%;margin:0 0 20px}.mypage-box .list-left .left-gray{padding:20px}}.profile-upload-box .thumb{width:100px;margin:0 auto 14px;position:relative}.profile-upload-box .thumb img{width:100px;height:100px;border-radius:50%;object-fit:cover}.profile-upload-box .thumb label{position:absolute;right:0;bottom:0;width:36px;height:36px;border:1px solid #e8e8e8;border-radius:50%;box-shadow:0 0 20px rgba(0,0,0,.14);background:#fff url(/images/icon_photo.svg) no-repeat 50%/16px}.profile-upload-box .thumb label input{display:block;width:100%;height:100%;cursor:pointer;opacity:0}.profile-upload-box .content p{text-align:center;color:#a3a3a3}.profile-upload-box .content a{display:block;margin:14px 0 0;font-weight:700;text-decoration:underline;text-align:center}@media (max-width:991px){.profile-upload-box .thumb{width:80px}.profile-upload-box .thumb img{width:80px;height:80px}.profile-upload-box .thumb label{width:30px;height:30px;background-size:14px}.profile-upload-box .content a,.profile-upload-box .content p{font-size:12px}}.secession-box{border-top:2px solid #f5f5f5;padding:20px 0 0;margin:20px 0 0;display:flex;flex-wrap:wrap}.secession-box a{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;font-size:16px;font-weight:700;color:#d1d1d1;text-decoration:underline;width:100%}.secession-box a:after{display:inline-block;content:"";width:20px;height:20px;margin:0 0 0 10px;background:url(/images/icon_secession.svg) no-repeat 50%/cover}@media (max-width:991px){.secession-box{padding:16px 0 0;margin:16px 0 0}.secession-box a{font-size:14px}.secession-box a:after{width:16px;height:16px}}.top-state-box{display:flex;align-items:center}.top-state-box strong{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:20px;font-family:LeferiPoint-BlackA;margin:0 14px 0 0;position:relative;top:2px}.top-state-box strong b{color:#a3a3a3;font-size:20px;font-family:LeferiPoint-BlackA}.top-state-box dl{display:flex;flex-wrap:wrap;align-items:center;flex:none}.top-state-box dl dd{display:flex;flex-wrap:wrap;align-items:center;font-size:16px;color:#474747}.top-state-box dl dd:after{display:inline-block;content:"";width:1px;height:20px;margin:0 10px;background:#e8e8e8}.top-state-box dl dd:last-of-type:after{display:none}.top-state-box dl dd b{font-size:16px;font-weight:700;color:#474747;margin:0 0 0 5px}.top-state-box dl dd a{font-size:16px;color:#474747;display:flex;flex-wrap:wrap;align-items:center}.top-state-box dl dd .refresh:before{display:inline-block;content:"";width:16px;height:16px;margin:0 4px 0 0;background:url(/images/icon_refresh.svg) no-repeat 50%/cover}@media (max-width:991px){.top-state-box strong{font-size:16px;max-width:inherit}.top-state-box strong b{font-size:16px}.top-state-box dl dd{font-size:14px}.top-state-box dl dd:after{height:14px;display:none}.top-state-box dl dd a,.top-state-box dl dd b{font-size:14px}.top-state-box dl dd:last-of-type{display:none}}.lecture-play-box{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;flex-wrap:wrap;align-items:center;align-content:center;justify-content:center;background:rgba(0,0,0,.7)}.lecture-play-box p{width:100%;text-align:center;font-size:18px;font-weight:700;color:#fff}.lecture-play-box span{width:100%;text-align:center;margin:4px 0 0;font-size:16px;color:#fff}.lecture-play-box:before{display:block;content:"";width:40px;height:40px;margin:0 auto 20px;background:url(/images/icon_lecture_play.svg) no-repeat 50%/cover}@media (max-width:991px){.lecture-play-box p{font-size:16px}.lecture-play-box span{font-size:14px}.lecture-play-box:before{margin:0 auto 10px}}.lecture-main-box{margin:-80px 0 0;background:#292929;padding:46px 0}.lecture-main-box .container{display:flex;flex-wrap:wrap}.lecture-main-box .list-image{position:relative;overflow:hidden;width:474px;background-size:cover;background-position:50%;margin:0 24px 0 0;border-radius:6px}.lecture-main-box .list-image:after{display:block;content:"";padding-bottom:57.5%}.lecture-main-box .list-content{flex:1 1;min-width:0;display:flex;flex-wrap:wrap;align-content:space-between}.lecture-main-box .list-content>.inner{width:100%}.lecture-main-box .list-content>.inner:last-of-type{display:flex;flex-wrap:wrap;align-items:center}.lecture-main-box .list-content>.inner:last-of-type .button-box{width:270px}.lecture-main-box .list-content .subject p{font-size:16px;color:#fff}.lecture-main-box .list-content .subject h2{font-size:20px;color:#fff;font-family:LeferiPoint-BlackA;line-height:1.3;margin:4px 0 0}.lecture-main-box .list-content .subject small{margin:10px 0 0;font-size:16px;color:#a3a3a3}.lecture-main-box .list-content .tag{display:flex;flex-wrap:wrap;margin:10px -2px -4px}.lecture-main-box .list-content .tag span{margin:0 2px 4px;background:#474747;color:#fff;height:22px;border-radius:4px;padding:0 6px;font-size:12px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.lecture-main-box .list-content .info{margin:20px 0 0}.lecture-main-box .list-content .info dl{display:flex;flex-wrap:wrap;margin:0 -10px -10px}.lecture-main-box .list-content .info dl dd{display:flex;flex-wrap:wrap;align-items:center;margin:0 10px 10px;font-size:16px;color:#f5f5f5}.lecture-main-box .list-content .info dl dd:last-of-type{width:100%}.lecture-main-box .list-content .info dl dd:before{display:inline-block;content:"";width:20px;height:20px;margin:0 10px 0 0;background-size:cover;background-position:50%}.lecture-main-box .list-content .info dl dd b{font-size:16px;color:#f5f5f5;font-weight:700}.lecture-main-box .list-content .info dl dd.like:before{display:none}.lecture-main-box .list-content .info dl dd.like a{display:flex;flex-wrap:wrap;align-items:center;font-size:16px;color:#f5f5f5}.lecture-main-box .list-content .info dl dd.like a:before{display:inline-block;content:"";width:20px;height:20px;margin:0 10px 0 0;background-size:cover;background-position:50%;background-image:url(/images/icon_lecture_like.svg)}.lecture-main-box .list-content .info dl dd.like.active a:before{background-image:url(/images/icon_lecture_like_on.svg)}.lecture-main-box .list-content .info dl dd.hit:before{background-image:url(/images/icon_lecture_hit.svg)}.lecture-main-box .list-content .info dl dd.name:before{background-image:url(/images/icon_lecture_name.svg)}.lecture-main-box .list-content .info dl dd.play:before{background-image:url(/images/icon_lecture_play2.svg)}.lecture-main-box .list-content .info.after dl,.lecture-main-box .list-content .info.after dl dd{margin:0}.lecture-main-box .list-content .info.after dl dd:after{display:inline-block;content:"";width:2px;height:12px;margin:0 10px;background:#474747}.lecture-main-box .list-content .info.after dl dd:last-of-type{width:auto}.lecture-main-box .list-content .image,.lecture-main-box .list-content .info.after dl dd:last-of-type:after{display:none}.lecture-main-box .list-content .share{background:#fff url(/images/icon_lecture_share.svg) no-repeat 50%/16px}.lecture-main-box .list-content .cart,.lecture-main-box .list-content .share{width:42px;height:42px;display:block;font-size:0;margin:0 0 0 16px;border-radius:6px}.lecture-main-box .list-content .cart{background:#fff url(/images/icon_lecture_cart.svg) no-repeat 50%/16px}@media (max-width:991px){.lecture-main-box{margin:-20px 0 0;padding:24px 0}.lecture-main-box .list-image{display:none}.lecture-main-box .list-content .subject p{font-size:14px}.lecture-main-box .list-content .subject h2{font-size:16px;line-height:1.5}.lecture-main-box .list-content .subject small{font-size:14px}.lecture-main-box .list-content .image{position:relative;overflow:hidden;display:block;border-radius:6px;background-size:cover;background-position:50%;margin:20px 0 0}.lecture-main-box .list-content .image:after{display:block;content:"";padding-bottom:57.5%}.lecture-main-box .list-content .info{margin:20px 0 0}.lecture-main-box .list-content .info dl dd,.lecture-main-box .list-content .info dl dd b,.lecture-main-box .list-content .info dl dd.like a{font-size:14px}.lecture-main-box .list-content .info dl dd.name b{text-decoration:underline}.lecture-main-box .list-content .info.after{margin:10px 0 0}.lecture-main-box .list-content>.inner:last-of-type{display:none}.lecture-main-box .list-content>.inner.d-block{margin:20px 0 0}}.lecture-view-box{display:flex;flex-wrap:wrap;align-items:flex-start;padding:20px 0 0}.lecture-view-box .view-left{flex:1 1;min-width:0}.lecture-view-box .view-left .view-content h3{padding:20px 0 0;margin:0 0 40px;font-size:20px;word-break:keep-all;color:#474747;font-family:LeferiPoint-BlackA}.lecture-view-box .view-left .view-content img{width:100%}.lecture-view-box .view-left .view-content .content-image{max-height:500px;position:relative;overflow:hidden}.lecture-view-box .view-left .view-content .content-image:after{position:absolute;left:0;bottom:0;width:100%;height:30%;content:"";background:linear-gradient(180deg,transparent,#fff 90%)}.lecture-view-box .view-left .view-content .more{width:100%;height:64px;border-radius:6px;background:#292929;color:#fff;font-size:18px;font-weight:700;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.lecture-view-box .view-left .view-content .more:after{display:block;content:"";width:20px;height:20px;margin:0 0 0 10px;background:url(/images/icon_image_more.svg) no-repeat 50%/cover}.lecture-view-box .view-left .view-content.active .content-image{max-height:none;overflow:visible}.lecture-view-box .view-left .view-content.active .content-image:after{display:none}.lecture-view-box .view-left .view-content.active .more{margin:20px 0 0}.lecture-view-box .view-left .view-content.active .more:after{transform:rotate(180deg)}.lecture-view-box .view-left .view-title{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;margin:0 0 20px}.lecture-view-box .view-left .view-title h4{display:flex;flex-wrap:wrap;align-items:center;font-size:20px;color:#474747;font-family:LeferiPoint-BlackA;flex:1 1;min-width:0;padding:0 20px 0 0}.lecture-view-box .view-left .view-title h4 small{margin:0 0 0 20px;font-size:16px;color:#757575}.lecture-view-box .view-left .view-title h4 p{width:100%;margin:4px 0 0;font-size:16px;color:#757575}.lecture-view-box .view-left .view-title .write{font-size:14px;font-weight:700;color:#292929;border-radius:6px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;width:180px;height:42px;border:2px solid #000}.lecture-view-box .view-right{width:376px;margin:0 0 0 24px;position:-webkit-sticky;position:sticky;z-index:10;top:98px}@media (max-width:991px){.lecture-view-box .view-left{width:100%;flex:none}.lecture-view-box .view-left .view-content h3{padding:0;margin:0 0 20px;font-size:18px}.lecture-view-box .view-left .view-content .more{height:50px;font-size:16px}.lecture-view-box .view-left .view-content .more:after{width:16px;height:16px}.lecture-view-box .view-left .view-content.active .more{margin:10px 0 0}.lecture-view-box .view-left .view-title h4{font-size:18px}.lecture-view-box .view-left .view-title h4 p,.lecture-view-box .view-left .view-title h4 small{font-size:14px}.lecture-view-box .view-left .view-title .write{width:40px;height:40px;font-size:0;background:url(/images/icon_lecture_view_write.png) no-repeat 50%/cover;border-radius:0;border:0}.lecture-view-box .view-right{background:#fff;width:calc(100% + 40px);top:auto;margin:20px -20px -100px;bottom:0}}.part-list-box>ul>li{margin:0 0 10px}.part-list-box>ul>li:last-of-type{margin:0}.part-list-box>ul>li .list-head a{background:#fff;display:flex;flex-wrap:wrap;align-items:center;border:1px solid #e8e8e8;border-radius:10px;padding:16px 24px}.part-list-box>ul>li .list-head a:before{display:inline-block;content:"";width:16px;height:16px;margin:0 10px 0 0;background:url(/images/icon_part_more.svg) no-repeat 50%/cover}.part-list-box>ul>li .list-head a p{flex:1 1;min-width:0;font-size:16px;font-weight:700;color:#474747;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:0 15px 0 0}.part-list-box>ul>li .list-head a time{font-size:16px;color:#757575}.part-list-box>ul>li .list-head a time b{font-size:16px;color:#757575;font-weight:700;display:inline-block}.part-list-box>ul>li .list-body{background:#f8f8f8;border-radius:0 0 10px 10px;padding:20px 24px;display:none}.part-list-box>ul>li .list-body ul li{margin:0 0 40px}.part-list-box>ul>li .list-body ul li:last-of-type{margin:0}.part-list-box>ul>li .list-body ul li .inner{display:flex;flex-wrap:wrap;align-items:center}.part-list-box>ul>li .list-body ul li .inner:before{display:inline-block;content:"";width:16px;height:16px;margin:0 10px 0 0;background:url(/images/icon_part_play.svg) no-repeat 50%/cover}.part-list-box>ul>li .list-body ul li .inner p{flex:1 1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:16px;color:#474747;padding:0 15px 0 0}.part-list-box>ul>li .list-body ul li .inner time{display:flex;flex-wrap:wrap;align-items:center;font-size:16px;color:#757575}.part-list-box>ul>li .list-body ul li .inner time span{padding:0 6px;font-size:12px;font-weight:700;display:flex;flex-wrap:wrap;align-items:center;margin:0 10px 0 0;height:22px;border-radius:4px;border:1px solid var(--color-active);color:var(--color-active)}.part-list-box>ul>li.active{background:#f8f8f8;border-radius:10px 10px 0 0}.part-list-box>ul>li.active .list-head a:before{transform:rotate(180deg)}.part-list-box>ul>li.active .list-body{display:block}@media (max-width:991px){.part-list-box>ul>li{margin:0 0 20px}.part-list-box>ul>li .list-head a{align-items:flex-start}.part-list-box>ul>li .list-head a:before{display:none}.part-list-box>ul>li .list-head a:after{display:inline-block;content:"";width:20px;height:20px;margin:0 0 0 10px;background:url(/images/icon_part_more.svg) no-repeat 50%/cover}.part-list-box>ul>li .list-head a p,.part-list-box>ul>li .list-head a time,.part-list-box>ul>li .list-head a time b{font-size:14px}.part-list-box>ul>li .list-body{padding:16px 24px}.part-list-box>ul>li .list-body ul li{margin:0 0 14px}.part-list-box>ul>li .list-body ul li .inner p,.part-list-box>ul>li .list-body ul li .inner time{font-size:14px}}.lecture-company-box{border-radius:10px;padding:18px 20px;display:flex;flex-wrap:wrap;align-items:center;border:1px solid #d9acf9;background:#fdfbff}.lecture-company-box:before{display:block;content:"";width:44px;height:44px;margin:0 20px 0 0;background-size:cover;background-position:50%;border-radius:2px;box-shadow:0 4px 20px rgba(0,0,0,.04)}.lecture-company-box>div{flex:1 1;min-width:0}.lecture-company-box>div strong{display:block;font-size:18px;font-weight:700;color:var(--color-active)}.lecture-company-box>div p{margin:2px 0 0;color:#474747}.lecture-company-box>div p b{font-weight:700;color:#474747}.lecture-company-box.kakao:before{background-image:url(/images/icon_lecture_company_01.png)}.lecture-company-box.google:before{background-image:url(/images/icon_lecture_company_02.png)}.lecture-company-box.metacode:before{background-image:url(/images/icon_lecture_company_03.png)}.lecture-company-box.naver:before{background-image:url(/images/icon_lecture_company_04.png)}.lecture-company-box.toss:before{background-image:url(/images/icon_lecture_company_05.png)}.lecture-company-box.carrot:before{background-image:url(/images/icon_lecture_company_06.png)}@media (max-width:991px){.lecture-company-box{border-radius:0;padding:10px 20px;border:0}.lecture-company-box:before{width:30px;height:30px;margin:0 10px 0 0}.lecture-company-box>div{display:flex;flex-wrap:wrap;align-items:center}.lecture-company-box>div strong{font-size:14px;margin:0 2px 0 0}.lecture-company-box>div p{margin:0}.lecture-company-box>div p,.lecture-company-box>div p b{font-size:12px;line-height:1.5}}.lecture-cart-box .cart-inner{border:1px solid #e8e8e8;background:#fff;border-radius:10px;padding:40px 30px;margin:0 0 20px}.lecture-cart-box .cart-price a{display:flex;flex-wrap:wrap;align-items:center;pointer-events:none}.lecture-cart-box .cart-price a .inner{display:flex;flex-wrap:wrap;align-items:center;flex:1 1;min-width:0}.lecture-cart-box .cart-price a .inner>div{display:flex;flex-wrap:wrap;align-items:center;width:100%}.lecture-cart-box .cart-price a .inner>div b{font-size:20px;font-weight:700;color:red}.lecture-cart-box .cart-price a .inner>div p,.lecture-cart-box .cart-price a .inner>div strike{margin:0 0 0 4px;font-size:20px;color:#a3a3a3}.lecture-cart-box .cart-price a .inner>div p{font-weight:700}.lecture-cart-box .cart-price a .inner>strong{display:flex;flex-wrap:wrap;align-items:center;margin:4px 0 0;font-size:28px;font-weight:700;color:var(--color-active)}.lecture-cart-box .cart-price a .inner>strong small{font-size:16px;color:#474747;margin:0 0 0 4px}.lecture-cart-box .cart-price a .inner>strong p{font-size:16px;color:#a3a3a3;margin:0 0 0 10px}.lecture-cart-box .cart-button{margin:20px 0 0}.lecture-cart-box .cart-button .cart{background:#fff url(/images/icon_lecture_cart.svg) no-repeat 50%/16px}.lecture-cart-box .cart-button .cart,.lecture-cart-box .cart-button .more{display:none;margin:0 0 0 16px;width:42px;height:42px;border-radius:6px;border:1px solid #e8e8e8;font-size:0}.lecture-cart-box .cart-button .more{background:#fff url(/images/icon_lecture_arrow.svg) no-repeat 50%/16px}.lecture-cart-box .cart-button .btn-large{height:62px;font-size:18px}.lecture-cart-box .cart-link{display:flex;flex-wrap:wrap;align-items:center;margin:10px 0 0}.lecture-cart-box .cart-link>*{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;height:42px;font-size:16px;font-weight:700;color:#474747;text-decoration:underline;flex:1 1;min-width:0}.lecture-cart-box .cart-link>:before{display:block;content:"";width:20px;height:20px;margin:0 10px 0 0;background-size:cover;background-position:50%}.lecture-cart-box .cart-link>.cart:before{background-image:url(/images/icon_lecture_cart_like.svg)}.lecture-cart-box .cart-link>.share:before{background-image:url(/images/icon_lecture_cart_share.svg)}.lecture-cart-box .cart-info{border-top:2px solid #f5f5f5;padding:20px 0 0;margin:10px 0 0}.lecture-cart-box .cart-info ul li{margin:0 0 10px;display:flex;flex-wrap:wrap;align-items:center;font-size:16px;color:#474747}.lecture-cart-box .cart-info ul li:last-of-type{margin:0}.lecture-cart-box .cart-info ul li b{font-size:16px;font-weight:700;color:#474747;margin:0 0 0 4px}.lecture-cart-box .cart-info ul li:before{display:inline-block;content:"";width:3px;height:3px;border-radius:50%;background:#474747;margin:0 10px}.lecture-cart-box .cart-qa a{background:#f8f8f8;border:1px solid #e8e8e8;border-radius:10px;padding:20px 30px;display:flex;flex-wrap:wrap;align-items:center}.lecture-cart-box .cart-qa a div{flex:1 1;min-width:0;padding:0 10px 0 0}.lecture-cart-box .cart-qa a div strong{font-size:16px;font-weight:700;color:var(--color-active)}.lecture-cart-box .cart-qa a div p{font-size:16px;color:#474747;margin:4px 0 0}.lecture-cart-box .cart-qa a b{display:flex;flex-wrap:wrap;align-items:center;font-size:16px;font-weight:700;color:#474747}.lecture-cart-box .cart-qa a b:after{display:inline-block;content:"";width:16px;height:16px;margin:0 0 0 10px;background:url(/images/icon_lecture_cart_qa_more.svg) no-repeat 50%/cover}.lecture-cart-box .cart-course{border-top:2px solid #f5f5f5;padding:20px 0 0;margin:20px 0 0}.lecture-cart-box .cart-course h4{margin:0 0 20px;font-size:24px;font-weight:700;color:#292929;display:flex;flex-wrap:wrap;align-items:center}.lecture-cart-box .cart-course h4 strong{margin:0 0 0 10px;font-size:24px;font-weight:700;color:var(--color-active)}.lecture-cart-box .cart-course ul li{margin:0 0 10px}.lecture-cart-box .cart-course ul li:last-of-type{margin:0}.lecture-cart-box .cart-course ul li a,.lecture-cart-box .cart-course ul li a span{display:flex;flex-wrap:wrap;align-items:center}.lecture-cart-box .cart-course ul li a span{height:22px;border-radius:4px;border:1px solid #d1d1d1;padding:0 6px;font-size:12px;color:#757575;justify-content:center}.lecture-cart-box .cart-course ul li a span.free{background:#d1d1d1;color:#fff}.lecture-cart-box .cart-course ul li a p{flex:1 1;min-width:0;padding:0 0 0 10px;font-size:16px;color:#292929;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.lecture-cart-box .cart-progress .pro-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;margin:0 0 20px}.lecture-cart-box .cart-progress .pro-head span{display:flex;flex-wrap:wrap;align-items:center;height:22px;border-radius:4px;background:#292929;color:#fff;padding:0 6px;font-size:12px}.lecture-cart-box .cart-progress .pro-head .close{font-size:16px;color:#757575}.lecture-cart-box .cart-progress .pro-body .bar-text span{display:flex;flex-wrap:wrap;align-items:center;font-size:16px;color:#292929}.lecture-cart-box .cart-progress .pro-body .bar-text span:before{display:inline-block;content:"";width:20px;height:20px;margin:0 4px 0 0;background:url(/images/icon_person.svg) no-repeat 50%/cover}.lecture-cart-box .cart-progress .pro-body .bar-graph{position:relative;border-radius:50px;margin:10px 0 0;background:#f8f8f8;height:6px}.lecture-cart-box .cart-progress .pro-body .bar-graph>div{position:absolute;left:0;top:0;height:100%;border-radius:50px;background:var(--color-active)}@media (max-width:991px){.lecture-cart-box .cart-inner{border-radius:0;border:0;padding:0 20px 20px;margin:0}.lecture-cart-box .cart-price a{pointer-events:inherit}.lecture-cart-box .cart-price a:after{display:block;content:"";width:16px;height:16px;margin:0 0 0 10px;background:url(/images/icon_lecture_cart_toggle.svg) no-repeat 50%/cover}.lecture-cart-box .cart-price a .inner>div b,.lecture-cart-box .cart-price a .inner>div p,.lecture-cart-box .cart-price a .inner>div strike{font-size:16px}.lecture-cart-box .cart-price a .inner>strong{font-size:20px}.lecture-cart-box .cart-price a .inner>strong p,.lecture-cart-box .cart-price a .inner>strong small{font-size:14px}.lecture-cart-box .cart-price a.no-link{pointer-events:none}.lecture-cart-box .cart-price a.no-link:after{display:none}.lecture-cart-box .cart-button .cart,.lecture-cart-box .cart-button .more{display:block}.lecture-cart-box .cart-button .btn-large{height:42px;font-size:14px}.lecture-cart-box .cart-link>*{font-size:14px}.lecture-cart-box .cart-link>:before{width:16px;height:16px}.lecture-cart-box .cart-info ul li{margin:0 0 6px;font-size:14px}.lecture-cart-box .cart-info ul li b{font-size:14px}.lecture-cart-box .cart-qa{padding:0 20px 20px}.lecture-cart-box .cart-qa a{padding:20px}.lecture-cart-box .cart-qa a b,.lecture-cart-box .cart-qa a div p,.lecture-cart-box .cart-qa a div strong{font-size:14px}.lecture-cart-box .cart-course h4{font-size:18px;margin:0 0 14px}.lecture-cart-box .cart-course h4 strong{font-size:18px}.lecture-cart-box .cart-course ul li a p{font-size:14px;padding:0 0 0 5px}.lecture-cart-box .cart-progress .pro-head{margin:0 0 10px}.lecture-cart-box .cart-progress .pro-head .close{font-size:14px}.lecture-cart-box .cart-progress .pro-body{display:flex;flex-wrap:wrap;align-items:center}.lecture-cart-box .cart-progress .pro-body .bar-text span{width:56px;justify-content:space-between;font-size:12px}.lecture-cart-box .cart-progress .pro-body .bar-graph{flex:1 1;min-width:0;margin:0 0 0 10px}.lecture-cart-box .cart-toggle{display:none}.lecture-cart-box.active .cart-button .more,.lecture-cart-box.active .cart-price a:after{transform:rotate(180deg)}.lecture-cart-box.active .cart-toggle{display:block}}.score-write-box{background:#f8f8f8;border-radius:10px;padding:20px}.score-write-box strong{display:block;text-align:center;margin:0 0 10px;font-size:16px;font-weight:700;color:#474747}.score-write-box div,.score-write-box div ul{display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.score-write-box div ul li{position:relative;margin:0 10px 0 0}.score-write-box div ul li:last-of-type{margin:0}.score-write-box div ul li input{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;cursor:pointer}.score-write-box div ul li label{display:block;font-size:0;width:30px;height:30px;background:url(/images/icon_star.svg) no-repeat 50%/cover}.score-write-box div ul li.active label{background-image:url(/images/icon_star_on.svg)}.score-write-box div b{margin:0 0 0 10px;font-size:16px;font-weight:700;color:#474747}@media (max-width:991px){.score-write-box strong{font-size:14px}.score-write-box div ul li{margin:0 4px 0 0}.score-write-box div ul li label{width:28px;height:28px}.score-write-box div b{font-size:14px}}.course-list-box>ul>li{position:relative;display:flex;flex-wrap:wrap;align-items:center;border-left:2px solid #e8e8e8;padding:0 0 50px 35px}.course-list-box>ul>li:last-of-type{padding-bottom:0;border-color:#fff}.course-list-box>ul>li:before{position:absolute;left:-8px;top:0;width:16px;height:16px;background:#e8e8e8;border-radius:50%;content:""}.course-list-box>ul>li .list-left{flex:1 1;min-width:0;display:flex;flex-wrap:wrap;align-items:center;padding:0 20px 0 0}.course-list-box>ul>li .list-left .left-image{width:160px;border-radius:4px;border:1px solid #d9d9d9;background-size:cover;background-position:50%}.course-list-box>ul>li .list-left .left-image:after{display:block;content:"";padding-bottom:62%}.course-list-box>ul>li .list-left .left-content{flex:1 1;min-width:0;padding:0 0 0 16px}.course-list-box>ul>li .list-left .left-content strong{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:700}.course-list-box>ul>li .list-left .left-content p{font-size:14px;color:#474747;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:4px 0 0}.course-list-box>ul>li .list-left .left-content b{display:flex;flex-wrap:wrap;align-items:center;margin:12px 0 0;font-size:16px;font-weight:700;color:var(--color-active)}.course-list-box>ul>li .list-left .left-content b small{margin:0 0 0 10px;color:#474747}.course-list-box>ul>li .list-left .left-content div{display:none}.course-list-box>ul>li .list-right{width:120px}@media (max-width:991px){.course-list-box>ul>li{padding:0 0 40px 20px}.course-list-box>ul>li:before{left:-7px;width:14px;height:14px}.course-list-box>ul>li .list-left{flex:none;width:100%;align-items:flex-start}.course-list-box>ul>li .list-left .left-image{width:85px}.course-list-box>ul>li .list-left .left-content{padding:0 0 0 10px}.course-list-box>ul>li .list-left .left-content strong{display:-webkit-box;white-space:normal;-webkit-box-orient:vertica;-webkit-line-clamp:2;font-size:16px}.course-list-box>ul>li .list-left .left-content p{display:none}.course-list-box>ul>li .list-left .left-content b{margin:0;font-size:14px}.course-list-box>ul>li .list-left .left-content b small{margin:0 0 0 4px;font-size:12px}.course-list-box>ul>li .list-left .left-content div{display:flex;flex-wrap:wrap;align-items:center;margin:5px 0 0}.course-list-box>ul>li .list-left .left-content div em{font-size:12px;color:red;margin:0 5px 0 0}.course-list-box>ul>li .list-left .left-content div strike{font-size:12px;color:#d1d1d1}.course-list-box>ul>li .list-right{width:100%;margin:10px 0 0}.course-list-box>ul>li .list-right .btn{height:34px}}.cart-box{display:flex;flex-wrap:wrap;align-items:flex-start}.cart-box .cart-left{flex:1 1;min-width:0}.cart-box .cart-right{width:376px;margin:0 0 0 24px;padding:40px 30px;border:1px solid #e8e8e8;border-radius:10px;position:-webkit-sticky;position:sticky;top:98px}.cart-box .cart-right .write-box>ul>li.border{border-bottom:2px solid #f5f5f5;padding:0 0 24px;margin:0 0 24px}.cart-box .cart-right .write-box>ul>li>.tit{justify-content:space-between}.cart-box .cart-right .write-box>ul>li>.tit .update{font-size:16px;color:#757575;text-decoration:underline}.cart-box .cart-right .write-box>ul>li>.tit div{display:flex;flex-wrap:wrap;align-items:center}.cart-box .cart-right .write-box>ul>li>.tit div p{font-size:16px;color:#a3a3a3}.cart-box .cart-right .write-box>ul>li>.tit div b{font-size:16px;color:var(--color-active);margin:0 0 0 3px}.cart-box .cart-right .write-box>ul>li>.tit.required{justify-content:flex-start}.cart-box .cart-right .write-box>ul>li>.tit.required p{font-size:16px;color:#a3a3a3;display:flex;flex-wrap:wrap;align-items:center}.cart-box .cart-right .write-box>ul>li>.tit.required p:after{display:inline-block;content:"*";font-size:16px;color:var(--color-active);margin:0 0 0 4px}.cart-box .cart-right .write-box>ul>li>.tit.required small{color:#d1d1d1}.cart-box .cart-right .cart-buyer-info{margin:20px 0 0}.cart-box .cart-right .cart-buyer-info>ul>li{margin:0 0 10px;display:flex;flex-wrap:wrap}.cart-box .cart-right .cart-buyer-info>ul>li:last-of-type{margin:0}.cart-box .cart-right .cart-buyer-info>ul>li b{width:64px;font-size:16px;color:#a3a3a3}.cart-box .cart-right .cart-buyer-info>ul>li p{flex:1 1;min-width:0;font-size:16px;color:#474747}.cart-box .cart-right .cart-total-price{padding:0 0 24px;margin:0 0 24px;border-bottom:2px solid #f5f5f5}.cart-box .cart-right .cart-total-price ul li{margin:0 0 10px;display:flex;flex-wrap:wrap;justify-content:space-between}.cart-box .cart-right .cart-total-price ul li:last-of-type{margin:0}.cart-box .cart-right .cart-total-price ul li>p{font-size:16px;color:#a3a3a3}.cart-box .cart-right .cart-total-price ul li>button{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%}.cart-box .cart-right .cart-total-price ul li>button p{font-size:16px;color:#ff3f3f}.cart-box .cart-right .cart-total-price ul li>button p:first-of-type{display:flex;flex-wrap:wrap;align-items:center}.cart-box .cart-right .cart-total-price ul li>button p:first-of-type:after{display:inline-block;content:"";width:16px;height:16px;margin:0 0 0 10px;background:url(/images/icon_cart_price_toggle.svg) no-repeat 50%/cover}.cart-box .cart-right .cart-total-price ul li>b{color:#292929;font-size:16px}.cart-box .cart-right .cart-total-price ul li>b:first-of-type{font-weight:700}.cart-box .cart-right .cart-total-price ul li>strong{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;width:100%;font-size:22px;font-weight:700;color:#292929}.cart-box .cart-right .cart-total-price ul li>strong small{margin:0 0 0 4px;font-size:16px;color:#a3a3a3}.cart-box .cart-right .cart-total-price ul li>ul{margin:10px 0 0;width:100%;display:none}.cart-box .cart-right .cart-total-price ul li>ul>li p:first-of-type{position:relative;padding:0 0 0 20px}.cart-box .cart-right .cart-total-price ul li>ul>li p:first-of-type:before{position:absolute;content:"";left:10px;top:8px;width:4px;height:4px;background:#a3a3a3;border-radius:50%}.cart-box .cart-right .cart-total-price ul li.active>button p:first-of-type:after{transform:rotate(180deg)}.cart-box .cart-right .cart-total-price ul li.active>ul{display:block}.cart-box .cart-right .cart-bottom .total-price{display:none}@media (max-width:991px){.cart-box .cart-left{flex:none;width:100%}.cart-box .cart-right{width:100%;margin:30px 0 0;padding:24px;position:static}.cart-box .cart-right .write-box>ul>li>.tit .update,.cart-box .cart-right .write-box>ul>li>.tit div b,.cart-box .cart-right .write-box>ul>li>.tit div p,.cart-box .cart-right .write-box>ul>li>.tit.required p,.cart-box .cart-right .write-box>ul>li>.tit.required p:after{font-size:14px}.cart-box .cart-right .write-box>ul>li>.tit.required small{margin:0 0 0 4px}.cart-box .cart-right .cart-buyer-info>ul>li b,.cart-box .cart-right .cart-buyer-info>ul>li p{font-size:14px}.cart-box .cart-right .cart-total-price{margin:0;padding:0;border:0}.cart-box .cart-right .cart-total-price ul li>button p,.cart-box .cart-right .cart-total-price ul li>p{font-size:14px}.cart-box .cart-right .cart-total-price ul li>button p:first-of-type:after{margin:0 0 0 4px}.cart-box .cart-right .cart-total-price ul li>b{font-size:14px}.cart-box .cart-right .cart-total-price ul li>strong{font-size:16px}.cart-box .cart-right .cart-total-price ul li>strong small{font-size:14px}.cart-box .cart-right .cart-bottom{position:fixed;left:0;bottom:0;background:#fff;z-index:100;width:100%;padding:20px;box-shadow:0 -4px 20px rgba(0,0,0,.1)}.cart-box .cart-right .cart-bottom .total-price{display:block;font-size:20px;font-weight:700;color:var(--color-active)}.cart-box .cart-right .cart-bottom .button-box{border-top:2px solid #f5f5f5;padding:20px 0 0;margin:20px 0 0;justify-content:space-between}.cart-box .cart-right .cart-bottom .button-box .btn{width:150px;flex:none;height:42px}}.cart-list-box>.list-head{justify-content:space-between;padding:0 20px 30px}.cart-list-box>.list-head,.cart-list-box>.list-head .inner{display:flex;flex-wrap:wrap;align-items:center}.cart-list-box>.list-head .inner p{margin:0 0 0 10px;font-size:16px;color:#757575}.cart-list-box>.list-head .inner .check-box label p{color:#474747;margin:0}.cart-list-box>.list-head .delete{display:flex;flex-wrap:wrap;align-items:center;height:38px;border:1px solid #e8e8e8;border-radius:8px;padding:0 16px;color:#757575}.cart-list-box>.list-head .delete:after{display:inline-block;content:"";width:16px;height:16px;margin:0 0 0 4px;background:url(/images/icon_cart_delete.svg) no-repeat 50%/cover}.cart-list-box>.list-body>ul>li{margin:0 0 10px;border:1px solid #f5f5f5;border-radius:6px;padding:20px;display:flex;flex-wrap:wrap;align-items:flex-end}.cart-list-box>.list-body>ul>li:last-of-type{margin:0}.cart-list-box>.list-body>ul>li .list-left{flex:1 1;min-width:0;position:relative;padding:0 20px 0 0}.cart-list-box>.list-body>ul>li .list-left input{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;cursor:pointer}.cart-list-box>.list-body>ul>li .list-left label{display:flex;flex-wrap:wrap;align-items:center}.cart-list-box>.list-body>ul>li .list-left label:before{display:inline-block;content:"";width:20px;height:20px;margin:0 20px 0 0;background:url(/images/icon_check.svg) no-repeat 50%/cover}.cart-list-box>.list-body>ul>li .list-left label .left-image{width:116px;border:1px solid #d1d1d1;border-radius:3px;background-size:cover;background-position:50%}.cart-list-box>.list-body>ul>li .list-left label .left-image:after{display:block;content:"";padding-bottom:64%}.cart-list-box>.list-body>ul>li .list-left label .left-content{flex:1 1;min-width:0;padding:0 0 0 15px}.cart-list-box>.list-body>ul>li .list-left label .left-content strong{display:block;font-size:16px;color:#292929;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.cart-list-box>.list-body>ul>li .list-left label .left-content dl{margin:10px 0 0}.cart-list-box>.list-body>ul>li .list-left label .left-content dl dd{display:flex;flex-wrap:wrap;align-items:center;margin:0 0 4px;color:#a3a3a3;position:relative;padding:0 0 0 20px}.cart-list-box>.list-body>ul>li .list-left label .left-content dl dd:before{display:inline-block;content:"";width:3px;height:3px;background:#a3a3a3;border-radius:50%;position:absolute;left:10px;top:9px}.cart-list-box>.list-body>ul>li .list-left label .left-content dl dd b{font-size:14px;color:var(--color-active);margin:0 0 0 3px}.cart-list-box>.list-body>ul>li .list-right{display:flex;flex-wrap:wrap;align-items:flex-end}.cart-list-box>.list-body>ul>li .list-right .delete{display:inline-block;content:"";margin:0 0 0 10px;width:16px;height:16px;background:url(/images/icon_cart_delete.svg) no-repeat 50%/cover;font-size:0}.cart-list-box>.list-body>ul>li .list-right b{display:flex;flex-wrap:wrap;align-items:center;font-size:14px;color:red}.cart-list-box>.list-body>ul>li .list-right b strike{margin:0 0 0 4px;font-size:12px;color:#a3a3a3}.cart-list-box>.list-body>ul>li .list-right strong{display:block;text-align:right;font-size:18px;font-weight:700;color:#474747}@media (max-width:991px){.cart-list-box>.list-head{margin:0 0 20px;padding:0}.cart-list-box>.list-head .inner p{font-size:14px}.cart-list-box>.list-head .delete{height:30px;border-radius:6px;padding:0 10px}.cart-list-box>.list-body>ul{border:0;border-radius:0;border-top:2px solid #f8f8f8}.cart-list-box>.list-body>ul>li{border:0;border-radius:0;border-bottom:2px solid #f8f8f8;padding:20px 0}.cart-list-box>.list-body>ul>li .list-left{flex:none;width:100%;padding:0}.cart-list-box>.list-body>ul>li .list-left label{align-items:flex-start}.cart-list-box>.list-body>ul>li .list-left label:before{width:16px;height:16px;margin:0 10px 0 0}.cart-list-box>.list-body>ul>li .list-left label .left-image{width:60px}.cart-list-box>.list-body>ul>li .list-left label .left-content{padding:0 0 0 10px}.cart-list-box>.list-body>ul>li .list-left label .left-content strong{font-size:14px}.cart-list-box>.list-body>ul>li .list-left label .left-content dl{margin:4px 0 0}.cart-list-box>.list-body>ul>li .list-left label .left-content dl dd{margin:0;font-size:12px}.cart-list-box>.list-body>ul>li .list-left label .left-content dl dd:before{width:2px;height:2px;top:7px}.cart-list-box>.list-body>ul>li .list-left label .left-content dl dd b{font-size:12px}.cart-list-box>.list-body>ul>li .list-right{width:100%;margin:10px 0 0;padding:0 0 0 26px}.cart-list-box>.list-body>ul>li .list-right>div{display:flex;flex-wrap:wrap;align-items:center;flex:1 1;min-width:0}.cart-list-box>.list-body>ul>li .list-right b{margin:0 5px 0 0;font-size:12px}.cart-list-box>.list-body>ul>li .list-right b strike{font-size:12px}.cart-list-box>.list-body>ul>li .list-right strong{margin:0 0 0 5px;font-size:14px}}.lecture-start-list-box{max-width:768px;margin:0 auto}.lecture-start-list-box>ul>li{margin:0 0 4px}.lecture-start-list-box>ul>li:last-of-type{margin:0}.lecture-start-list-box>ul>li .inner{display:flex;flex-wrap:wrap;align-items:center;border-radius:6px;border:1px solid #f5f5f5;padding:20px}.lecture-start-list-box>ul>li .inner p{flex:1 1;min-width:0;padding:0 20px 0 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:16px;color:#292929}.lecture-start-list-box>ul>li .inner span{display:flex;flex-wrap:wrap;align-items:center;font-size:14px;font-weight:700;color:#292929}.lecture-start-list-box>ul>li .inner span:after{display:inline-block;content:"";width:16px;height:16px;margin:0 0 0 4px;background:url(/images/icon_lecture_play_b.svg) no-repeat 50%/cover}@media (max-width:991px){.lecture-start-list-box>ul>li .inner{padding:14px 16px}.lecture-start-list-box>ul>li .inner p{flex:none;width:100%;font-size:14px}.lecture-start-list-box>ul>li .inner span{width:100%;margin:10px 0 0;font-size:12px}}.video-box{display:flex;flex-direction:column;min-height:700px}.video-box .video-head{width:100%;justify-content:space-between;padding:0 0 0 30px;background:#fff}.video-box .video-head,.video-box .video-head .inner{display:flex;flex-wrap:wrap;align-items:center}.video-box .video-head .inner h2{font-size:20px;font-weight:700;color:#74716d}.video-box .video-head .inner p{margin:0 0 0 15px;font-size:16px;color:#74716d}.video-box .video-head .inner .head-button{display:flex;flex-wrap:wrap;align-items:center}.video-box .video-head .inner .head-button .btn{margin:0 24px 0 0;display:flex;flex-wrap:wrap;align-items:center;height:48px;border-radius:8px;border:1px solid #d1d1d1;padding:0 20px;font-size:16px;font-weight:700;color:#474747}.video-box .video-head .inner .head-button .btn:before{display:inline-block;content:"";width:20px;height:20px;margin:0 10px 0 0;background-size:cover;background-position:50%}.video-box .video-head .inner .head-button .btn.cate01:before{background-image:url(/images/icon_video_cate_01.svg)}.video-box .video-head .inner .head-button .btn.cate02:before{background-image:url(/images/icon_video_cate_02.svg)}.video-box .video-head .inner .head-button .btn.cate03:before{background-image:url(/images/icon_video_cate_03.svg)}.video-box .video-head .inner .head-button .btn.cate01.active:before{background-image:url(/images/icon_video_cate_01_on.svg)}.video-box .video-head .inner .head-button .btn.cate02.active:before{background-image:url(/images/icon_video_cate_02_on.svg)}.video-box .video-head .inner .head-button .btn.cate03.active:before{background-image:url(/images/icon_video_cate_03_on.svg)}.video-box .video-head .inner .head-button .btn.active{color:#191919;border-color:#474747}.video-box .video-head .inner .head-exit .exit{padding:0 33px;font-size:18px;font-weight:700;display:flex;flex-wrap:wrap;align-items:center;background:#292929;color:#fff;height:80px}.video-box .video-head .inner .head-exit .exit:before{display:inline-block;content:"";width:20px;height:20px;background:url(/images/icon_video_exit.svg) no-repeat 50%/cover}.video-box .video-body{width:100%;height:100%;overflow:hidden;display:flex;flex-wrap:wrap;position:relative}.video-box .video-body .video-frame{display:flex;flex-direction:column;flex:1 1;min-width:0;height:100%;background:#000}.video-box .video-body .video-frame .frame-top{width:100%;height:100%;position:relative}.video-box .video-body .video-frame .frame-top video{position:absolute;left:0;top:0;width:100%;height:100%}.video-box .video-body .video-frame .frame-bottom{padding:30px;background:#191919;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end}.video-box .video-body .video-frame .frame-bottom .end{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;height:52px;border-radius:6px;background:#fff;padding:0 24px;font-size:16px;font-weight:500;color:#292929}.video-box .video-body .video-content{transition:all .5s ease;width:380px;height:100%;z-index:1000;background:#fff}.video-box .video-body .video-content .content{height:100%;display:none;flex-direction:column}.video-box .video-body .video-content .content.active{display:flex}.video-box .video-body .video-content .content>div{width:100%}.video-box .video-body .video-content .content>div.content-head{padding:20px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}.video-box .video-body .video-content .content>div.content-head h2{flex:1 1;min-width:0;padding:0 15px 0 0;font-size:20px;font-weight:700;color:#474747}.video-box .video-body .video-content .content>div.content-head .close{display:none;width:20px;height:20px;font-size:0;background:url(/images/icon_close.svg) no-repeat 50%/cover}.video-box .video-body .video-content .content>div.content-head .head-info{width:100%;margin:10px 0 0}.video-box .video-body .video-content .content>div.content-head .head-info p{font-size:20px;color:#292929;word-break:keep-all}.video-box .video-body .video-content .content>div.content-head .head-info ul{margin:10px 0 0}.video-box .video-body .video-content .content>div.content-head .head-info ul li{position:relative;margin:0 0 4px;font-size:16px;color:#474747;padding:0 0 0 20px}.video-box .video-body .video-content .content>div.content-head .head-info ul li:last-of-type{margin:0}.video-box .video-body .video-content .content>div.content-head .head-info ul li:before{position:absolute;left:10px;top:9px;width:3px;height:3px;border-radius:50%;background:#474747;content:""}.video-box .video-body .video-content .content>div.content-foot{padding:20px}.video-box .video-body .video-content .content>div.content-body{height:100%;padding:0 20px 20px;overflow-y:auto}@media (max-width:991px){.video-box{min-height:0}.video-box .video-head{padding:0 0 0 10px;border-bottom:1px solid #d1d1d1}.video-box .video-head .inner:first-of-type{display:none}.video-box .video-head .inner:last-of-type{width:100%}.video-box .video-head .inner .head-button{flex:1 1;min-width:0}.video-box .video-head .inner .head-button .btn{margin:0 5px 0 0;height:35px;border-radius:4px;padding:0 10px;font-size:13px}.video-box .video-head .inner .head-button .btn:before{width:16px;height:16px;margin:0 4px 0 0}.video-box .video-head .inner .head-button .btn:last-of-type{margin:0}.video-box .video-head .inner .head-exit .exit{padding:0;font-size:0;width:50px;height:50px}.video-box .video-head .inner .head-exit .exit:before{margin:0 auto}.video-box .video-body .video-frame .frame-bottom{padding:15px}.video-box .video-body .video-frame .frame-bottom .end{height:40px;padding:0 15px;font-size:14px}.video-box .video-body .video-content{position:absolute;right:-15px;top:0;pointer-events:none;opacity:0;width:100%;max-width:600px}.video-box .video-body .video-content .content>div.content-head .close{display:block}.video-box .video-body .video-content .content>div.content-head .head-info{margin:5px 0 0}.video-box .video-body .video-content .content>div.content-head .head-info p{font-size:16px}.video-box .video-body .video-content .content>div.content-head .head-info ul{margin:5px 0 0}.video-box .video-body .video-content .content>div.content-head .head-info ul li{font-size:14px;padding:0 0 0 10px}.video-box .video-body .video-content .content>div.content-head .head-info ul li:before{left:0;top:8px}.video-box.fixed .video-body .video-content{pointer-events:inherit;opacity:1;right:0}}.video-lecture-box>ul>li{margin:0 0 20px;border-radius:10px;background:#f8f8f8}.video-lecture-box>ul>li:last-of-type{margin:0}.video-lecture-box>ul>li .list-head{border:1px solid #e8e8e8;border-radius:10px;padding:16px 24px}.video-lecture-box>ul>li .list-head .inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}.video-lecture-box>ul>li .list-head .inner p{flex:1 1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:0 15px 0 0;font-size:16px}.video-lecture-box>ul>li .list-head .inner b{font-size:16px;font-weight:700;color:#474747}.video-lecture-box>ul>li .list-head .inner b time{font-size:16px;color:#474747}.video-lecture-box>ul>li .list-head strong{display:block;margin:5px 0 0;font-size:16px;font-weight:700;color:#474747}.video-lecture-box>ul>li .list-body{padding:20px 24px}.video-lecture-box>ul>li .list-body .play{display:flex;flex-wrap:wrap;align-items:center;margin:0 0 20px}.video-lecture-box>ul>li .list-body .play:last-of-type{margin:0}.video-lecture-box>ul>li .list-body .play p{flex:1 1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:0 10px;font-size:16px;color:#474747}.video-lecture-box>ul>li .list-body .play time{font-size:16px;color:#474747}.video-lecture-box>ul>li .list-body .play:before{display:inline-block;content:"";width:20px;height:20px;background:url(/images/icon_check_round.svg) no-repeat 50%/cover}.video-lecture-box>ul>li .list-body .play.active p{color:#292929;font-weight:600}.video-lecture-box>ul>li .list-body .play.active:before{background-image:url(/images/icon_check_round_on.svg)}@media (max-width:991px){.video-lecture-box>ul>li{margin:0 0 10px}.video-lecture-box>ul>li .list-head{padding:16px}.video-lecture-box>ul>li .list-head .inner p{padding:0 10px 0 0;font-size:14px}.video-lecture-box>ul>li .list-head .inner b,.video-lecture-box>ul>li .list-head .inner b time,.video-lecture-box>ul>li .list-head strong{font-size:14px}.video-lecture-box>ul>li .list-body{padding:16px}.video-lecture-box>ul>li .list-body .play{margin:0 0 10px}.video-lecture-box>ul>li .list-body .play p,.video-lecture-box>ul>li .list-body .play time{font-size:14px}.video-lecture-box>ul>li .list-body .play:before{width:16px;height:16px}}.video-note-box>ul>li{margin:0 0 10px;padding:20px;border:1px solid #e8e8e8;border-radius:10px}.video-note-box>ul>li p{font-size:16px;color:#474747}.video-note-box>ul>li .inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;margin:10px 0 0}.video-note-box>ul>li .inner time{display:flex;flex-wrap:wrap;align-items:center;font-size:16px;color:#a3a3a3}.video-note-box>ul>li .inner time:before{display:inline-block;content:"";width:18px;height:18px;margin:0 4px 0 0;background:url(/images/icon_video_note_time.svg) no-repeat 50%/cover}.video-note-box>ul>li .inner div{display:flex;flex-wrap:wrap;align-items:center}.video-note-box>ul>li .inner div>*{width:20px;height:20px;margin:0 4px 0 0;font-size:0;background-size:cover;background-position:50%}.video-note-box>ul>li .inner div>:last-of-type{margin:0}.video-note-box>ul>li .inner div .update{background-image:url(/images/icon_video_note_update.svg)}.video-note-box>ul>li .inner div .delete{background-image:url(/images/icon_video_note_delete.svg)}@media (max-width:991px){.video-note-box>ul>li{padding:15px}.video-note-box>ul>li .inner time,.video-note-box>ul>li p{font-size:14px}.video-note-box>ul>li .inner div>*,.video-note-box>ul>li .inner time:before{width:16px;height:16px}}.video-write-box{display:flex;flex-wrap:wrap}.video-write-box textarea{flex:1 1;min-width:0;display:block;height:150px;border-radius:6px;border:1px solid #e8e8e8;padding:14px;font-size:14px}.video-write-box textarea::placeholder{color:#d1d1d1}.video-write-box .write{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;margin:0 0 0 16px;border-radius:6px;height:150px;width:100px;background:#000;color:#fff;font-size:14px;font-weight:700}@media (max-width:991px){.video-write-box textarea{height:100px}.video-write-box .write{width:100px;height:100px;font-size:14px;margin:0 0 0 10px}}.video-comment-box{border-top:1px solid #e7e7e7;padding:20px 0 0;margin:20px 0 0}.video-comment-box>.list-head{margin:0 0 20px}.video-comment-box>.list-head ul,.video-comment-box>.list-head ul li{display:flex;flex-wrap:wrap;align-items:center}.video-comment-box>.list-head ul li:after{display:inline-block;content:"";width:1px;height:12px;margin:0 10px;background:#cdcdcd}.video-comment-box>.list-head ul li:last-of-type:after{display:none}.video-comment-box>.list-head ul li a{font-size:16px;font-weight:500;color:#999}.video-comment-box>.list-head ul li.active a{color:#000}.video-comment-box>.list-body>ul>li{border-bottom:1px solid #e7e7e7;padding:0 0 20px;margin:0 0 20px}.video-comment-box>.list-body>ul>li:last-of-type{border:0;padding:0;margin:0}.video-comment-box>.list-body>ul>li .cmt-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;margin:0 0 10px}.video-comment-box>.list-body>ul>li .cmt-head b{font-size:16px;font-weight:500;color:#333;flex:1 1;min-width:0;padding:0 10px 0 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.video-comment-box>.list-body>ul>li .cmt-head time{font-size:16px;font-weight:500;color:#999}.video-comment-box>.list-body>ul>li .cmt-body p{font-size:16px;color:#555}.video-comment-box>.list-body>ul>li .cmt-foot{margin:10px 0 0}.video-comment-box>.list-body>ul>li .cmt-foot .reply{font-size:16px;color:#6e89eb;text-decoration:underline}.video-comment-box>.list-body>ul>li .cmt-foot .reply-count{display:flex;flex-wrap:wrap;align-items:center;font-size:16px;color:#555}.video-comment-box>.list-body>ul>li .cmt-foot .reply-count:before{display:inline-block;content:"";width:20px;height:20px;margin:0 4px 0 0;background:url(/images/icon_reply_count.svg) no-repeat 50%/cover}.video-comment-box>.list-body>ul>li .cmt-foot .reply-count.active:before{background-image:url(/images/icon_reply_count_on.svg)}@media (max-width:991px){.video-comment-box>.list-body>ul>li .cmt-body p,.video-comment-box>.list-body>ul>li .cmt-foot .reply,.video-comment-box>.list-body>ul>li .cmt-foot .reply-count,.video-comment-box>.list-body>ul>li .cmt-head b,.video-comment-box>.list-body>ul>li .cmt-head time,.video-comment-box>.list-head ul li a{font-size:14px}.video-comment-box>.list-body>ul>li .cmt-foot .reply-count:before{width:16px;height:16px}}.video-reply-write-box{margin:10px 0 0;border-radius:6px;border:1px solid #d1d1d1;padding:10px}.video-reply-write-box textarea{width:100%;height:50px;font-size:14px}.video-reply-write-box textarea::placeholder{color:#d1d1d1}.video-reply-write-box .button-box{margin:10px 0 0}.video-reply-write-box .button-box .btn{height:30px;font-size:12px;font-weight:400;padding:0 15px}