.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: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: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: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:1.38;text-align:left;word-break:keep-all;word-wrap:break-word}@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}.CourseView_course-view___6CJS .CourseView_sticky__p9zIM .CourseView_wish-button__s5vd4>svg{width:1.6725rem;height:1.474rem}@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:5.05rem 0 1.45rem;color:#555;font-size:1.4rem;letter-spacing:-.02em;line-height:2.2rem}@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{overflow:hidden;position:relative;margin:0 0 2.1rem;height:1.5rem;z-index:-1}@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: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: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: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: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{float:left;color:#9732fc;font-size:1.2rem;font-weight:500;letter-spacing:-.02em}@media(min-width:1025px){.CourseView_course-view___6CJS .CourseView_recommended-level-title__s02XA{font-size:15px}}.CourseView_course-view___6CJS .CourseView_recommended-levels__6qMhS{overflow:hidden;float:left;padding:0 0 0 1.5rem;color:#999;font-size:1.2rem;letter-spacing:-.02em}@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}.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%}.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}.CourseView_course-view___6CJS .CourseView_list-wrap__JI9Ov{display:flex;position:relative;margin:5rem 0 -.1rem}@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__ByrON{float:left;clear:both;margin:0 0 2rem 2rem}.CourseView_course-view___6CJS .CourseView_list-wrap__JI9Ov .CourseView_list__ByrON *{float:left;width:calc(100% - 10.5rem)}@media(min-width:1025px){.CourseView_course-view___6CJS .CourseView_list-wrap__JI9Ov .CourseView_list__ByrON *{width:calc(100% - 13.5rem)}.CourseView_course-view___6CJS .CourseView_list-wrap__JI9Ov .CourseView_list__ByrON{float:right;clear:none;width:450px;margin-left:0;padding-bottom:20px;background-image:url(https://img.uphone3.com/course/ico_arrowRight.svg);background-repeat:no-repeat;background-position:top 30px right;background-size:16px 26px;border-bottom:1px solid #f1f1f1;cursor:pointer}}.CourseView_course-view___6CJS .CourseView_list-wrap__JI9Ov .CourseView_list__ByrON .CourseView_img__E_BKg{width:8rem;height:8rem;margin:0 1.6rem 0 0;border-radius:2rem;background-image:url(https://img.uphone3.com/course/thumbnail001.png);background-repeat:no-repeat;background-position:top;background-size:cover}@media(min-width:1025px){.CourseView_course-view___6CJS .CourseView_list-wrap__JI9Ov .CourseView_list__ByrON .CourseView_img__E_BKg{width:90px;height:90px;border-radius:15px}}.CourseView_course-view___6CJS .CourseView_list-wrap__JI9Ov .CourseView_list__ByrON .CourseView_lv__BkbsO{padding:.4rem 0 .4rem .1rem;color:#111;font-size:1.4rem;letter-spacing:0}@media(min-width:1025px){.CourseView_course-view___6CJS .CourseView_list-wrap__JI9Ov .CourseView_list__ByrON .CourseView_lv__BkbsO{color:#555;font-size:17px}}.CourseView_course-view___6CJS .CourseView_list-wrap__JI9Ov .CourseView_list__ByrON .CourseView_recommended-level-title__s02XA{color:#111;font-size:1.6rem;font-weight:500;overflow:hidden;letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap}@media(min-width:1025px){.CourseView_course-view___6CJS .CourseView_list-wrap__JI9Ov .CourseView_list__ByrON .CourseView_recommended-level-title__s02XA{color:#555;font-size:17px}}.CourseView_course-view___6CJS .CourseView_list-wrap__JI9Ov .CourseView_list__ByrON .CourseView_unit__zUh_g{color:#555;padding:1.8rem 0 0 .1rem;font-size:1.2rem;letter-spacing:-.02em}@media(min-width:1025px){.CourseView_course-view___6CJS .CourseView_list-wrap__JI9Ov .CourseView_list__ByrON .CourseView_unit__zUh_g{font-size:15px;color:#999}}.CourseView_course-view___6CJS .CourseView_list-wrap__JI9Ov .CourseView_list-left___jxpl{display:inline-block;position:relative;height:19rem}@media(min-width:1025px){.CourseView_course-view___6CJS .CourseView_list-wrap__JI9Ov .CourseView_list-left___jxpl{height:240px}}.CourseView_course-view___6CJS .CourseView_list-wrap__JI9Ov .CourseView_list-right__ZjYEN{position:relative;width:18rem;padding-top:3rem;margin-left:2rem}@media(min-width:1025px){.CourseView_course-view___6CJS .CourseView_list-wrap__JI9Ov .CourseView_list-right__ZjYEN{width:250px;padding-top:35px;margin-left:30px}}.CourseView_course-view___6CJS .CourseView_list-wrap__JI9Ov .CourseView_course-title__yycBv{font-size:1.9rem;font-weight:700;line-height:2.3rem}@media(min-width:1025px){.CourseView_course-view___6CJS .CourseView_list-wrap__JI9Ov .CourseView_course-title__yycBv{font-size:24px;line-height:1.3}}.CourseView_course-view___6CJS .CourseView_list-wrap__JI9Ov .CourseView_course-sub-title__Vbj5Q{margin-top:1rem;font-size:1.6rem;color:#555;line-height:1.4}@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-button-wrap__tc8wm{position:absolute;bottom:0;width:100%}.CourseView_course-view___6CJS .CourseView_list-wrap__JI9Ov .CourseView_preview-button__tLmfL{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:1025px){.CourseView_course-view___6CJS .CourseView_list-wrap__JI9Ov .CourseView_preview-button__tLmfL{height:50px;line-height:3}}.CourseView_course-view___6CJS .CourseView_list-wrap__JI9Ov .CourseView_preview-button__tLmfL:last-child{margin-bottom:3rem}.CourseView_course-view___6CJS .CourseView_list-wrap__JI9Ov .CourseView_preview-button__title__OCUgg{color:#555;font-size:1.3rem}@media(min-width:1025px){.CourseView_course-view___6CJS .CourseView_list-wrap__JI9Ov .CourseView_preview-button__title__OCUgg{font-size:17px}}.CourseView_course-view___6CJS .CourseView_list-wrap__JI9Ov .CourseView_preview-button__img__z_eek{padding-right:1.5rem;color:#999;font-size:1.3rem;cursor:pointer}@media(min-width:1025px){.CourseView_course-view___6CJS .CourseView_list-wrap__JI9Ov .CourseView_preview-button__img__z_eek{font-size:17px}}.CourseView_course-view___6CJS .CourseView_list-wrap__JI9Ov .CourseView_preview-button__img__z_eek: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:1025px){.CourseView_course-view___6CJS .CourseView_list-wrap__JI9Ov .CourseView_preview-button__img__z_eek: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: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: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: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: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: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}.CourseView_course-view___6CJS .CourseView_other-course-list__e2DpR .CourseView_other-course-list-wrap__E_U8m{display:flex;flex-wrap:wrap}}.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}.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: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: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: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_btnChgCourse__pcZJL{position:fixed;left:0;bottom:0;z-index:100;width:100%;height:5.6rem;line-height:3.294;background:linear-gradient(90deg,#9732fc,#fc4c4c);color:#fff;font-size:1.7rem;font-weight:500;text-align:center}.CourseView_course-view___6CJS .CourseView_course-view-contents___6WrO{margin:1.2rem 0 5rem;padding:0 2rem;text-align:left}.CourseView_course-view___6CJS .CourseView_course-view-contents___6WrO.CourseView_no-other-course__pq0XG{margin:1.2rem 0 9rem}@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}