.navigation-bar{position:sticky;background-color:#fff;z-index:1002}.navigation-bar.up{transition:all .3s ease-out}.navigation-bar ul{display:flex;list-style-type:none;padding:0;margin-bottom:10px;width:100%;overflow:scroll}.navigation-bar ul::-webkit-scrollbar{display:none}.navigation-bar ul>li{font-weight:700;margin:10px 8px 0;word-break:keep-all;padding-bottom:8px}.navigation-bar ul>li.active{border-bottom:3px solid #414141}.navigation-bar ul>li a{color:#414141;font-size:15px}body[data-v-c0d856d8]{--vc-pgn-width: 6px;--vc-pgn-height: 6px;--vc-pgn-border-radius: 50%}#course_show .step-main[data-v-c0d856d8]{display:grid;-moz-column-gap:6px;column-gap:6px;grid-template-columns:1fr}@media (min-width: 424px){#course_show .step-main[data-v-c0d856d8]{grid-template-columns:1fr 1fr}#course_show .step-main>a>.img-wrapper[data-v-c0d856d8]{grid-column:1/2;grid-row:2/3}#course_show .step-main ul.preview[data-v-c0d856d8]{grid-column:1/3;grid-row:3/4}#course_show .step-main>.title[data-v-c0d856d8]{grid-column:1/3;grid-row:1/2}#course_show .step-main .info-wrapper[data-v-c0d856d8]{grid-column:2/3;grid-row:2/3}}#course_show .step-main>.title[data-v-c0d856d8]{font-size:16px;margin:5px 0;color:#414141;font-weight:700}#course_show .step-main>.title a[data-v-c0d856d8]{color:#414141}#course_show .step-main>.title a[data-v-c0d856d8]:active{text-decoration:underline}#course_show .step-main>.img-wrapper[data-v-c0d856d8]{width:100%;min-width:130px;position:relative}#course_show .step-main>.img-wrapper a>img[data-v-c0d856d8]{width:100%;border-radius:5px;max-height:280px;max-width:292px}#course_show .step-main>.img-wrapper>span[data-v-c0d856d8]{position:absolute;top:0;display:flex;padding:2px 6px;color:#fff;font-size:12px}#course_show .step-main>.img-wrapper>span.in_preparation[data-v-c0d856d8]{background-color:#c73f33}#course_show .step-main>.img-wrapper>span.unavailable[data-v-c0d856d8]{background-color:#414141}#course_show .step-main .iframe-wrapper[data-v-c0d856d8]{position:relative;padding-bottom:66.6%;height:0;overflow:hidden}#course_show .step-main .iframe-wrapper iframe[data-v-c0d856d8]{position:absolute;top:0;left:0;width:100%;height:100%}#course_show .step-main .iframe-wrapper img[data-v-c0d856d8]{width:100%}#course_show .step-main .iframe-wrapper .gray[data-v-c0d856d8]{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;background-color:rgba(0,0,0,.3)}#course_show .step-main .iframe-wrapper .gray img[data-v-c0d856d8]{width:80px}#course_show .step-main ul.preview[data-v-c0d856d8]{display:flex;padding:0;list-style-type:none;justify-content:flex-start;margin:10px 0;width:100%}#course_show .step-main ul.preview[data-v-c0d856d8]::-webkit-scrollbar{display:none}#course_show .step-main ul.preview.overflow[data-v-c0d856d8]{justify-content:start;overflow:scroll}#course_show .step-main ul.preview li[data-v-c0d856d8]{position:relative;margin-left:5px}#course_show .step-main ul.preview li>img[data-v-c0d856d8]{width:60px;height:40px;border-radius:5px;-o-object-fit:contain;object-fit:contain}#course_show .step-main ul.preview li>img.active[data-v-c0d856d8]{border:2px solid green}#course_show .step-main ul.preview li>.play[data-v-c0d856d8]{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;background-color:rgba(0,0,0,.3)}#course_show .step-main ul.preview li>.play>img[data-v-c0d856d8]{width:80px}#course_show .step-main .info-wrapper[data-v-c0d856d8]{width:100%;display:flex;flex-direction:column;justify-content:space-between;position:relative}#course_show .step-main .info-wrapper ul.info[data-v-c0d856d8]{list-style-type:none;margin-bottom:0;padding:0}#course_show .step-main .info-wrapper ul.info>li[data-v-c0d856d8]{display:flex;align-items:center;margin-right:10px}#course_show .step-main .info-wrapper ul.info>li.icon>p[data-v-c0d856d8]{margin-bottom:0;font-size:14px}#course_show .step-main .info-wrapper ul.info>li.icon>p img[data-v-c0d856d8]{width:14px;height:14px}#course_show .step-main .info-wrapper ul.info>li.icon>p>button[data-v-c0d856d8]{margin-left:5px;border:none;background:none}#course_show .step-main .info-wrapper ul.info>li.icon>p>button>img[data-v-c0d856d8]{width:12px;height:12px}#course_show .step-main .info-wrapper .contents[data-v-c0d856d8]{position:absolute;bottom:0;right:0}#course_show .step-main .info-wrapper .contents>ul.btn-wrapper[data-v-c0d856d8]{display:flex;-moz-column-gap:6px;column-gap:6px;align-items:center;justify-content:center;list-style-type:none;padding:0;margin-bottom:0}#course_show .step-main .info-wrapper .contents>ul.btn-wrapper>li a.btn.video>img.icon[data-v-c0d856d8]{width:16px;position:absolute;top:8.7px;left:6.5px}#course_show .step-main .info-wrapper .contents>ul.btn-wrapper>li .btn[data-v-c0d856d8]{font-size:12px;background-color:#f9f1f1;padding:6px;border-radius:50%;width:30px;height:30px;position:relative}#course_show .step-main .info-wrapper .contents>ul.btn-wrapper>li .btn.disable[data-v-c0d856d8]{border:none;background-color:#bfbfbf}#course_show .step-main .info-wrapper .contents>ul.btn-wrapper>li .btn.disable>img.icon[data-v-c0d856d8]{position:absolute;top:9.7px;left:6.7px;width:17px}#course_show .step-main .info-wrapper .contents>ul.btn-wrapper>li .btn.detail>img.icon[data-v-c0d856d8]{position:absolute;width:13px;top:7.4px;left:7.4px}#course_show .step-main .info-wrapper .contents>ul.btn-wrapper>li .btn.cart>img.icon[data-v-c0d856d8]{width:13px;position:absolute;top:7.4px;left:7.4px}