:root{--tnb_h: 30px;--header_h: 180px;--content_w:95%;--content_1400: 90%;--side_menu_w: 200px;--gnb_cover_h: 180px;--logo_w: 130px;--max_w: 94%;--gnb_h: 3.4375rem;--utility_p: calc(var(--gnb_h) * 1);--quick_menu_w: 10rem;--sub_visual_h: 0;--mnb_w: 100%;--sub_heard_visual_h: 9.375rem;--breadcrumb_h: 40px;--breadcrumb_color: linear-gradient(120deg, #3d79d4 0%, #2b79ed 100%);--board_min_h: 400px;--lecture_tnb_h: 30px;--lecture_gnb_h: 45px;--utility_w: calc(var(--lecture_gnb_h) * 2);--utility_primary_w: 15rem;--snb_lecture_w: 10rem;--lecture_header: 44px;--lecture_tnbH: 80px;--m_lecture_tnbH: 50px;--snb_h: 38px;--snb--close: 25px;--quick_w:30px;--meta_circle:8.125rem;--lecture_meta_w: 50%;--progress_donun:10rem;--lecture_video_gnb_h: 40px;--side_scope_w: 24%;--video_tab_h: 2.5rem;--video_header_h: 5.3125rem;--lesson__info_w: 40%;--side_width: 260px;--content_1400: 95%;--content_1200: 95%;--main_visual_h: 220px}@media(min-width: 430px){:root{--lesson__info_w: 30%}}@media(min-width: 768px){:root{--content_w: 95%}}@media(min-width: 821px){:root{--logo_w: 165px;--lecture_gnb_h: 55px;--snb_lecture_w: 190px;--gnb_h: 60px;--utility_w: calc(2.8125rem * 2);--lecture_header: 60px;--sub_visual_h: 150px;--sub_curriculum_h: 150px;--progress_donun:9rem}}@media(min-width: 821px)and (max-width: 1390px){:root{--lesson__info_w: 100%}}@media(min-width: 913px){:root{--main_visual_h: 420px}}@media(min-width: 1025px){:root{--side_menu_w: 220px;--gnb_cover_h: 230px}}@media(min-width: 1201px){:root{--lecture_meta_w: 150px;--meta_circle: 9.375rem;--content_1200: 1200px}}@media(min-width: 1400px){:root{--content_w: 100%;--content_1400: 1300px;--max_w: 1300px;--snb_lecture_w: 220px;--side_width: 320px;--sub_curriculum_h: 250px;--lecture_meta_w:290px;--meta_circle:10rem;--lesson__info_w: 50%}}@media(min-width: 1600px){:root{--lecture_meta_w: 350px;--quick_w:50px;--lesson__info_w: 45%}}@keyframes fade-in{0%{opacity:0;top:110%}100%{opacity:1;top:90%}}@keyframes side-content__guide{0%{opacity:0;left:-95%}100%{opacity:1;left:-90%}}.title--h3{font-size:1.125rem;font-weight:500;color:#222;padding-left:1rem;position:relative}.title--h3::before{content:"";width:.375rem;height:1rem;background-image:linear-gradient(135deg, #667eea 0%, #764ba2 100%);display:block;position:absolute;left:0;top:50%;transform:translateY(-50%) skewX(330deg)}.account__setting{margin-bottom:3rem}.account__setting .atc__title{margin:1.25rem 0;font-size:1.25rem;font-weight:500;color:#222;margin-bottom:1rem;padding-left:1rem;position:relative}.account__setting .atc__title::before{content:"";width:.375rem;height:1rem;background-image:linear-gradient(135deg, #667eea 0%, #764ba2 100%);display:block;position:absolute;left:0;top:50%;transform:translateY(-50%) skewX(330deg)}.account__setting .signup__form__fieldset{border-top:2px solid #000;border-bottom:2px solid #000}.account__setting .board__row{display:flex;border-bottom:1px solid rgba(0,0,0,.1);height:100%}@media screen and (max-width: 768px){.account__setting .board__row{display:block}}.account__setting .board__row .board__column{width:20%;text-align:left;background:#f8f8f8;align-content:center;font-size:1rem;padding-left:3%}@media screen and (max-width: 912px){.account__setting .board__row .board__column{width:30%}}@media screen and (max-width: 768px){.account__setting .board__row .board__column{width:100%;padding:1.25rem 0 0 0;background:none;font-weight:bold}}.account__setting .board__row .board__cell{width:80%;padding:.625rem;padding-left:1.875rem}@media screen and (max-width: 768px){.account__setting .board__row .board__cell{width:100%;padding-left:0}}.account__setting .board__row .board__cell .input--compact{width:40.5rem}@media screen and (max-width: 1024px){.account__setting .board__row .board__cell .input--compact{width:100%}}@media screen and (max-width: 576px){.account__setting .board__row .board__cell .input--compact{flex:7}}.account__setting .board__row .board__cell .input--triple{width:33%}@media screen and (max-width: 1024px){.account__setting .board__row .board__cell .input--triple{flex:1}}.account__setting .board__row .board__cell .input--full{width:40.5rem}@media screen and (max-width: 1024px){.account__setting .board__row .board__cell .input--full{width:100%}}@media screen and (max-width: 576px){.account__setting .board__row .board__cell .btn-secondary--check{flex:3}}.account__setting .board__row .cell--expanded{display:flex;gap:1.25rem}@media screen and (max-width: 576px){.account__setting .board__row .cell--expanded{flex-wrap:wrap}}.account__setting .cell--expanded[data-label=signup_contact--phone]{width:40.5rem}@media screen and (max-width: 1024px){.account__setting .cell--expanded[data-label=signup_contact--phone]{width:100%}}.account__setting .board__row[data-label=signup_resident] .cell--expanded{width:40.5rem}@media screen and (max-width: 1024px){.account__setting .board__row[data-label=signup_resident] .cell--expanded{width:100%}}.account__setting .board__row[data-label=signup_interest] .cell--expanded{border:1px dotted #bfbfbf;border-radius:.3125rem;margin:.9357rem 0;line-height:140%;overflow:hidden}@media screen and (max-width: 576px){.account__setting .board__row[data-label=signup_interest] .cell--expanded{display:block}}.account__setting .board__row[data-label=signup_interest] .cell--expanded .interest__category__header{width:10rem;align-content:center;text-align:center;background:#484e66;color:#fff;padding:0 .625rem}@media screen and (max-width: 576px){.account__setting .board__row[data-label=signup_interest] .cell--expanded .interest__category__header{width:100%;text-align:left;padding:.625rem}}.account__setting .board__row[data-label=signup_interest] .cell--expanded .interest__category__list{display:flex;flex-wrap:wrap;width:calc(100% - 12.25rem);padding:.625rem 0}@media screen and (max-width: 576px){.account__setting .board__row[data-label=signup_interest] .cell--expanded .interest__category__list{width:100%}}.account__setting .board__row[data-label=signup_interest] .cell--expanded .interest__category__list .item{background:#fff;border:none;cursor:pointer;display:inline-block;box-sizing:border-box;text-align:left;margin:.3125rem;height:2.5rem;border-radius:6px;outline:1px solid #ddd;transition:.2s;padding:0 1.25rem}.account__setting .board__row[data-label=signup_interest] .cell--expanded .interest__category__list .item span{margin-left:.625rem}.account__setting .board__row[data-label=signup_interest] .cell--expanded .interest__category__list .item:hover{outline:1px solid #402a91;background:#3e5da2;color:#fff}.account__setting .board__row[data-label=signup_interest] .cell--expanded .interest__category__list .label__checkbox{height:1.3125rem;width:1.3125rem;white-space:nowrap;z-index:1}.account__setting .board__row[data-label=signup_path]{flex:1 1 40%}.account__setting .board__row[data-label=signup_path] .cell--expanded{flex-wrap:wrap}.account__setting .board__row[data-label=signup_path] .cell--expanded .signup__path__item{cursor:pointer}.account__setting .input__text{border:1px solid #cacfd8}.account__setting .input__textarea{height:20rem}.account__setting .text__count{text-align:right;margin-top:.4375rem;font-size:clamp(0.75rem,2vw,0.8125rem)}.account__setting .text__count .text__max-length{margin-right:2.5rem;color:#666}.account__setting .text--guide{color:#767777;font-size:.875rem;letter-spacing:-1px}.course{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.5625rem}@media(min-width: 768px){.course{gap:1.5rem}}.course .course__display{position:relative;width:calc((100% - 1rem)/2);transition:transform .2s;border-radius:1rem;padding:1rem;background:#fff;border:1px solid #c8c9d4}.course .course__display:hover{background:#f7f9ff}@media(min-width: 768px){.course .course__display{width:calc((100% - 3rem)/3)}}@media(min-width: 1200px){.course .course__display{width:calc((100% - 4.5rem)/4)}}.course .course__display .course__thumb{position:relative;width:100%;height:auto;margin:0 auto;text-align:center;border-radius:1rem;overflow:hidden}.course .course__display .course__thumb img{width:95%;height:90%}.course .course__display .card__badge{position:relative}.course .course__display .card__badge::before{position:absolute;top:2rem;right:-0.5rem;content:"";background:#0093e7;height:28px;width:28px;transform:rotate(45deg)}.course .course__display .card__badge::after{position:absolute;content:attr(data-label);top:11px;left:-14px;padding:.5rem;width:10rem;background:#0093e7;color:#fff;text-align:center;font-family:"Roboto",sans-serif;box-shadow:4px 4px 15px rgba(26,35,126,.2)}.course .course__display .course__info{margin-top:1rem}.course .course__display .course__info .course__title{font-size:1rem;color:#000;font-weight:500;height:2.3rem;line-height:1.3;margin-bottom:.0625rem}@media(min-width: 821px){.course .course__display .course__info .course__title{margin-bottom:.9375rem}}.course .course__display .course__info .course__detail{font-size:.9375rem;font-family:"pretendard";margin-bottom:.0625rem}@media(min-width: 821px){.course .course__display .course__info .course__detail{margin-bottom:.9375rem}}.course .course__display .course__info .course__detail li{display:flex;line-height:1.2;margin-bottom:.4rem;color:#4e4d4d;gap:.5rem}.course .course__display .course__info .course__detail li .course__details-label{width:25%}.course .course__display .course__info .course__detail li .course__details-value{width:75%}.course .course__display .course__info .course__detail .details-value--re{color:#ff4800}.course .course__display .course__info .course__file-download{display:block;width:100%;height:40px;text-align:center;border:1px solid #222;align-content:center}.course .course__display .btn__wrap{display:flex;flex-wrap:wrap;gap:.2rem}.course .course__display .btn__wrap a{flex:1}.course .course__display .btn__wrap .btn__view{flex:1 1 100%}.course .course__display .course__link{display:block;border-radius:1rem}.course .course__display .course__link:hover{outline:1px solid #7253d8}.course .course__display__wrap{overflow:hidden;width:100%;height:100%;position:relative;border-radius:1rem}.course .course__display:hover .course__display__desc{transform:translateY(0);background:rgba(0,0,0,.8);top:0;z-index:2;overflow:hidden}.course .course__display__desc{position:absolute;top:100%;left:0;width:100%;height:100%;color:#fff;transform:translateY(calc(100% - 90px));transition:transform .3s ease-in-out;padding:0 1rem}.course .course__display__desc .course__title{margin-top:3.75rem;margin-bottom:1.5rem;color:#fff;text-align:center}@media screen and (max-width: 1200px){.course .course__display__desc .course__title{font-size:1rem;font-weight:300}}.course .course__display__desc .course__desc__info{color:#fff;line-height:110%}.course .course__display__desc .course__desc__info .info__item{font-size:.875rem;display:flex;gap:.3rem}.course .course__display__desc .course__desc__info .info__item .info__label{width:35%;display:inline-block}.course .course__display__desc .course__desc__info .info__item .info__label::before{content:"";font-family:"FontAwesome";font-size:.675rem;margin-right:.5rem}.course .course__display__desc .course__desc__info .info__item .fa--1::before{content:""}.course .course__display__desc .course__desc__info .info__item .fa--2::before{content:""}.course .course__display__desc .course__desc__info .info__item .fa--3::before{content:""}.course .course__display__desc .course__desc__info .info__item .fa--4::before{content:""}.course .course__display__desc .course__desc__info .info__item .fa--5::before{content:""}.course .course__display__desc .course__desc__info .info__item .fa--6::before{content:""}.course .course__display__desc .course__desc__info .info__item .fa--7::before{content:""}.course .course__display__desc .course__desc__info .info__item .fa--8::before{content:""}.course .course__display__desc .course__desc__info .info__item .info__value{width:68%}.course .course__display__desc .course__desc__info .info__item .review__link{text-decoration:underline}.course .course__display--disabled .course__info::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.2);border-radius:1rem}.course .course__display--disabled .progress__bar{background:rgba(0,0,0,.2)}.course .course__display--disabled .course__thumb::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5)}.course__option--list .course__display{width:100%;display:flex;position:relative;z-index:3;gap:2rem}.course__option--list .course__display .course__thumb{width:10rem;height:10rem;display:none}@media(min-width: 768px){.course__option--list .course__display .course__thumb{display:block}}.course__option--list .course__display .course__info{width:100%;border-radius:1rem;margin-top:0}@media(min-width: 768px){.course__option--list .course__display .course__info{width:calc(100% - 10rem)}}.course__option--list .course__display .course__info .course__title{height:auto;margin-bottom:.5rem}.course__option--list .course__display .course__info .course__title .ellipsis--2{width:90%}.course__option--list .course__display .course__info .br--type{display:none}.course__option--list .course__display .course__info .course__detail{width:100%}@media(min-width: 768px){.course__option--list .course__display .course__info .course__detail{display:flex;flex-wrap:wrap;gap:0 2rem}}.course__option--list .course__display .course__info .course__detail li{position:relative;padding-left:0;font-size:1rem}@media(min-width: 768px){.course__option--list .course__display .course__info .course__detail li{padding-left:.5rem}}.course__option--list .course__display .course__info .course__detail li::before{content:"";display:inline-block;width:4px;height:4px;background:#636363;border-radius:50%;position:absolute;left:0;top:50%;transform:translateY(-50%);display:none}@media(min-width: 768px){.course__option--list .course__display .course__info .course__detail li::before{display:block}}.course__option--list .course__display .course__info .course__detail .course__details-label{width:auto !important}.course__option--list .course__display .course__info .course__detail .course__details-label::after{content:":"}.course__option--list .course__display .course__info .course__detail .course__details-value{width:auto !important}.course__option--list .course__display .course__progress{width:100%}@media(min-width: 768px){.course__option--list .course__display .course__progress{width:90%}}.course__option--list .course__display .course__btn{width:100%}@media(min-width: 768px){.course__option--list .course__display .course__btn{width:40%}}.course--list{margin-top:1.25rem;display:flex;flex-wrap:wrap;gap:1rem}@media(min-width: 820px){.course--list{gap:1.5rem}}.course--list .course__display{position:relative;width:100%;display:flex;flex-wrap:wrap;border-radius:.5rem;padding:1rem;border:1px solid #c8c9d4}.course--list .course__display .course__thumb{overflow:clip;position:relative;z-index:1;width:10rem;height:10rem;text-align:center;align-content:center;border-radius:1rem;display:none}@media(min-width: 820px){.course--list .course__display .course__thumb{display:block}}.course--list .course__display .course__thumb img{width:100%;height:100%}.course--list .course__display .badge{display:flex;gap:.5rem;margin-left:.5rem}.course--list .course__display .badge .item{height:20px;align-content:center;padding:0 .6rem;border-radius:5px;color:#fff;font-size:.75rem;margin-right:5px}.course--list .course__display .badge .item.course__badge--ongoing{background:#0093e7}.course--list .course__display .badge .item.course__badge--tag{background:#fff;color:#80848a}.course--list .course__display .badge .item.course__badge--retry{background:#6fcdcd}.course--list .course__display .badge .item.course__badge--dday{background:#5661b7;background:#ff829d}.course--list .course__display .card__badge{position:relative}.course--list .course__display .card__badge::before{position:absolute;top:2rem;right:-0.5rem;content:"";background:#0093e7;height:28px;width:28px;transform:rotate(45deg)}.course--list .course__display .card__badge::after{position:absolute;content:attr(data-label);top:11px;left:-14px;padding:.5rem;width:10rem;background:#0093e7;color:#fff;text-align:center;font-family:"Roboto",sans-serif;box-shadow:4px 4px 15px rgba(26,35,126,.2)}.course--list .course__display .course__info{width:100%}@media(min-width: 540px){.course--list .course__display .course__info{width:calc(100% - 13rem)}}@media(min-width: 820px){.course--list .course__display .course__info{width:calc(100% - 10rem - 13rem);padding-left:2rem}}.course--list .course__display .course__info .course__title{font-size:1.0625rem;color:#000;font-weight:500;display:flex;align-items:center}.course--list .course__display .course__info .course__detail{font-size:1rem}.course--list .course__display .course__info .course__detail li{display:flex;line-height:1.3;margin-bottom:.4rem;color:#555;gap:.5rem}.course--list .course__display .course__info .course__detail li .course__details-label{font-weight:500}.course--list .course__display .course__info .course__detail .details-value--re{color:#ff4800}.course--list .course__display .course__info .course__file-download{display:block;width:100%;height:40px;text-align:center;border:1px solid #222;align-content:center}.course--list .course__display .btn__wrap{width:100%;align-content:center}@media(min-width: 540px){.course--list .course__display .btn__wrap{width:13rem;padding:0 1rem}}.course--list .course__display .btn__wrap .btn{width:100%;border:1px solid #ddd;font-size:.9375rem;display:block;margin:.5rem 0;border-radius:0 1rem 1rem 1rem;background:#fff}.course--list .course__display .btn__wrap .btn:hover{border:1px solid #7253d8;color:#7253d8}.course--list .course__display .btn__wrap .btn.btn--view{background:#4e33a4;border:1px solid #4e33a4;color:#fafafa;background-image:linear-gradient(to right, #206a9f 0%, #402a91 100%)}.course--list .course__display .btn__wrap .btn.btn--view:hover{border:1px solid #000;background:#000;color:#fafafa}.course--list .course__display .course__link{display:block;border-radius:1rem}.course--list .course__display .course__link:hover{outline:1px solid #7253d8}.course--list .course__display__wrap{overflow:hidden;width:100%;height:100%;position:relative;border-radius:1rem}.course--list .course__display:hover .course__display__desc{transform:translateY(0);background:rgba(0,0,0,.8);top:0;z-index:2;overflow:hidden}.course--list .course__display__desc{position:absolute;top:100%;left:0;width:100%;height:100%;color:#fff;transform:translateY(calc(100% - 90px));transition:transform .3s ease-in-out;padding:0 1rem}.course--list .course__display__desc .course__title{margin-top:3.75rem;margin-bottom:1.5rem;color:#fff;text-align:center}@media screen and (max-width: 1200px){.course--list .course__display__desc .course__title{font-size:1rem;font-weight:300}}.course--list .course__display__desc .course__desc__info{color:#fff;line-height:110%}.course--list .course__display__desc .course__desc__info .info__item{font-size:.875rem;display:flex;gap:.3rem}.course--list .course__display__desc .course__desc__info .info__item .info__label{width:35%;display:inline-block}.course--list .course__display__desc .course__desc__info .info__item .info__label::before{content:"";font-family:"FontAwesome";font-size:.675rem;margin-right:.5rem}.course--list .course__display__desc .course__desc__info .info__item .fa--1::before{content:""}.course--list .course__display__desc .course__desc__info .info__item .fa--2::before{content:""}.course--list .course__display__desc .course__desc__info .info__item .fa--3::before{content:""}.course--list .course__display__desc .course__desc__info .info__item .fa--4::before{content:""}.course--list .course__display__desc .course__desc__info .info__item .fa--5::before{content:""}.course--list .course__display__desc .course__desc__info .info__item .fa--6::before{content:""}.course--list .course__display__desc .course__desc__info .info__item .fa--7::before{content:""}.course--list .course__display__desc .course__desc__info .info__item .fa--8::before{content:""}.course--list .course__display__desc .course__desc__info .info__item .info__value{width:68%}.course--list .course__display__desc .course__desc__info .info__item .review__link{text-decoration:underline}.course--list .course__display--disabled .course__info::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(44,44,44,.1)}.course--list .course__display--disabled:hover{background:rgba(44,44,44,0);border:1px solid #c8c9d4}.course--list .course__display--disabled .progress__bar{background:rgba(0,0,0,.2)}.course--list .course__display--disabled .course__thumb::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%}.course__progress{width:100%}.course__progress .progress__bar{width:100%;height:18px;border-radius:50px;background:#ebebec;position:relative;overflow:hidden}.course__progress .progress__bar .progress__percent{position:absolute;left:0;top:0;width:0%;height:100%;background-color:#eebd1a !important;background-image:url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.4' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");transition:width .5s ease;border-radius:50px;z-index:1}.course__progress .progress__bar .progress__value{position:absolute;font-family:"pretendard";font-size:.875rem;width:100%;height:100%;text-align:center;align-content:center}.course__progress .progress__bar .progress__value .progress__num{font-size:.9375rem;margin-left:5px}.course__progress .progress__bar .progress__percent[data-progress^="5"]+.progress__value,.course__progress .progress__bar .progress__percent[data-progress^="6"]+.progress__value,.course__progress .progress__bar .progress__percent[data-progress^="7"]+.progress__value,.course__progress .progress__bar .progress__percent[data-progress^="8"]+.progress__value,.course__progress .progress__bar .progress__percent[data-progress^="9"]+.progress__value{color:#fff}.course__wrap--list .course__display{width:100%;font-weight:500;border-top:1px solid #c8c9d4;color:#222;padding:1.25rem 0;display:flex;gap:1.25rem;position:relative}.course__wrap--list .course__display .course__thumb{width:27%}.course__wrap--list .course__display .course__info{width:53%}.course__wrap--list .course__display .course__data-area{width:20%}.course__wrap--list .course__display .course__thumb{position:relative;background:#000}.course__wrap--list .course__display .course__thumb .thum-img img{width:100%;height:auto;vertical-align:middle}.course__wrap--list .course__display .course__badge{width:100%;display:flex;gap:.3125rem;align-items:center;position:relative}.course__wrap--list .course__display .course__badge .item{height:30px;min-width:5rem;background:#616262;align-content:center;text-align:center;padding:0 15px;border-radius:50px;color:#fff;font-size:clamp(0.75rem,2vw,0.875rem)}.course__wrap--list .course__display .course__badge .item.course__badge--ongoing{background:#0093e7}.course__wrap--list .course__display .course__badge .item.course__badge--retry{background:#ff829d}.course__wrap--list .course__display .course__badge .item.course__badge--completed{background:#6fcdcd}.course__wrap--list .course__display .course__badge .item.course__badge--dday{background:#5661b7}.course__wrap--list .course__display .course__badge .item.course__badge--category{background:#0eb3d3}.course__wrap--list .course__display .course__badge .item.course__badge--tag{background:#fff;color:#333;display:flex;gap:.625rem;position:absolute;right:0}.course__wrap--list .course__display .course__badge .item.course__badge--tag span{outline:1px solid #ddd;height:100%;align-content:center;padding:0 .625rem;border-radius:50px;color:#666}.course__wrap--list .course__display .course__info{margin-left:1.25rem}.course__wrap--list .course__display .course__info .course__headline{font-size:clamp(1.125rem,2vw,1.25rem);color:#000;line-height:120%}.course__wrap--list .course__display .course__info .course__detail{color:#616262;line-height:140%;font-size:clamp(0.875rem,2vw,1rem)}.course__wrap--list .course__display .course__info .course__detail li{display:flex;flex-wrap:wrap;margin-bottom:.3125rem}.course__wrap--list .course__display .course__info .course__detail li .course__details-label{width:20%;margin-right:2%;text-align:left;font-size:clamp(0.875rem,2vw,1rem);align-content:center;border-radius:5px;background-image:url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.4' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");position:relative}.course__wrap--list .course__display .course__info .course__detail li .course__details-label::after{content:"";width:1px;height:50%;background:#dbdbdb;position:absolute;top:50%;right:0;transform:translateY(-50%);margin-right:.625rem}.course__wrap--list .course__display .course__info .course__detail li .course__details-value{width:72%;word-break:break-all}.course__wrap--list .course__display .course__info .course__detail .details-value--re{color:#ff4800}.course__wrap--list .course__display .course__info .course__file-download{display:block;width:100%;height:40px;text-align:center;border:1px solid #222;align-content:center}.course__wrap--list .course__display .course__data-area{align-content:center;text-align:center;border-left:1px solid #eee;padding:0 1.25rem}.course__wrap--list .course__display .course__data-area .course__btn{position:relative;letter-spacing:.5px;align-content:center;border-radius:1.25rem;width:100%;height:75px;border:none;color:#fff;background-image:linear-gradient(to right, #206a9f 0%, #402a91 100%)}.course__wrap--list .course__display .course__data-area .course__btn::after{content:"";width:13px;height:16px;display:block;background:url(/assets/images/course_btn_bullet.png) no-repeat left top;position:absolute;left:80%;top:50%;transform:translateY(-50%)}.course__wrap--list .course__display .course__data-area .course__btn:hover{background-image:linear-gradient(to right, #402a91 0%, #206a9f 100%)}.course__wrap--list .course__display .course__data-area .course__file-download{color:#555;border:1px solid #bdbcbc;display:block;width:100%;height:34px;align-content:center;font-size:.875rem;font-family:"pretendard";font-weight:400}.learning-test__content{min-width:600px;min-height:200px}.card--round{padding:0px;border-radius:.625rem;background:#fff;box-shadow:rgba(0,0,0,.08) 0px 1px 2px 0px,rgba(0,0,0,.05) 0px 0px 2px 0px}.border--gray{outline:1px solid #eceff4}.user__data__result{font-weight:400;font-size:1.275rem;color:#333}@media screen and (max-width: 540px){.user__data__result{text-align:center;padding-bottom:.6rem;display:block;width:100%}}.user__data__result span{color:#3d81ea}.user__data__result strong{color:#3d81ea}.link{text-decoration:underline}.link:hover{color:#333}.sub__header__visual{overflow:hidden}.certificate{display:flex;flex-wrap:wrap}.certificate .certificate__list{width:calc((100% - 0rem)/4);border-right:1px dashed #ddd;padding-right:1rem;padding-left:1rem;padding-bottom:3rem}@media screen and (min-width: 1300px){.certificate .certificate__list:nth-child(4n){border-right:none}}@media screen and (max-width: 1300px){.certificate .certificate__list{width:calc((100% - 0rem)/3)}.certificate .certificate__list:nth-child(3n){border-right:none}}@media screen and (max-width: 540px){.certificate .certificate__list{width:calc((100% - 0rem)/2)}.certificate .certificate__list:nth-child(2n){border-right:none}}@media screen and (max-width: 380px){.certificate .certificate__list{width:calc((100% - 0rem)/1);border-right:none}}.certificate .certificate__list .certificate__item .course__img{overflow:hidden;border-radius:1rem}.certificate .certificate__list .certificate__item .course__img img{width:100%;height:100%;object-fit:cover;transition:.5s}.certificate .certificate__list .certificate__item .course__title{padding:1.1rem 0;font-weight:700;font-size:1rem;color:#000;height:5.125rem}.certificate .certificate__list .certificate__item .course__desc{font-size:.875rem}.certificate .certificate__list .certificate__item .course__desc li{display:flex;line-height:1.2;margin-bottom:.5rem;color:#777;gap:.5rem}.certificate .certificate__list .certificate__item .course__desc li strong{width:30%}.certificate .certificate__list .certificate__item .course__desc li span{width:70%}.certificate .user__data{color:#000 !important}.course__payment-method .payment__list{border-bottom:2px solid #000}.course__payment-method .detail__item__headline{font-size:1.25rem;border-bottom:2px solid #000;font-weight:600;padding-bottom:.9375rem}.course__payment-method .payment__item{display:flex;flex-wrap:wrap}.course__payment-method .payment__item .payment__item-label{width:10%;background:#f5f5fb;border-bottom:1px solid #ddd;padding:1rem 0;text-align:center}@media screen and (max-width: 820px){.course__payment-method .payment__item .payment__item-label{width:25%}}.course__payment-method .payment__item .payment__item-value{border-bottom:1px solid #ddd;width:40%;padding:1rem}@media screen and (max-width: 820px){.course__payment-method .payment__item .payment__item-value{width:75%}}.course__payment-method .payment__item .payment__item-value.value--coruse{width:90%}@media screen and (max-width: 820px){.course__payment-method .payment__item .payment__item-value.value--coruse{width:75%}}.course__payment-method .payment__item strong{font-weight:bold}.view__option{display:flex;align-items:center;justify-content:flex-end;position:relative;gap:1rem;order:3}@media screen and (max-width: 820px){.view__option{display:block}}.view__option .text--small{font-size:.812rem;color:#000;padding-top:.5rem;font-family:"Pretendard"}.view__option .view__option-selector{display:flex;gap:.5rem;align-items:center}.view__option .view__option-selector .item{text-align:center;width:2rem;height:2rem;align-content:center;color:#fff;border-radius:3px;background:#fff;cursor:pointer;border:1px solid rgba(171,171,171,.5)}@media(min-width: 821px){.view__option .view__option-selector .item{width:2.8125rem;height:2.8125rem}}.view__option .view__option-selector .item svg{width:1.5rem;height:1.5rem;fill:#ababab}.view__option .view__option-selector .item.active{background:#fff;border:1px solid #2b79ed;color:#fff}.view__option .view__option-selector .item.active svg{fill:#2b79ed}.search__section{width:100%}@media screen and (max-width: 820px){.search__section .mgT20{margin-top:1.25rem}}.search__section .search__info{width:100%;align-content:center;color:#666;line-height:130%}@media screen and (max-width: 820px){.search__section .search__info{display:none}}.search__section .search__info .search__info_text--s{font-size:1rem;margin:.325rem 0 0 0;color:#818181}@media screen and (max-width: 540px){.search__section .search__info .search__info_text--s{font-size:.875rem;width:90%;margin:0 auto;margin-bottom:.5rem}}.search__section .search__info .search__info_text--s .link{color:#000}@media screen and (max-width: 820px){.board__search__wrap.flex{display:block}}.course__btnarea{width:100%;display:flex;justify-content:center;align-items:center;gap:.3375rem;height:2.8125rem}.course__btnarea .course__btn{flex:8;height:45px;border-radius:5px}.course__btnarea .btn--like{flex:2;height:45px}.course__btnarea .active .like-button__icon{fill:#ff4800;stroke:#ff4800;width:72%;-webkit-animation:jello-vertical .9s both;animation:jello-vertical .9s both}.section__mycampus .course__completion{display:flex;border:1px solid #ddd;border-radius:1rem;padding:1rem 1.875rem}@media screen and (max-width: 820px){.section__mycampus .course__completion{display:block}}.section__mycampus .course__completion .course__completion__item{padding:0 1.875rem;font-size:1.125rem;font-weight:500;color:#000}.section__mycampus .learning-progress{width:22%;margin-right:1.875rem;margin-top:2rem}@media screen and (max-width: 820px){.section__mycampus .learning-progress{width:100%}}.section__mycampus .learning-progress .progress-donut{position:relative;width:180px;height:180px;margin:0 auto}.section__mycampus .learning-progress .progress-donut__svg{transform:rotate(-90deg);width:100%;height:100%}.section__mycampus .learning-progress .progress-donut__svg .progress-donut__circle{transition:stroke-dasharray .8s ease-out}.section__mycampus .learning-progress .progress-donut__circle-bg{fill:none;stroke:#f3f3f3;stroke-width:4}.section__mycampus .learning-progress .progress-donut__circle{fill:none;stroke:#20bae2;stroke-width:4;stroke-linecap:round;transition:stroke-dasharray .3s ease}.section__mycampus .learning-progress .progress-donut__label{width:100%;text-align:center;position:absolute;top:46%;left:50%;transform:translate(-50%, -50%);text-align:center;align-content:center}.section__mycampus .learning-progress .progress-donut__percentage{font-size:1.3rem;font-weight:bold;color:#20bae2}.section__mycampus .learning-progress .progress-donut__text{font-size:.875rem;color:#333;line-height:170%}.section__mycampus .learning-info__wrap{width:78%}@media screen and (max-width: 820px){.section__mycampus .learning-info__wrap{width:100%}}.section__mycampus .learning-info__wrap .learning-info{display:flex;border-bottom:1px dashed #c8c9d4;align-items:center;gap:1rem}.section__mycampus .learning-info__wrap .learning-info:last-child{border-bottom:none}.section__mycampus .learning-info__wrap .learning-info button{flex:1;padding:.6rem}.section__mycampus .learning-info__wrap .learning-info__label{width:15%;padding:.9375rem .625rem;line-height:120%}.section__mycampus .learning-info__wrap .learning-info__value{width:85%;padding:.9375rem}.section__mycampus .learning-info__wrap .learning-info__value .status{color:#ff0030;margin-right:1rem}.section__mycampus .learning-info__wrap .learning-info__value .value__list{margin-top:1.125rem;display:flex;flex-wrap:wrap;border-top:1px solid #c8c9d4;border-left:1px solid #c8c9d4}.section__mycampus .learning-info__wrap .learning-info__value .value__list .value__item{flex:1;text-align:center;min-width:6.25rem;font-size:.9375rem}.section__mycampus .learning-info__wrap .learning-info__value .value__list .value__item a{display:block;border:1px solid #c8c9d4;padding:4px 0;margin-top:5px;border-radius:5px;background:#7253d8;color:#fff}.section__mycampus .learning-info__wrap .learning-info__value .value__list .value__item dt{border-bottom:1px solid #c8c9d4;border-right:1px solid #c8c9d4;height:1.875rem;align-content:center;background:#f1f5f9}.section__mycampus .learning-info__wrap .learning-info__value .value__list .value__item dd{padding:.9375rem;line-height:140%;border-right:1px solid #c8c9d4;border-bottom:1px solid #c8c9d4;min-height:5.625rem;align-content:center}.section__mycampus .learning-info__wrap .learning-info__value .value__list .value__item dd strong{padding:0 3px;color:#20bae2}.section__mycampus .learning-info__wrap .learning-info__value .score{color:#ff0030;margin-left:1rem}.section__mycampus .total-score{font-size:1.125rem;color:#ff0030;padding:.1125rem 1rem;border-radius:30px;text-align:center;margin-top:1rem;font-weight:500}@media screen and (max-width: 1024px){.section__mycampus .review__rating{width:100% !important}}@media screen and (max-width: 1024px){.section__mycampus .lcp-accordion__icon{top:2rem !important}}.status--1::after{content:"";background:#aa2c25}.status--1::before{content:"";background:#aa2c25}.status--2::after{content:"";background:#7253d8}.status--2::before{content:"";background:#462ba0}.status--3::after{content:"";background:#7253d8}.status--3::before{content:"";background:#462ba0}.status--4::after{content:"";background:#555}.status--4::before{content:"";background:#000}.status--5::after{content:"";background-color:#777}.mycampus .user__status{height:100%;display:flex;flex-wrap:wrap;gap:1.5rem}.mycampus .user__status .status--item{flex:1 1 calc(25% - 1.5rem);border:1px solid #eaebf2;border-radius:.625rem;padding:1.5rem;height:100%;background-repeat:no-repeat;background-position:95% bottom;background-size:auto 4.2rem;transition:.2s;box-shadow:rgba(0,0,0,.08) 0px 4px 12px;background-color:#f8f9fe;position:relative}.mycampus .user__status .status--item .item-title{margin-bottom:2rem;font-size:.9375rem;font-weight:500}.mycampus .user__status .status--item .item-value{font-family:"pretendard";font-size:1rem;display:block}.mycampus .user__status .status--item .item-value strong{font-size:1.375rem;font-weight:600;padding-right:3px;color:#000}.mycampus .user__status .status--item[data-item=icon_1]{background-image:url(/assets/images/my_campus/myboard_02.png)}.mycampus .user__status .status--item[data-item=icon_2]{background-image:url(/assets/images/my_campus/myboard_01.png)}.mycampus .user__status .status--item[data-item=icon_3]{background-image:url(/assets/images/my_campus/myboard_03.png)}.mycampus .user__status .status--item[data-item=icon_4]{background-image:url(/assets/images/my_campus/myboard_04.png)}.mycampus .user__status .status--item[data-item=icon_5]{background-image:url(/assets/images/my_campus/myboard_05.png)}.mycampus .user__status .status--item[data-item=icon_6]{background-image:url(/assets/images/my_campus/myboard_09.png)}.mycampus .user__status .status--item[data-item=icon_7]{background-image:url(/assets/images/my_campus/myboard_07.png)}.mycampus .user__status .status--item[data-item=icon_8]{background-image:url(/assets/images/my_campus/myboard_08.png)}.mycampus .user__status .status--item:hover{background-position:95% 90%}.myinfo{margin-top:3.125rem;display:flex;gap:1.5rem}.myinfo .user--board{flex:1;position:relative;display:flex;flex-wrap:wrap;gap:1.5rem}.myinfo .user--board .board__item{flex:1 1 100%;padding:2rem;border:1px solid #0974db;border-radius:1rem 1rem 1rem 0;background-image:url(/assets/images/main/service_01.jpg);background-size:cover}@media screen and (min-width: 821px){.myinfo .user--board .board__item{flex:1}}.myinfo .user--board .board__item .btn--modify{background:#0974db}.myinfo .user--board .board__item .board__item__title{font-weight:600;color:#000;margin-bottom:1.2rem;font-size:1.125rem}.myinfo .user--board .board__item .board__item__desc{display:block;font-size:.875rem;color:#7a7979;line-height:100%;font-weight:400;margin-top:.5rem}.myinfo .user--board .board__item .board__list li{font-size:.9375rem;color:#222;line-height:160%;list-style-type:square;margin-left:1.2rem}.myinfo .user--board .board--free{flex:1 1 100%;background-image:none;background-color:#f8f8f8;border:1px solid #f6f6f6}.myinfo .user--board .board--free .board__list{display:flex;flex-wrap:wrap}.myinfo .user--board .board--free .board__list li{width:47%;font-size:.875rem;color:#222;line-height:160%}.myinfo .user--board .board--free .board__list li a:hover{text-decoration:underline}.myinfo .user--board .user--profile{border:1px solid #7253d8;position:relative;overflow:hidden;background-image:url(/assets/images/main/service_03.jpg)}.myinfo .user--board .user--profile .btn--modify{background:#7253d8}.myinfo .box--radius{border-radius:.625rem;padding:1rem;border:1px solid #ddd}.myinfo .btn--modify{border-radius:2rem 2rem 2rem 0;background-color:#222;color:#fff;width:100%;height:2.4rem;display:block;margin:0 auto;text-align:center;align-content:center;background-image:url(/assets/images/svg/arrow-up-right.svg);background-repeat:no-repeat;background-position:90% center;background-size:auto 20px;font-size:.9375rem}.alt--messge{color:#ff0030}