.CourseView_course-view___6CJS{height:auto}@media(min-width:1025px){.CourseView_course-view___6CJS{width:1000px;margin:0 auto;padding:100px 0 180px}}.CourseView_course-view-top__zIYs2{padding:0 2rem}@media(min-width:670px)and (max-width:1024px){.CourseView_course-view-top__zIYs2{padding:0 1rem}}@media(min-width:1025px){.CourseView_course-view-top__zIYs2{padding:0}}.CourseView_course-view___6CJS .CourseView_sticky__p9zIM{display:flex;justify-content:space-between;align-items:flex-start;position:relative;padding:4.5rem 0 0}@media(min-width:670px)and (max-width:1024px){.CourseView_course-view___6CJS .CourseView_sticky__p9zIM{padding-top:2.25rem}}@media(min-width:1025px){.CourseView_course-view___6CJS .CourseView_sticky__p9zIM{padding:0;z-index:20}}.CourseView_course-view___6CJS .CourseView_sticky__p9zIM .CourseView_page-title__UiEpW{position:fixed;top:0;left:0;width:82%;background:#fff;color:#111;font-size:1.7rem;letter-spacing:-.02em;font-weight:500;text-align:center}@media(min-width:670px)and (max-width:1024px){.CourseView_course-view___6CJS .CourseView_sticky__p9zIM .CourseView_page-title__UiEpW{font-size:1.45rem}}@media(min-width:1025px){.CourseView_course-view___6CJS .CourseView_sticky__p9zIM .CourseView_page-title__UiEpW{width:100rem;margin:0 auto}}.CourseView_course-view___6CJS .CourseView_sticky__p9zIM.CourseView_off__B164J .CourseView_page-title__UiEpW{position:static;color:#000;font-size:3rem;font-weight:700;letter-spacing:-.02em;line-height:3.6rem;text-align:left}@media(min-width:670px)and (max-width:1024px){.CourseView_course-view___6CJS .CourseView_sticky__p9zIM.CourseView_off__B164J .CourseView_page-title__UiEpW{font-size:1.465rem;line-height:1.75rem}}@media(min-width:1025px){.CourseView_course-view___6CJS .CourseView_sticky__p9zIM.CourseView_off__B164J .CourseView_page-title__UiEpW{padding-top:14px;font-size:50px;line-height:57px}}.CourseView_course-view___6CJS .CourseView_sticky__p9zIM .CourseView_title-wrap__t7lO0{display:flex;justify-content:space-between;align-items:center}.CourseView_course-view___6CJS .CourseView_sticky__p9zIM .CourseView_wish-button__s5vd4{display:flex;justify-content:center;align-items:center;flex-shrink:0;flex-grow:0;width:3.8rem;height:3.8rem;padding:0;border-radius:50%;border:.05rem solid #ccc;cursor:pointer}@media(min-width:670px)and (max-width:1024px){.CourseView_course-view___6CJS .CourseView_sticky__p9zIM .CourseView_wish-button__s5vd4{width:1.9rem;height:1.9rem}}.CourseView_course-view___6CJS .CourseView_sticky__p9zIM .CourseView_wish-button__s5vd4>svg{width:1.6725rem;height:1.474rem}@media(min-width:670px)and (max-width:1024px){.CourseView_course-view___6CJS .CourseView_sticky__p9zIM .CourseView_wish-button__s5vd4>svg{width:.875rem;height:.775rem}}@media(min-width:1025px){.CourseView_course-view___6CJS .CourseView_sticky__p9zIM .CourseView_wish-button__s5vd4{width:62px;height:62px;margin-top:8px;border:1px solid #ccc}.CourseView_course-view___6CJS .CourseView_sticky__p9zIM .CourseView_wish-button__s5vd4>svg{width:27.61px;height:24.34px}}.CourseView_course-view__description__8sn0Y{margin:1.6rem 0 2rem;color:#555;font-size:1.4rem;letter-spacing:-.02em;line-height:2rem}@media(min-width:670px)and (max-width:1024px){.CourseView_course-view__description__8sn0Y{margin:.8rem 0 1rem;padding-right:3rem;font-size:.7rem;line-height:1rem}}@media(min-width:1025px){.CourseView_course-view__description__8sn0Y{margin:15px 0 19px;font-size:19px;line-height:29px}}.CourseView_course-view__info-level__4G2Bw{position:relative;display:flex;align-items:center;margin:0 0 2.1rem;z-index:-1}@media(min-width:670px)and (max-width:1024px){.CourseView_course-view__info-level__4G2Bw{margin:0 0 1.79rem;height:1.28rem}}@media(min-width:1025px){.CourseView_course-view__info-level__4G2Bw{height:auto;margin-bottom:28px}}.CourseView_course-view__info-tags__VG5po{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;font-size:1.15rem;text-align:center;line-height:1.35}@media(min-width:670px)and (max-width:1024px){.CourseView_course-view__info-tags__VG5po{gap:.25rem;font-size:.575rem}}@media(min-width:1025px){.CourseView_course-view__info-tags__VG5po{font-size:15px;gap:10px}}.CourseView_course-view__info-tags__VG5po .CourseView_complete-tag__lFTcH{padding:.5rem .9rem .5rem 2rem;color:#555;border-radius:.5rem;text-align:center;border:.05rem solid #ddd;background:url(https://img.uphone3.com/web/course/ico_course_view_completed.svg) no-repeat .8rem/.8rem .55rem}@media(min-width:670px)and (max-width:1024px){.CourseView_course-view__info-tags__VG5po .CourseView_complete-tag__lFTcH{padding:.25rem .45rem .25rem 1rem;background-position:.4rem;background-size:.4rem .275rem;border-radius:.25rem}}@media(min-width:1025px){.CourseView_course-view__info-tags__VG5po .CourseView_complete-tag__lFTcH{padding:7px 14px 7px 24px;background:url(https://img.uphone3.com/web/course/ico_course_view_completed.svg) no-repeat .8rem/1.1rem 7.4rem;border-radius:7px}}.CourseView_course-view__info-tags__VG5po .CourseView_level-tag__t5ROK{padding:.5rem .9rem;background-color:#000;border-radius:.5rem;color:#555;text-align:center}@media(min-width:670px)and (max-width:1024px){.CourseView_course-view__info-tags__VG5po .CourseView_level-tag__t5ROK{padding:.25rem .45rem;border-radius:.25rem}}@media(min-width:1025px){.CourseView_course-view__info-tags__VG5po .CourseView_level-tag__t5ROK{padding:7px 14px;border-radius:7px}}.CourseView_course-view__info-tags__VG5po .CourseView_level-tag__t5ROK.CourseView_level-high__iO3ZL{color:#ff3b21}.CourseView_course-view__info-tags__VG5po .CourseView_level-tag__t5ROK.CourseView_level-low__21J8m{color:#edcf24}.CourseView_course-view__info-tags__VG5po .CourseView_level-tag__t5ROK.CourseView_level-mid__R9jMK{color:#20d927}.CourseView_course-view__info-tags__VG5po .CourseView_level-tag__t5ROK.CourseView_level-zero__jPmfu{color:#2bd6ff}.CourseView_course-view__info-tags__VG5po .CourseView_keyword-tag__y9haH{padding:.5rem .9rem;background-color:#f4f4f4;color:#555;border-radius:.5rem}@media(min-width:670px)and (max-width:1024px){.CourseView_course-view__info-tags__VG5po .CourseView_keyword-tag__y9haH{padding:.25rem .45rem;border-radius:.25rem}}@media(min-width:1025px){.CourseView_course-view__info-tags__VG5po .CourseView_keyword-tag__y9haH{padding:7px 14px;border-radius:7px}}.CourseView_course-view___6CJS .CourseView_recommended-level-title__s02XA{color:#9732fc;font-size:1.2rem;font-weight:500;letter-spacing:-.02em}@media(min-width:670px)and (max-width:1024px){.CourseView_course-view___6CJS .CourseView_recommended-level-title__s02XA{font-size:.586rem;line-height:1rem}}@media(min-width:1025px){.CourseView_course-view___6CJS .CourseView_recommended-level-title__s02XA{font-size:15px}}.CourseView_course-view___6CJS .CourseView_recommended-levels__6qMhS{padding:0 0 0 1.5rem;color:#999;font-size:1.2rem;letter-spacing:-.02em}@media(min-width:670px)and (max-width:1024px){.CourseView_course-view___6CJS .CourseView_recommended-levels__6qMhS{padding:0 0 0 1.275rem;font-size:.586rem;line-height:1rem}}@media(min-width:1025px){.CourseView_course-view___6CJS .CourseView_recommended-levels__6qMhS{font-size:15px}}.CourseView_course-view___6CJS .CourseView_lock__Jldyi{overflow:hidden;display:none;height:8rem;padding:2rem 0 0 3rem;margin:2rem 0;background:#f7f7f7;border-radius:0 2rem 2rem 2rem}@media(min-width:670px)and (max-width:1024px){.CourseView_course-view___6CJS .CourseView_lock__Jldyi{height:6.8rem;padding:1.7rem 0 0 2.55rem;margin:1.7rem 0;border-radius:0 1.7rem 1.7rem 1.7rem}}.CourseView_course-view___6CJS .CourseView_lock__Jldyi .CourseView_ico__ue9O0{float:left;width:4rem;height:4rem;background:#999 url(https://img.uphone3.com/course/ico_lock.svg) no-repeat 50%/1.4315rem 1.755rem;border-radius:50%}@media(min-width:670px)and (max-width:1024px){.CourseView_course-view___6CJS .CourseView_lock__Jldyi .CourseView_ico__ue9O0{width:3.4rem;height:3.4rem;background-size:1.22rem 1.49rem}}.CourseView_course-view___6CJS .CourseView_lock__Jldyi .CourseView_txt__XPYgF{float:left;width:calc(100% - 4rem);padding:0 3rem 0 1.4rem;color:#555;font-size:1.3rem;letter-spacing:-.02em;line-height:1.62;word-break:keep-all;word-wrap:break-word}@media(min-width:670px)and (max-width:1024px){.CourseView_course-view___6CJS .CourseView_lock__Jldyi .CourseView_txt__XPYgF{width:calc(100% - 3.4rem);padding:0 2.55rem 0 1.19rem;font-size:1.11rem}}.CourseView_course-view___6CJS .CourseView_list-wrap__JI9Ov{display:flex;position:relative;margin:5rem 0 0}@media(min-width:670px)and (max-width:1024px){.CourseView_course-view___6CJS .CourseView_list-wrap__JI9Ov{width:16.2rem;margin-top:0}}@media(min-width:1025px){.CourseView_course-view___6CJS .CourseView_list-wrap__JI9Ov{width:450px;margin:80px 0 0}.CourseView_course-view___6CJS .CourseView_list-wrap__JI9Ov:nth-child(2n){margin-left:calc(100% - 90rem)}}.CourseView_course-view___6CJS .CourseView_list-wrap__JI9Ov .CourseView_list-left___jxpl{display:inline-block;position:relative}.CourseView_course-view___6CJS .CourseView_list-wrap__JI9Ov .CourseView_list-right__ZjYEN{position:relative;width:18rem;margin-left:2rem}@media(min-width:670px)and (max-width:1024px){.CourseView_course-view___6CJS .CourseView_list-wrap__JI9Ov .CourseView_list-right__ZjYEN{width:auto;flex-grow:1;margin-left:.9765rem}.CourseView_course-view___6CJS .CourseView_list-wrap__JI9Ov .CourseView_list-right__ZjYEN br{display:none}}@media(min-width:1025px){.CourseView_course-view___6CJS .CourseView_list-wrap__JI9Ov .CourseView_list-right__ZjYEN{width:250px;margin-left:30px}}.CourseView_course-view___6CJS .CourseView_list-wrap__JI9Ov .CourseView_course-title__yycBv{padding:3rem 0 1rem;font-size:1.9rem;font-weight:700;line-height:2.3rem}@media(min-width:670px)and (max-width:1024px){.CourseView_course-view___6CJS .CourseView_list-wrap__JI9Ov .CourseView_course-title__yycBv{padding:2rem 0 .5rem;font-size:.9275rem;line-height:1.2}}@media(min-width:1025px){.CourseView_course-view___6CJS .CourseView_list-wrap__JI9Ov .CourseView_course-title__yycBv{padding:30px 0 10px;font-size:24px;line-height:1.3}}.CourseView_course-view___6CJS .CourseView_list-wrap__JI9Ov .CourseView_course-sub-title__Vbj5Q{font-size:1.6rem;color:#555;line-height:1.4}@media(min-width:670px)and (max-width:1024px){.CourseView_course-view___6CJS .CourseView_list-wrap__JI9Ov .CourseView_course-sub-title__Vbj5Q{font-size:.8rem}}@media(min-width:1025px){.CourseView_course-view___6CJS .CourseView_list-wrap__JI9Ov .CourseView_course-sub-title__Vbj5Q{font-size:17px}}.CourseView_course-view___6CJS .CourseView_list-wrap__JI9Ov .CourseView_preview-list__j9ZcZ{padding-bottom:1rem}.CourseView_course-view___6CJS .CourseView_list-wrap__JI9Ov .CourseView_preview-item__CX1f_{display:flex;justify-content:space-between;position:relative;height:3.8rem;line-height:3.8rem;border-bottom:.1rem solid #eee;color:#555}@media(min-width:670px)and (max-width:1024px){.CourseView_course-view___6CJS .CourseView_list-wrap__JI9Ov .CourseView_preview-item__CX1f_{height:auto;padding:.55rem 0;font-size:.6835rem;line-height:1.4}}@media(min-width:1025px){.CourseView_course-view___6CJS .CourseView_list-wrap__JI9Ov .CourseView_preview-item__CX1f_{height:50px;line-height:3}}.CourseView_course-view___6CJS .CourseView_list-wrap__JI9Ov .CourseView_preview-item__title__U7hQL{color:#555;font-size:1.3rem}@media(min-width:670px)and (max-width:1024px){.CourseView_course-view___6CJS .CourseView_list-wrap__JI9Ov .CourseView_preview-item__title__U7hQL{font-size:.6835rem}}@media(min-width:1025px){.CourseView_course-view___6CJS .CourseView_list-wrap__JI9Ov .CourseView_preview-item__title__U7hQL{font-size:17px}}.CourseView_course-view___6CJS .CourseView_list-wrap__JI9Ov .CourseView_preview-item__img__lE3pO{padding-right:1.5rem;color:#999;font-size:1.3rem;cursor:pointer}@media(min-width:670px)and (max-width:1024px){.CourseView_course-view___6CJS .CourseView_list-wrap__JI9Ov .CourseView_preview-item__img__lE3pO{padding-right:.75rem;font-size:.6835rem}}@media(min-width:1025px){.CourseView_course-view___6CJS .CourseView_list-wrap__JI9Ov .CourseView_preview-item__img__lE3pO{font-size:17px}}.CourseView_course-view___6CJS .CourseView_list-wrap__JI9Ov .CourseView_preview-item__img__lE3pO:after{display:block;position:absolute;right:0;top:0;content:"";width:1rem;height:3rem;background:url(https://img.uphone3.com/course/arrow_right_s.svg) no-repeat;background-size:contain;background-position:0 1rem}@media(min-width:670px)and (max-width:1024px){.CourseView_course-view___6CJS .CourseView_list-wrap__JI9Ov .CourseView_preview-item__img__lE3pO:after{width:.5rem;height:1.5rem;background-position:0 .65rem;background-size:.5rem auto}}@media(min-width:1025px){.CourseView_course-view___6CJS .CourseView_list-wrap__JI9Ov .CourseView_preview-item__img__lE3pO:after{top:5px}}.CourseView_course-view___6CJS .CourseView_list-wrap__JI9Ov .CourseView_course-thumbnail__ubtVd{overflow:hidden;width:13.5rem;height:19rem;background:url(https://img.uphone3.com/classroom/test01.png);background-size:cover;border-radius:0 2rem 2rem 2rem}@media(min-width:670px)and (max-width:1024px){.CourseView_course-view___6CJS .CourseView_list-wrap__JI9Ov .CourseView_course-thumbnail__ubtVd{width:6.59rem;height:9.2295rem;border-radius:0 1rem 1rem 1rem}}@media(min-width:1025px){.CourseView_course-view___6CJS .CourseView_list-wrap__JI9Ov .CourseView_course-thumbnail__ubtVd{width:170px;height:240px}}.CourseView_course-view___6CJS .CourseView_list-wrap__JI9Ov .CourseView_badge__rwaqC{position:absolute;top:1.5rem;left:-.5rem;width:7rem;height:1.5rem;background:#555;border-radius:0 0 .5rem 0;text-align:center}@media(min-width:670px)and (max-width:1024px){.CourseView_course-view___6CJS .CourseView_list-wrap__JI9Ov .CourseView_badge__rwaqC{top:1.275rem;left:-.425rem;border-radius:0 0 .2rem 0;width:3.4rem;height:.781rem;display:inline-flex;align-items:center;justify-content:center}}@media(min-width:1025px){.CourseView_course-view___6CJS .CourseView_list-wrap__JI9Ov .CourseView_badge__rwaqC{width:110px;height:30px;border-radius:0 0 10px 0;top:30px}}.CourseView_course-view___6CJS .CourseView_list-wrap__JI9Ov .CourseView_badge__rwaqC .CourseView_txt__XPYgF{color:#fff;font-size:1.1rem;font-weight:700;line-height:1.5rem}@media(min-width:670px)and (max-width:1024px){.CourseView_course-view___6CJS .CourseView_list-wrap__JI9Ov .CourseView_badge__rwaqC .CourseView_txt__XPYgF{font-size:.537rem;line-height:1}}@media(min-width:1025px){.CourseView_course-view___6CJS .CourseView_list-wrap__JI9Ov .CourseView_badge__rwaqC .CourseView_txt__XPYgF{font-size:17px;line-height:28px}}.CourseView_course-view___6CJS .CourseView_preview-list-wrap__HIzVW .CourseView_badge__rwaqC{background:linear-gradient(90deg,#9732fc,#fc4c4c)}.CourseView_course-view___6CJS .CourseView_other-course-list__e2DpR{margin:5rem 0 9rem;padding:0 2rem}@media(min-width:670px)and (max-width:1024px){.CourseView_course-view___6CJS .CourseView_other-course-list__e2DpR{margin:2.5rem 0 4.5rem;padding:0 1rem}}@media(min-width:1025px){.CourseView_course-view___6CJS .CourseView_other-course-list__e2DpR{padding:0;margin:100px 0 0}}.CourseView_course-view___6CJS .CourseView_other-course-list__e2DpR .CourseView_ohter-course-title__C9lVL{margin:0 0 2rem;font-size:1.8rem;font-weight:700;color:#111}@media(min-width:670px)and (max-width:1024px){.CourseView_course-view___6CJS .CourseView_other-course-list__e2DpR .CourseView_ohter-course-title__C9lVL{margin:0 0 1rem;font-size:.9rem}}@media(min-width:1025px){.CourseView_course-view___6CJS .CourseView_other-course-list__e2DpR .CourseView_ohter-course-title__C9lVL{margin:8.5rem 0 2.6rem;font-size:2.6rem;font-weight:700}}@media(min-width:670px){.CourseView_course-view___6CJS .CourseView_other-course-list__e2DpR .CourseView_other-course-list-wrap__E_U8m{display:flex;flex-wrap:wrap}}@media(min-width:670px)and (max-width:1024px){.CourseView_course-view___6CJS .CourseView_other-course-list__e2DpR .CourseView_other-course-list-wrap__E_U8m{gap:1.85rem 1rem}}.CourseView_course-view___6CJS .CourseView_other-course-list__e2DpR .CourseView_other-course-list-wrap__E_U8m .CourseView_other-course-item__Ris7Q{display:flex;align-items:center;margin:0 0 2rem;color:#111;font-size:2rem;letter-spacing:-.02em;cursor:pointer}@media(min-width:670px)and (max-width:1024px){.CourseView_course-view___6CJS .CourseView_other-course-list__e2DpR .CourseView_other-course-list-wrap__E_U8m .CourseView_other-course-item__Ris7Q{width:16.2rem;margin:0;font-size:1rem}}.CourseView_course-view___6CJS .CourseView_other-course-list__e2DpR .CourseView_other-course-list-wrap__E_U8m .CourseView_other-course-item__Ris7Q:last-child{margin:0}@media(min-width:1025px){.CourseView_course-view___6CJS .CourseView_other-course-list__e2DpR .CourseView_other-course-list-wrap__E_U8m .CourseView_other-course-item__Ris7Q{flex-wrap:wrap;width:450px;margin:0 0 30px;background-position:top 3px right 0;background-size:16px 26px;font-size:3rem}.CourseView_course-view___6CJS .CourseView_other-course-list__e2DpR .CourseView_other-course-list-wrap__E_U8m .CourseView_other-course-item__Ris7Q:nth-child(2n){margin-left:80px}}.CourseView_course-view___6CJS .CourseView_other-course-list__e2DpR .CourseView_other-course-list-wrap__E_U8m .CourseView_other-course-item__img___PVp8{width:5.5rem;height:5.5rem;margin:0 1.5rem 0 0;background-position:top;background-repeat:no-repeat;background-size:cover;border-radius:1.5rem}@media(min-width:670px)and (max-width:1024px){.CourseView_course-view___6CJS .CourseView_other-course-list__e2DpR .CourseView_other-course-list-wrap__E_U8m .CourseView_other-course-item__img___PVp8{width:2.75rem;height:2.75rem;margin:0 .75rem 0 0;border-radius:.75rem}}@media(min-width:1025px){.CourseView_course-view___6CJS .CourseView_other-course-list__e2DpR .CourseView_other-course-list-wrap__E_U8m .CourseView_other-course-item__img___PVp8{width:70px;height:70px;margin-right:20px}.CourseView_course-view___6CJS .CourseView_other-course-list__e2DpR .CourseView_other-course-list-wrap__E_U8m .CourseView_other-course-item__info__goHa9{max-width:calc(100% - 90px)}}.CourseView_course-view___6CJS .CourseView_other-course-list__e2DpR .CourseView_other-course-list-wrap__E_U8m .CourseView_other-course-item__title__Ip489{font-size:1.5rem;font-weight:500}@media(min-width:670px)and (max-width:1024px){.CourseView_course-view___6CJS .CourseView_other-course-list__e2DpR .CourseView_other-course-list-wrap__E_U8m .CourseView_other-course-item__title__Ip489{font-size:.75rem}}@media(min-width:1025px){.CourseView_course-view___6CJS .CourseView_other-course-list__e2DpR .CourseView_other-course-list-wrap__E_U8m .CourseView_other-course-item__title__Ip489{font-size:18px}}.CourseView_course-view___6CJS .CourseView_other-course-list__e2DpR .CourseView_other-course-list-wrap__E_U8m .CourseView_other-course-item__keywords__UYeZh{font-size:1.2rem;color:#888;letter-spacing:-.02em}@media(min-width:670px)and (max-width:1024px){.CourseView_course-view___6CJS .CourseView_other-course-list__e2DpR .CourseView_other-course-list-wrap__E_U8m .CourseView_other-course-item__keywords__UYeZh{font-size:.6rem}}@media(min-width:1025px){.CourseView_course-view___6CJS .CourseView_other-course-list__e2DpR .CourseView_other-course-list-wrap__E_U8m .CourseView_other-course-item__keywords__UYeZh{font-size:16px;line-height:24px;transform:translateY(2px)}}.CourseView_course-view___6CJS .CourseView_course-view-contents___6WrO{margin:1.2rem 0 5rem;padding:0 2rem;text-align:left}@media(min-width:670px)and (max-width:1024px){.CourseView_course-view___6CJS .CourseView_course-view-contents___6WrO{display:flex;flex-wrap:wrap;gap:1.85rem 2.5rem;margin:2.6rem 0 2.5rem;padding:0 1rem}}.CourseView_course-view___6CJS .CourseView_course-view-contents___6WrO.CourseView_no-other-course__pq0XG{margin:1.2rem 0 9rem}@media(min-width:670px)and (max-width:1024px){.CourseView_course-view___6CJS .CourseView_course-view-contents___6WrO.CourseView_no-other-course__pq0XG{margin:1.02rem 0 7.65rem}}@media(min-width:1025px){.CourseView_course-view___6CJS .CourseView_course-view-contents___6WrO{display:flex;flex-wrap:wrap;margin:0 0 50px;padding:0 0 100px;border-bottom:1px solid #f1f1f1}}.CourseView_lottieLoading__DsWiF{width:100%;height:100vh;display:flex;align-items:center;justify-content:center}.CourseView_lottieLoading__DsWiF>div{width:10rem}