.icon{fill:#666}.icon-help{width:32px;height:32px;fill:#666}.icon-calendar{width:16px;height:16px;fill:#3a6cff}.icon-calendar--white{fill:#fff}.tutor-mode .icon-calendar{fill:#eb7054}.tutor-mode .icon-calendar--white{fill:#fff}.icon-arrow-down-thin{fill:#666;width:8px;height:5px}.icon-arrow-down-thin--left{transform:rotate(180deg)}.icon-video{fill:#fff;width:14px;height:8px}.icon-video-disable{fill:#fff;width:14px;height:14px}.icon-audio{fill:#fff;width:13px;height:12px}.icon-audio-disable{fill:#fff;width:13px;height:14px}.icon-volume-indicator{fill:#d6d6d6;width:3px;height:6px}.icon-volume-indicator--active{fill:#3a6cff}.icon-mic{width:12px;height:16px;fill:#fff}.icon-mic-disable{width:12px;height:16px;fill:#fff}.icon-fullscreen{width:12px;height:13px;fill:#fff}.icon-switch{width:14px;height:16px;fill:#666}.icon-2box{width:18px;height:18px;fill:#fff}.icon-3box{width:18px;height:18px;fill:#fff}.icon-help-mini{width:10px;height:16px;fill:#fff}.icon-star-fill{width:27px;height:26px;fill:#3a6cff}.icon-star-empty{width:22px;height:21px;fill:#d6d6d6}.icon-check{width:11px;height:8px;fill:#3a6cff}.icon-favorite{width:24px;height:22px;fill:#d6d6d6;stroke:#fff}.icon-favorite--active{fill:#eb7054}.icon-close{width:8px;height:8px;fill:#666}.icon-close--big{width:18px;height:18px;fill:#222}.icon-close2{width:24px;height:24px;stroke:#000}.icon-arrow-right{width:8px;height:12px;fill:#666}.icon-arrow-right--blue{fill:#3a6cff}.icon-arrow-right--left{transform:rotate(180deg)}.icon-arrow-down{width:12px;height:8px;fill:#666}.icon-arrow2{width:10px;height:6px;fill:#666}.icon-arrow2--right{transform:rotate(-90deg)}.icon-arrow3{width:10px;height:10px;fill:#222}.icon-coin{width:16px;height:16px;fill:#f8e71c;margin-top:-2px}.icon-ticket{width:16px;height:10px;fill:#ace2a0;margin-top:-2px}.icon-menu{width:18px;height:16px;fill:#222}.icon-menu2{width:34px;height:19px;stroke:#222}.icon-mail{width:18px;height:18px;fill:#222}.icon-negative{width:14px;height:14px;fill:#222}.icon-mp3{width:13px;height:12px;fill:#fff}.icon-pdf{width:10px;height:12px;fill:#fff}.icon-lock{width:12px;height:17px;fill:#000}.icon-unlock{width:12px;height:15px;fill:#000}.icon-company{width:14px;height:14px;fill:#000}.icon-mortarboard{width:14px;height:14px;fill:#000}.icon-pencil2{width:14px;height:14px;fill:#fff}.icon-plus{width:12px;height:12px;fill:#3a6cff}.icon-airplanemode-active{width:14px;height:14px;fill:#000}.icon-heart2{width:14px;height:14px;fill:#000}.icon-menu-mypage{width:14px;height:14px;fill:#00a7ea}.icon-menu-lesson{width:13px;height:16px;fill:#00a7ea}.icon-menu-favorite{width:17px;height:16px;fill:#00a7ea}.icon-menu-favorite2{width:16px;height:16px;fill:#00a7ea}.icon-menu-tutors{width:25px;height:16px;fill:#00a7ea}.icon-menu-materials{width:22px;height:16px;fill:#00a7ea}.icon-menu-history{width:20px;height:16px;fill:#00a7ea}.icon-menu-coin{width:21px;height:16px;fill:#00a7ea}.icon-menu-coin2{width:22px;height:16px;fill:#00a7ea}.icon-menu-course{width:16px;height:17px;fill:#00a7ea}.icon-menu-course2{width:16px;height:16px;fill:#00a7ea}.icon-menu-profile{width:12px;height:12px;fill:#00a7ea}.icon-time{width:24px;height:24px;fill:#000}.icon-chart{width:24px;height:24px;fill:#000}.icon-calendar3{width:24px;height:24px;fill:#000}.icon-time2{width:16px;height:16px}.icon-time2--black{fill:#000}.icon-calendar4{width:16px;height:16px}.icon-calendar4--black{fill:#000}.icon-check2{width:14px;height:14px}.icon-check2--white{fill:#fff}.icon-check3,.icon-failed{width:24px;height:24px}.icon-korea{width:14px;height:14px}.icon-calendar5{width:24px;height:24px;fill:#333}.icon-user{width:24px;height:24px;fill:#333}.icon-book_open{width:24px;height:24px;fill:#333}.icon-check4,.icon-failed2{width:20px;height:20px}.loading{box-sizing:border-box;border-radius:8px;transform-origin:center center;border-right:2px solid transparent;border-bottom:2px solid transparent;border-left:2px solid transparent;border-top:2px solid #3a6cff;width:16px;height:16px;animation:animation-loading-240deg-1 2000ms cubic-bezier(0.39, 0.575, 0.565, 1) infinite;position:relative;display:inline-block}@keyframes animation-loading-240deg-1{0%{transform:rotate(240deg)}100%{transform:rotate(600deg)}}.loading:before,.loading:after{position:absolute;left:-2px;top:-2px;display:block;content:""}.loading:before{box-sizing:border-box;border-radius:8px;transform-origin:center center;border-right:2px solid transparent;border-bottom:2px solid transparent;border-left:2px solid transparent;border-top:2px solid #3a6cff;width:16px;height:16px;animation:animation-loading-240deg-1 2000ms cubic-bezier(0.39, 0.575, 0.565, 1) infinite}@keyframes animation-loading-240deg-1{0%{transform:rotate(240deg)}100%{transform:rotate(600deg)}}.loading:after{box-sizing:border-box;border-radius:8px;transform-origin:center center;border-right:2px solid transparent;border-bottom:2px solid transparent;border-left:2px solid transparent;border-top:2px solid #3a6cff;width:16px;height:16px;animation:animation-loading-120deg-2 2000ms cubic-bezier(0.39, 0.575, 0.565, 1) infinite}@keyframes animation-loading-120deg-2{0%{transform:rotate(120deg)}100%{transform:rotate(840deg)}}.loading--white,.loading--white:after,.loading--white:before{border-top-color:#fff}@media screen and (max-width: 767px){.hide-in-sp{display:none !important}}@media screen and (min-width: 768px){.hide-in-pc{display:none !important}}@media screen and (min-width: 801px){.hide-in-pc-at800{display:none !important}}@media screen and (min-width: 835px){.hide-in-pc-at834{display:none !important}}.align--offset_center{text-align:center !important}.align--offset_right{text-align:right !important}.align--offset_left{text-align:left !important}.login__button{margin:0 auto;width:100%;max-width:480px}.login__sns__button{display:block;width:100%;margin-top:16px}.login__sns__button:first-child{margin-top:0}.login__sns__button--twitter{background:#00acee}.login__sns__button--twitter:hover{background:#1fc1ff}.login__sns__button--facebook{background:#3b5998}.login__sns__button--facebook:hover{background:#4069bd}.login__form-group{margin-top:32px}.login__form-group:first-of-type{margin-top:0}@media screen and (max-width: 767px){.login__form-group{margin-top:24px}}.login__form-group__remember-login{margin-top:16px}.login__form-group .form__buttons .register-term{text-align:left}.login__form-group--bordered{border:1px solid #d9d9d9;padding:52px 16px 42px}@media screen and (max-width: 767px){.login__form-group--bordered{padding:28px 16px 38px}}.login__text{margin-bottom:32px}.login-verify__text+.login-verify__text{margin-top:1.625em}.login-verify__point{font-weight:bold;color:red}.login-verify__submit{max-width:343px;margin:32px auto 0 auto;display:block}.login .content-login{padding:0;display:flex;border-radius:0;border:8px solid #eee}.login .content-login .col-50{padding:32px;margin:0;background-color:#fffae3}.login .content-login .col-50+.col-50{border-left:8px solid #eee}.login .content-login .login-id{background-color:#fff;display:flex;flex-direction:column;justify-content:space-between}.login .content-login .login-id .title{text-align:center;font-weight:700;font-size:20px;margin-bottom:60px}@media screen and (max-width: 767px){.login .content-login{flex-direction:column;border:none}.login .content-login .content-box{margin-left:0}.login .content-login .col-50{width:calc(100% - 48px)}.login .content-login .col-50+.col-50{border-left:none}}