.page-episode{background-color:#2f0f67;flex-direction:column;width:1280px;height:100vh;margin:0 auto;display:flex;position:relative}@media (min-width:720px) and (max-width:1279px){.page-episode{width:100%}}@media (max-width:719px){.page-episode{width:100%;height:auto;min-height:100vh;padding:0 20px 30px}}.page-episode .header{justify-content:space-between;align-items:center;padding:14px 66px 8px;font-size:0;display:flex}@media (max-width:1024px){.page-episode .header{padding:14px 20px 8px}}@media (max-width:719px){.page-episode .header{padding:14px 0 6px}}.page-episode .btn-back{background:url(../media/header-back-bright.3mbqlej-t84lo.svg) 0 0/100% 100% no-repeat;width:48px;height:48px;transform:scale(.91)}.page-episode .btn-back:hover{transition:transform .2s;transform:scale(1)}@media (max-width:719px){.page-episode .btn-back{width:36px;height:36px}}.page-episode .btn-home{background:url(../media/header-home.0mrxdifimuum3.svg) 0 0/100% 100% no-repeat;width:48px;height:48px;transform:scale(.91)}.page-episode .btn-home:hover{transition:transform .2s;transform:scale(1)}@media (max-width:719px){.page-episode .btn-home{width:36px;height:36px}}.wrap-episode{flex:auto;height:100%;padding:0 50px 50px;overflow:auto}@media (max-width:1024px){.wrap-episode{padding:0 20px 40px}}@media (max-width:719px){.wrap-episode{overflow:initial;padding:0 0 116px}}.box-episode{background:#6b5bab;border:8px solid #6b5bab;border-radius:40px;gap:11px;height:100%;display:flex;overflow:hidden}@media (max-width:719px){.box-episode{flex-wrap:wrap;height:auto}}.box-episode .area-inventory.type-default{background:0 0;padding:0}.box-episode .area-inventory.type-default .view-inventory{margin:0 -32px}@media (max-width:719px){.box-episode .area-inventory.type-default .view-inventory{margin:0}}.box-episode .area-inventory.type-default .view-inventory .swiper{padding:0 32px}@media (max-width:719px){.box-episode .area-inventory.type-default .view-inventory .swiper{margin:0 -20px;padding:0 20px}}.box-episode .area-inventory.type-default .swiper-slide+.swiper-slide{margin-left:24px}@media (max-width:719px){.box-episode .area-inventory.type-default .swiper-slide+.swiper-slide{margin-left:8px}}.box-episode .area-inventory.type-default .link-inventory .area-image{border-radius:16px;width:96px;height:134px}.box-episode .area-inventory.type-default .link-inventory .area-image .data-image:before{border-radius:16px}@media (max-width:719px){.box-episode .area-inventory.type-default .link-inventory .area-image{border-radius:12px;width:72px;height:100px}.box-episode .area-inventory.type-default .link-inventory .area-image img,.box-episode .area-inventory.type-default .link-inventory .area-image .data-image:before{border-radius:12px}}.box-episode .area-inventory.type-default .link-inventory .name{color:#333;white-space:normal;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;width:96px;margin:8px 0 0;font-size:13px;font-weight:400;display:-webkit-box;overflow:hidden}@media (max-width:719px){.box-episode .area-inventory.type-default .link-inventory .name{width:72px}}.box-episode .area-inventory.type-default .link-inventory .name span{color:#333;font-size:13px;font-weight:400;display:block}.view-user{background-color:#fff;border-radius:36px;flex-direction:column;flex:none;width:280px;height:100%;padding:40px 36px;display:flex;position:relative}@media (max-width:719px){.view-user{align-items:center;width:100%;padding:20px}}.view-user:after{content:"";background:url(../media/bg-episode.05mtzjm392xi4.svg) repeat-y;width:24px;position:absolute;top:45px;bottom:45px;right:-17px}@media (max-width:719px){.view-user:after{content:"";background:url(../media/bg-episode-m.1btby3d70cdxw.svg) repeat-x;width:auto;height:24px;margin-top:-6px;top:100%;left:30px;right:30px}}.view-user .wrap-photo{border-radius:12px;justify-content:center;align-items:center;margin-bottom:10px;display:inline-flex;position:relative}.view-user .wrap-photo .data-photo{border-radius:12px;font-size:0;position:relative}.view-user .wrap-photo .data-photo.default{background-color:#d9d9d9;width:208px;height:288px}@media (max-width:719px){.view-user .wrap-photo .data-photo.default{width:180px;height:250px}.view-user .wrap-photo .data-photo{border-radius:30px}}.view-user .wrap-photo .data-photo:before{content:"";z-index:1;border-radius:20px;display:block;position:absolute;inset:0;box-shadow:inset 5px -5px #0000001a}@media (max-width:719px){.view-user .wrap-photo .data-photo:before{border-radius:30px}}.view-user .wrap-photo img{border-radius:12px;max-width:208px;max-height:288px}@media (max-width:719px){.view-user .wrap-photo img{border-radius:12px;max-width:180px;max-height:250px}}@media (min-width:720px) and (max-height:700px){.view-user .wrap-photo img{max-height:max(96px,min(288px,100vh - 380px))}}.view-user .wrap-photo .badge-curriculum{background-color:var(--Po-30,#ceff70);color:#000;z-index:1;white-space:nowrap;border-radius:0 16px 16px 0;padding:8px;font-size:13px;font-weight:800;line-height:1.2;position:absolute;bottom:88px;left:0}.view-user .wrap-photo .badge-quiz{color:#000;z-index:1;white-space:nowrap;background-color:#ffe865;border-radius:0 16px 16px 0;width:40px;height:31px;padding:8px;font-size:13px;font-weight:800;line-height:1.2;position:absolute;bottom:52px;left:0}.view-user .wrap-photo .badge-tts{z-index:1;background-color:#508ded;background-image:url(../media/tts-badge.298050_y6-a2l.svg);background-position:50%;background-repeat:no-repeat;background-size:22px 22px;border-radius:0 16px 16px 0;width:40px;height:31px;position:absolute;bottom:16px;left:0}.view-user .wrap-photo .check-heart{z-index:3;cursor:pointer;background-color:#f7f5fe;border-radius:12px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex;position:absolute;top:6px;right:6px}@media (max-width:719px){.view-user .wrap-photo .check-heart{margin-left:6px;left:100%}}.view-user .wrap-photo .check-heart input{display:none}.view-user .wrap-photo .check-heart input:checked+i{background:url(../media/icon-heart-active.2s29sm39vgo9d.svg) 0 0/100% 100% no-repeat}.view-user .wrap-photo .check-heart i{background:url(../media/icon-heart.3tlk87vqpz198.svg) 0 0/100% 100% no-repeat;width:28px;height:28px;display:inline-block}.view-user .top-title{display:none}@media (max-width:719px){.view-user .top-title{border-bottom:1px solid #ededed;width:100%;margin-bottom:8px;padding-bottom:8px;display:block}.view-user .top-title .label{color:#6b5bab;text-align:center;padding-bottom:8px;font-size:14px}.view-user .top-title .title{text-align:center;color:#0d0d0d;flex-direction:column;padding-bottom:10px;font-family:TmoneyRoundWind;font-size:19px;display:flex}.view-user .top-title .title .title-sub{color:#0d0d0d;text-align:center;font-family:NanumSquareRound;font-size:15px;font-weight:700;position:relative}.view-user .top-title .data-writer{color:#737373;text-align:center;justify-content:center;font-size:13px;font-weight:400}.view-user .top-title .data-writer .dot{color:#737373;text-align:center;margin:0 2px;font-size:13px;font-weight:400}.view-user .top-title .data-writer span{margin-left:5px}}.view-user .wrap-user{flex-direction:column;padding:0;display:flex}@media (max-width:719px){.view-user .wrap-user{flex-direction:row;width:100%;padding:0}}.view-user .data-user{align-items:center;padding:0 16px;display:flex}@media (max-width:719px){.view-user .data-user{flex-direction:column;flex:auto;padding:0}}.view-user .data-user dt{color:#170a38;align-items:center;width:92px;margin-right:13px;font-size:13px;line-height:32px;display:inline-flex}@media (max-width:719px){.view-user .data-user dt{white-space:nowrap;width:auto;margin:0;line-height:20px}}.view-user .data-user dt [class^=icon-]{width:24px;height:24px;margin-right:4px;display:inline-block}.view-user .data-user dt .icon-child{background:url(../media/img-child.36s7x5ws1knui.svg) 0 0/100% 100% no-repeat}.view-user .data-user dt .icon-heart{background:url(../media/icon-heart-active.2s29sm39vgo9d.svg) 0 0/100% 100% no-repeat}.view-user .data-user dt .icon-book{background:url(../media/icon-bookset.0ywox3_95x7fa.svg) 0 0/100% 100% no-repeat}.view-user .data-user dd{color:#333;font-size:15px;font-weight:400;line-height:32px}@media (max-width:719px){.view-user .data-user dd{margin-top:8px;font-size:13px;line-height:1.2em}}.view-user .ui-buttons{gap:6px;margin-top:auto;display:flex}@media (max-width:719px){.view-user .ui-buttons{z-index:20;background-color:#2b1369;padding:20px 20px 40px;position:fixed;bottom:0;left:0;right:0}}.view-user .ui-buttons .btn-icon{background-color:#fff;border:1px solid #806ef7;border-radius:16px;flex:none;justify-content:center;align-items:center;width:56px;height:56px;display:inline-flex}.view-user .ui-buttons .btn-icon.type-default-down:before{content:"";background:url(../media/icon-download-default.0-4x0peapkpjd.svg) 0 0/100% 100% no-repeat;width:32px;height:32px;display:inline-block}.view-user .ui-buttons .btn-icon:disabled{opacity:.3}.view-user .ui-buttons .btn-icon.type-download:before{content:"";background:url(../media/icon-download.02dljc62qhcw9.svg) 0 0/100% 100% no-repeat;width:32px;height:32px;display:inline-block}.view-user .ui-buttons .btn-icon.type-progress:before{background:radial-gradient(closest-side, white 65%, transparent 70% 100%),conic-gradient(#806ef7 75%, #d1cafc 0);content:"";border-radius:50%;width:32px;height:32px;display:inline-block}.view-user .ui-buttons .btn-solid-s{color:#fff;background-color:#806ef7;flex:auto;width:100%;font-size:16px;line-height:56px}.view-user .ui-buttons .btn-solid-s:disabled{cursor:not-allowed;background:#b2b2b2}.view-episode{background:#fff;border-radius:36px;flex:auto;width:100%;padding:40px 32px;overflow:auto}@media (max-width:719px){.view-episode{padding:28px 20px 24px}}.view-episode::-webkit-scrollbar{display:none}.view-episode .top-title.type-web{display:block}@media (max-width:719px){.view-episode .top-title.type-web{display:none}}.view-episode .top-title .label{color:#6b5bab;padding-bottom:8px;font-size:16px}.view-episode .top-title .title{color:#0d0d0d;flex-wrap:wrap;align-items:center;padding-bottom:10px;font-family:TmoneyRoundWind;font-size:22px;display:flex}.view-episode .top-title .title .title-sub{color:#0d0d0d;margin-left:8px;padding-left:8px;font-family:NanumSquareRound;font-size:18px;font-weight:700;position:relative}.view-episode .top-title .title .title-sub:before{content:"";content:"";border-left:1px solid #000;height:18px;margin-top:-9px;position:absolute;top:50%;left:0}.view-episode .top-title .data-writer{color:#333;font-size:15px;font-weight:400;display:flex}.view-episode .top-title .data-writer .dot{color:#333;margin:0 5px;font-size:15px;font-weight:400}.view-episode .top-title .data-writer span{margin-left:5px}.view-episode .info{border-top:1px solid #ededed;border-bottom:1px solid #ededed;margin:18px 0 0;padding:7px 0}@media (max-width:719px){.view-episode .info{border-top:none;margin:0;padding-bottom:24px}}.view-episode .info dl{align-items:center;padding:0 4px;display:flex}@media (max-width:719px){.view-episode .info dl{flex-direction:column;align-items:flex-start;padding:0}}.view-episode .info dl+dl{margin-top:4px}@media (max-width:719px){.view-episode .info dl+dl{margin-top:20px}}.view-episode .info dl dt{color:#170a38;letter-spacing:-1px;align-items:center;width:76px;min-width:76px;margin-right:8px;font-size:13px;line-height:24px;display:flex}@media (max-width:719px){.view-episode .info dl dt{width:100%;margin:0;font-size:15px}}.view-episode .info dl dt [class^=icon-]{width:20px;height:20px;margin-right:4px;display:inline-block}.view-episode .info dl dt .icon-recommend{background:url(../media/img-recommend.37uyd6f3_3h4j.svg) 0 0/100% 100% no-repeat}.view-episode .info dl dt .icon-trophy{background:url(../media/img-trophy.3xp37dfv98gya.svg) 0 0/100% 100% no-repeat}.view-episode .info dl dd{color:#333;font-size:13px;font-weight:400;line-height:24px}.view-episode .form-detail{margin-top:32px}@media (max-width:719px){.view-episode .form-detail{margin-top:24px}}.view-episode .form-detail.dev-tools{border-top:1px dashed #d9d9d9;padding-top:24px}.view-episode .form-detail.dev-tools .form-label{color:#888;justify-content:center;font-size:13px}.view-episode .form-detail.dev-tools .btn-dev{color:#fff;cursor:pointer;background-color:#806ef7;border:none;border-radius:12px;width:100%;height:48px;font-size:15px;font-weight:700}.view-episode .form-detail.dev-tools .btn-dev:disabled{cursor:not-allowed;background-color:#b2b2b2}.view-episode .form-detail.dev-tools .dev-desc{color:#888;text-align:center;margin-top:8px;font-size:12px}.view-episode .form-detail .form-label{color:#000;justify-content:space-between;padding-bottom:8px;font-family:TmoneyRoundWind;display:flex}@media (max-width:719px){.view-episode .form-detail .form-label{padding-bottom:4px;font-size:14px}}.view-episode .form-detail .form-label .btn-more{background:url(../media/arrow-more-black.0gxhmg_vjslt5.svg) 0 0/100% 100% no-repeat;width:24px;height:24px;display:inline-block}.view-episode .form-detail .data-det{color:#333;font-size:16px;font-weight:400}@media (max-width:719px){.view-episode .form-detail .data-det{font-size:15px;line-height:22px}}.view-episode .form-detail .data-det-expired{color:#333;background-color:#eee;font-size:16px;font-weight:400}@media (max-width:719px){.view-episode .form-detail .data-det-expired{font-size:15px;line-height:22px}}.view-episode .form-detail .wrap-hash{flex-wrap:wrap;gap:6px;margin-top:5px;display:flex}@media (max-width:719px){.view-episode .form-detail .wrap-hash{margin-top:10px}}.view-episode .form-detail .wrap-hash .data-hash{color:#2b1369;cursor:pointer;background-color:#f7f5fe;border:1px solid #e1ddfd;border-radius:116px;padding:3px 7px;font-size:13px;font-weight:400;line-height:23px;transition:font-size .2s;display:inline-block}.view-episode .form-detail .wrap-hash .data-hash:hover{font-weight:700}.view-episode .form-detail .data-det-g{color:#365200;font-size:16px;font-weight:400}@media (max-width:719px){.view-episode .form-detail .data-det-g{font-size:15px;line-height:22px}}.view-episode .form-detail .wrap-hash-g{flex-wrap:wrap;gap:6px;margin-top:5px;display:flex}@media (max-width:719px){.view-episode .form-detail .wrap-hash-g{margin-top:10px}}.view-episode .form-detail .wrap-hash-g .data-hash{color:#365200;cursor:pointer;background-color:#f6ffe5;border:1px solid #d3eda2;border-radius:116px;padding:3px 7px;font-size:13px;font-weight:400;line-height:23px;transition:font-size .2s;display:inline-block}.view-episode .form-detail .wrap-hash-g .data-hash:hover{font-weight:700}.view-episode .form-detail .summary{color:#333;font-size:16px;font-weight:700;line-height:24px}@media (max-width:719px){.view-episode .form-detail .summary{font-size:15px;line-height:22px}}.view-episode .form-detail .det-summary{color:#333;margin-top:10px;font-size:15px;line-height:21px}@media (max-width:719px){.view-episode .form-detail .det-summary{margin-top:10px}}.view-episode .form-detail .det-summary .link-view{color:#424242;margin-left:4px;font-size:13px;font-weight:600}.view-episode .form-detail .activity-list{flex-direction:column;gap:8px;display:flex}.view-episode .form-detail .activity-item{cursor:pointer;text-align:left;background-color:#f7f5fe;border:1px solid #e1ddfd;border-radius:16px;align-items:center;gap:10px;width:100%;padding:12px 14px;transition:border-color .2s,box-shadow .2s;display:flex}@media (max-width:719px){.view-episode .form-detail .activity-item{border-radius:14px;gap:6px;min-height:52px;padding:10px 12px}}.view-episode .form-detail .activity-item:hover{border-color:#c9c0f0;box-shadow:0 2px 8px #6b5bab1f}.view-episode .form-detail .activity-item .activity-icon{background-position:50%;background-repeat:no-repeat;background-size:20px 20px;border-radius:12px;flex:none;width:36px;height:36px}@media (max-width:719px){.view-episode .form-detail .activity-item .activity-icon{background-size:16px 16px;border-radius:8px;width:28px;height:28px}}.view-episode .form-detail .activity-item .activity-icon.quiz{background-color:#ffe865;background-image:url(../media/icon-quiz-q.08__kk3x6is57.svg)}.view-episode .form-detail .activity-item .activity-icon.canvas{background-color:#806ef7;background-image:url(../media/icon-memo-pencil.3xo7wxou-mye5.svg)}.view-episode .form-detail .activity-item .activity-icon.review{background-color:#f5a623;background-image:url(../media/icon-memo-pencil.3xo7wxou-mye5.svg)}.view-episode .form-detail .activity-item .activity-label{color:#2b1369;white-space:nowrap;font-family:TmoneyRoundWind;font-size:14px;font-weight:800}@media (max-width:719px){.view-episode .form-detail .activity-item .activity-label{font-size:12px}}.view-episode .form-detail .activity-item .activity-heading{flex-wrap:nowrap;flex-shrink:0;align-items:center;gap:6px;min-width:0;display:flex}@media (max-width:719px){.view-episode .form-detail .activity-item .activity-heading{gap:3px}}.view-episode .form-detail .activity-item .activity-copy{white-space:nowrap;flex:1;align-items:center;gap:12px;min-width:0;display:flex;overflow:hidden}@media (max-width:719px){.view-episode .form-detail .activity-item .activity-copy{gap:6px}}.view-episode .form-detail .activity-item .activity-badge{color:#6f3f00;text-align:center;background:linear-gradient(#ffd65a 0%,#ffb11a 100%);border-radius:999px;flex:none;justify-content:center;align-self:center;align-items:center;height:22px;padding:0 8px;font-family:TmoneyRoundWind;font-size:11px;font-weight:800;line-height:1;display:inline-flex;box-shadow:0 4px 10px #ffb11a38}@media (max-width:719px){.view-episode .form-detail .activity-item .activity-badge{height:16px;padding:0 5px;font-size:8px;line-height:1}}.view-episode .form-detail .activity-item .activity-sub{color:#6b5bab;text-align:right;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:12px;overflow:hidden}@media (max-width:719px){.view-episode .form-detail .activity-item .activity-sub{letter-spacing:-.2px;font-size:9px;line-height:1.2}}.view-episode .form-detail .activity-item .activity-arrow{opacity:.3;background:url(../media/arrow-more-black.0gxhmg_vjslt5.svg) 50%/100% 100% no-repeat;flex:none;width:16px;height:16px}@media (max-width:719px){.view-episode .form-detail .activity-item .activity-arrow{align-self:center;width:14px;height:14px}}.view-episode .form-detail .activity-item.is-locked{cursor:default;background-color:#f5f5f5;border-color:#ebebeb}.view-episode .form-detail .activity-item.is-locked:hover{box-shadow:none;border-color:#ebebeb}.view-episode .form-detail .activity-item.is-locked .activity-icon{opacity:.5;background-color:#e0e0e0}.view-episode .form-detail .activity-item.is-locked .activity-label{color:#b3b3b3}.view-episode .form-detail .activity-item.is-locked .activity-sub{color:#c4c4c4}.view-episode .form-detail .activity-item.is-locked .activity-arrow{opacity:.15}.view-episode .form-detail .activity-item.is-highlighted{background:linear-gradient(135deg,#fff8d9 0%,#fff2db 100%);border-color:#f5c96b;box-shadow:0 6px 16px #f5b12e2e}.view-episode .form-detail .activity-item.is-highlighted:hover{border-color:#e7b449;box-shadow:0 8px 20px #f5b12e3d}.view-episode .form-detail .activity-item.is-highlighted .activity-label{color:#5e3600}.view-episode .form-detail .activity-item.is-highlighted .activity-sub{color:#9b5b00}.view-episode .form-detail .activity-item.is-highlighted .activity-arrow{opacity:.45}.view-episode .form-detail .activity-item.activity-item--disabled{opacity:.5;cursor:default}.view-episode .writer+.writer{margin-top:16px}@media (max-width:719px){.view-episode .writer+.writer{margin-top:24px}}.view-episode .writer dt{color:#333;margin-bottom:8px;font-size:16px;font-weight:700;line-height:24px}@media (max-width:719px){.view-episode .writer dt{margin-bottom:4px;font-size:13px;line-height:1.2em}}.view-episode .writer dd{letter-spacing:-1px;color:#333;font-size:15px}.view-episode .writer dd .link-view{color:#424242;font-size:13px;font-weight:600}.view-episode .data-code{border-top:1px solid #ededed;border-bottom:1px solid #ededed;align-items:center;gap:18px;margin:32px 0 0;padding:15px 4px;display:flex}.view-episode .data-code dl dt{color:#333;padding-bottom:10px;font-size:13px}@media (max-width:719px){.view-episode .data-code dl dt{padding-bottom:5px;font-size:12px}}.view-episode .data-code dl dd{color:#737373;font-size:15px;font-weight:400}