.is-ie-pop{display:none}.is-ie .is-ie-pop{position:fixed;z-index:104;top:0;left:0;display:block;width:100%;height:100%;line-height:.8;color:#757575;background:#fff}.is-ie .is-ie-pop div{width:610px;height:335px;margin:112px auto 0;font-size:20px;line-height:1.5;text-align:center;background:#fff}.is-ie .is-ie-pop div b{display:block;margin:8px 0;color:#333}.is-ie .is-ie-pop div .is-ie-pop__button{display:block;width:400px;margin:40px auto 0;padding:16px 0;font-size:16px;text-decoration:none;color:#fff;background:#43a047}.is-ie .is-ie-pop div .is-ie-pop__link{color:#43a047;text-decoration:underline}.is-ie .is-ie-pop div .is-ie-pop__link:hover{color:#ed6c00;text-decoration:underline}.ruru-style{line-height:1.5}.ruru-style input{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:auto;margin-bottom:14px;padding:13px 8px;font-size:100%;line-height:1;border:1px solid rgba(0,0,0,.1);border-radius:4px;-webkit-box-shadow:0 0 0;box-shadow:0 0 0;-webkit-appearance:none;-moz-appearance:none}@media (max-width:700px){.ruru-style input{padding:12px 8px}}.ruru-style input:focus{border:1px solid #57c463;-webkit-box-shadow:0 0 0 1px #57c463;box-shadow:0 0 0 1px #57c463}.ruru-style input::-webkit-input-placeholder{font-weight:400;color:rgba(0,0,0,.4)}.ruru-style input::-moz-placeholder{font-weight:400;color:rgba(0,0,0,.4)}.ruru-style input:-ms-input-placeholder{font-weight:400;color:rgba(0,0,0,.4)}.ruru-style input::-ms-input-placeholder{font-weight:400;color:rgba(0,0,0,.4)}.ruru-style input::placeholder{font-weight:400;color:rgba(0,0,0,.4)}.ruru-style .error input{border:1px solid #57c463;-webkit-box-shadow:0 0 0 1px #57c463;box-shadow:0 0 0 1px #57c463}.ruru-style .check__container{position:relative;display:block;display:inline-block;width:200px;padding-left:35px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media (max-width:700px){.ruru-style .check__container{padding-left:28px;font-size:14px}}.ruru-style .check__container input{position:absolute;width:0;height:0;cursor:pointer;opacity:0}.ruru-style .check__container input:checked~.checkmark:after,.ruru-style .check__container input:checked~.checkmark:before{display:block}.ruru-style .check__container .checkmark{position:absolute;top:0;left:0;width:18px;height:18px;border:1px solid #979797;border-radius:2px;background-color:#fff}.ruru-style .check__container .checkmark:after,.ruru-style .check__container .checkmark:before{position:absolute;top:3px;left:10px;display:none;width:3px;height:12px;content:"";-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);border-radius:6px;background-color:#fff}.ruru-style .check__container .checkmark:before{top:7px;left:4px;height:8px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.ruru-style .check__container input:checked~.checkmark{border:1px solid #57c463;background-color:#57c463}.ruru-style label{color:rgba(0,0,0,.7)}.ruru-style a.btn,.ruru-style button{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;margin:12px 0 0;padding:15px;cursor:pointer;font-size:100%;line-height:1;text-align:center;border:0;border-radius:4px;outline:0}@media (max-width:700px){.ruru-style a.btn,.ruru-style button{margin:8px 0;padding:12px}}.ruru-style a.btn.green,.ruru-style button.green{color:#fff;background-color:#57c463}.ruru-style a.btn.green:hover,.ruru-style button.green:hover{background-color:#3ead43}.ruru-style a.btn.green span,.ruru-style button.green span{display:none}.ruru-style a.btn.red,.ruru-style button.red{color:#fff!important;background-color:#ff7356}.ruru-style a.btn.red:hover,.ruru-style button.red:hover{background-color:#dc3c1b}.ruru-style a.btn--yellow,.ruru-style a.btn.yellow,.ruru-style button--yellow,.ruru-style button.yellow{color:#fff;background-color:#ffae28}.ruru-style a.btn--yellow:hover,.ruru-style a.btn.yellow:hover,.ruru-style button--yellow:hover,.ruru-style button.yellow:hover{background-color:#ff8700}.ruru-style a.btn.text,.ruru-style button.text{display:inline-block;width:auto;padding:0;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;color:#76bf7e;background:none}.ruru-style a.btn.text:hover,.ruru-style button.text:hover{text-decoration:underline;color:#55a05d}.ruru-style a.btn:disabled,.ruru-style a.btn:disabled:hover,.ruru-style a.btn [disabled],.ruru-style a.btn [disabled]:hover,.ruru-style button:disabled,.ruru-style button:disabled:hover,.ruru-style button [disabled],.ruru-style button [disabled]:hover{cursor:auto;color:rgba(0,0,0,.4);background-color:rgba(0,0,0,.1)}.ruru-style a.btn:disabled.load-animation,.ruru-style a.btn:disabled:hover.load-animation,.ruru-style a.btn [disabled].load-animation,.ruru-style a.btn [disabled]:hover.load-animation,.ruru-style button:disabled.load-animation,.ruru-style button:disabled:hover.load-animation,.ruru-style button [disabled].load-animation,.ruru-style button [disabled]:hover.load-animation{position:relative}.ruru-style a.btn:disabled.load-animation.green,.ruru-style a.btn:disabled:hover.load-animation.green,.ruru-style a.btn [disabled].load-animation.green,.ruru-style a.btn [disabled]:hover.load-animation.green,.ruru-style button:disabled.load-animation.green,.ruru-style button:disabled:hover.load-animation.green,.ruru-style button [disabled].load-animation.green,.ruru-style button [disabled]:hover.load-animation.green{color:#57c463;background-color:#57c463}.ruru-style a.btn:disabled.load-animation span,.ruru-style a.btn:disabled:hover.load-animation span,.ruru-style a.btn [disabled].load-animation span,.ruru-style a.btn [disabled]:hover.load-animation span,.ruru-style button:disabled.load-animation span,.ruru-style button:disabled:hover.load-animation span,.ruru-style button [disabled].load-animation span,.ruru-style button [disabled]:hover.load-animation span{position:absolute;top:22px;left:50%;display:inline-block;width:6px;height:6px;-webkit-animation:bouncing-loader .6s infinite alternate;animation:bouncing-loader .6s infinite alternate;-webkit-animation-delay:.2s;animation-delay:.2s;border-radius:50%;background:#fff}@media (max-width:700px){.ruru-style a.btn:disabled.load-animation span,.ruru-style a.btn:disabled:hover.load-animation span,.ruru-style a.btn [disabled].load-animation span,.ruru-style a.btn [disabled]:hover.load-animation span,.ruru-style button:disabled.load-animation span,.ruru-style button:disabled:hover.load-animation span,.ruru-style button [disabled].load-animation span,.ruru-style button [disabled]:hover.load-animation span{top:18px}}.ruru-style a.btn:disabled.load-animation span:after,.ruru-style a.btn:disabled.load-animation span:before,.ruru-style a.btn:disabled:hover.load-animation span:after,.ruru-style a.btn:disabled:hover.load-animation span:before,.ruru-style a.btn [disabled].load-animation span:after,.ruru-style a.btn [disabled].load-animation span:before,.ruru-style a.btn [disabled]:hover.load-animation span:after,.ruru-style a.btn [disabled]:hover.load-animation span:before,.ruru-style button:disabled.load-animation span:after,.ruru-style button:disabled.load-animation span:before,.ruru-style button:disabled:hover.load-animation span:after,.ruru-style button:disabled:hover.load-animation span:before,.ruru-style button [disabled].load-animation span:after,.ruru-style button [disabled].load-animation span:before,.ruru-style button [disabled]:hover.load-animation span:after,.ruru-style button [disabled]:hover.load-animation span:before{position:absolute;width:6px;height:6px;margin-left:14px;content:"";-webkit-animation:bouncing-loader .6s infinite alternate;animation:bouncing-loader .6s infinite alternate;-webkit-animation-delay:.4s;animation-delay:.4s;border-radius:50%;background:#fff}.ruru-style a.btn:disabled.load-animation span:before,.ruru-style a.btn:disabled:hover.load-animation span:before,.ruru-style a.btn [disabled].load-animation span:before,.ruru-style a.btn [disabled]:hover.load-animation span:before,.ruru-style button:disabled.load-animation span:before,.ruru-style button:disabled:hover.load-animation span:before,.ruru-style button [disabled].load-animation span:before,.ruru-style button [disabled]:hover.load-animation span:before{margin-left:-19px;-webkit-animation:bouncing-loader .6s infinite alternate;animation:bouncing-loader .6s infinite alternate;-webkit-animation-delay:0s;animation-delay:0s}.ruru-style__button--stereoscopic-rocket{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;padding:14px 6vw;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;font-size:1.5vw;font-weight:600;color:#272a28;border:0;border-radius:4px;background-color:#ffae28;-webkit-box-shadow:0 6px 0 0 #c77e04;box-shadow:0 6px 0 0 #c77e04}@media (min-width:701px) and (max-width:1023px){.ruru-style__button--stereoscopic-rocket{width:181px;margin-top:4px;padding:5px 0;font-size:18px}}@media (max-width:700px){.ruru-style__button--stereoscopic-rocket{padding:6px 0;font-size:12px}}.ruru-style__button--stereoscopic-rocket.user-pop__promotion__button{display:none;width:250px;margin:0 auto;padding:14px 0;font-size:22px}@media (min-width:1024px){.ruru-style__button--stereoscopic-rocket.user-pop__promotion__button{display:block}}.ruru-style__button--stereoscopic-rocket:hover{background-color:#ffd33a;-webkit-box-shadow:0 6px 0 0 #e18c00;box-shadow:0 6px 0 0 #e18c00}.ruru-style .user-pop__close{position:absolute;z-index:101;top:26px;right:26px;width:32px;height:32px;margin:0;padding:0;font-size:50px;line-height:.5;color:#9f9f9f;border:0;outline:none;background:none}@media (min-width:1024px){.ruru-style .user-pop__close{color:#fff}}@media (max-width:700px){.ruru-style .user-pop__close{font-size:40px}}.btn__fb{color:#fff;background-color:#4167b2}.btn__fb:hover{background-color:#5c83d3}.btn__fb.mode__icon{background:url(https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/user/assest.svg) #fff -69px -137px}.btn__fb.mode__icon:hover{background:url(https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/user/assest.svg) #fff -69px -204px}.stereoscopic{-webkit-box-sizing:border-box;box-sizing:border-box;padding:14px;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;font-size:22px;font-weight:600;border:0;border-radius:4px}.stereoscopic.yellow{background-color:#ffae28;-webkit-box-shadow:0 6px 0 0 #c77e04;box-shadow:0 6px 0 0 #c77e04}.stereoscopic.yellow:hover{background-color:#ff8700;-webkit-box-shadow:0 6px 0 0 #e18c00;box-shadow:0 6px 0 0 #e18c00}.web-css .ruru-style__button--stereoscopic-rocket:hover{background-color:#ffd33a;-webkit-box-shadow:0 6px 0 0 #e18c00;box-shadow:0 6px 0 0 #e18c00}@-webkit-keyframes bouncing-loader{to{-webkit-transform:translate3d(0,-3px,0);transform:translate3d(0,-3px,0);opacity:.1}}@keyframes bouncing-loader{to{-webkit-transform:translate3d(0,-3px,0);transform:translate3d(0,-3px,0);opacity:.1}}.user-mask{position:fixed;z-index:103;top:0;left:0;display:none;width:100%;height:100%;text-align:center;background-color:rgba(0,0,0,.5)}@media (max-width:700px){.user-mask{font-size:0}}.user-mask:before{display:inline-block;width:0;height:100%;content:"";vertical-align:middle}@media (max-width:700px){.user-mask:before{display:none}}.user-mask .user-pop{position:relative;display:inline-block;overflow:auto;height:624px;max-height:100vh;font-size:16px;vertical-align:middle;border-radius:8px;background:#fff;-ms-overflow-style:none}@media (min-width:701px) and (max-width:1023px){.user-mask .user-pop{overflow:hidden}}@media (max-width:700px){.user-mask .user-pop{overflow:hidden;height:100vh;border-radius:0}}.user-mask .user-pop .title{position:relative;margin-bottom:16px;padding-bottom:16px;font-size:24px;font-weight:600;border-bottom:3px solid rgba(0,0,0,.03)}@media (max-width:700px){.user-mask .user-pop .title{padding-bottom:8px;font-size:18px}}.user-mask .user-pop .title .back{position:absolute;top:8px;left:0;width:22px;height:22px;margin:0;padding:0;text-align:left;background:none}@media (max-width:700px){.user-mask .user-pop .title .back{top:2px}}.user-mask .user-pop .title .back i{position:relative;display:block;width:22px;height:3px;border-radius:2px;background-color:#9f9f9f}.user-mask .user-pop .title .back i:after,.user-mask .user-pop .title .back i:before{position:absolute;top:-5px;left:-2px;width:16px;height:3px;content:"";-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);border-radius:2px;background-color:#9f9f9f}.user-mask .user-pop .title .back i:after{top:5px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.user-mask .user-pop__container{display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;width:496px;height:624px;padding:48px 48px 16px;vertical-align:top;background-color:#fff}@media (min-width:701px) and (max-width:1023px){.user-mask .user-pop__container{overflow:auto;width:632px;height:calc(100vh - 108px)}}@media (max-width:700px){.user-mask .user-pop__container{overflow:auto;width:100vw;height:calc(100vh - 80px);padding:32px 24px 100px;border-radius:0}}.user-mask .user-pop__container .image--failed,.user-mask .user-pop__container .image--success{display:block;width:110px;height:87px;margin:0 auto;background:url(https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/promotion/ad2018-update.svg) -37px -202px}@media (max-width:700px){.user-mask .user-pop__container .image--failed,.user-mask .user-pop__container .image--success{margin-top:18vh}}.user-mask .user-pop__container .image--success{background:url(https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/promotion/ad2018-update.svg) -169px -202px}.user-mask .user-pop__container .user-pop__check{position:relative}.user-mask .user-pop__container .user-pop__check .forgot-password{position:absolute;top:-8px;right:0;display:inline-block}.user-mask .user-pop__container .tos{margin-top:12px;color:rgba(0,0,0,.4)}@media (max-width:700px){.user-mask .user-pop__container .tos{font-size:14px}}.user-mask .user-pop__container .instruction{margin:10px 0 176px;font-size:14px;line-height:2;color:rgba(56,56,56,.8)}@media (min-width:701px) and (max-width:1023px){.user-mask .user-pop__container .instruction{margin:10px 0 150px}}.user-mask .user-pop__container .explanation{margin-top:12px;padding-top:16px;color:rgba(0,0,0,.4);border-top:3px solid rgba(0,0,0,.03)}@media (min-width:701px) and (max-width:1023px){.user-mask .user-pop__container .explanation{margin-top:10px;padding-top:0}}@media (max-width:700px){.user-mask .user-pop__container .explanation{margin-top:8px;padding-top:8px;font-size:14px}}.user-mask .user-pop__container .password-response__message{display:none}.user-mask .user-pop__container .success{position:relative}.user-mask .user-pop__container .success:after,.user-mask .user-pop__container .success:before{position:absolute;top:22px;right:16px;display:block;width:16px;height:3px;content:"";-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);border-radius:5px;background:#57c463}@media (max-width:700px){.user-mask .user-pop__container .success:after,.user-mask .user-pop__container .success:before{top:20px}}.user-mask .user-pop__container .success:before{top:25px;right:27px;width:10px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}@media (max-width:700px){.user-mask .user-pop__container .success:before{top:23px}}@media (max-width:700px){.user-mask .user-pop__container .button-container{position:absolute;bottom:130px;width:calc(100vw - 48px);font-size:14px}}.user-mask .user-pop .container__apple-login-failed,.user-mask .user-pop .container__aptg-login-failed,.user-mask .user-pop .container__fb-login-failed,.user-mask .user-pop .container__forgot-password,.user-mask .user-pop .container__login,.user-mask .user-pop .container__login-failed,.user-mask .user-pop .container__login-success,.user-mask .user-pop .container__register,.user-mask .user-pop .container__register-failed,.user-mask .user-pop .container__register-success,.user-mask .user-pop .container__send-failed,.user-mask .user-pop .container__tos{display:none}.user-mask .user-pop .container__tos .title{font-size:17px}@media (max-width:700px){.user-mask .user-pop .container__tos .title{margin-top:44px;padding:0 16px 16px;text-align:left}}.user-mask .user-pop .container__tos .tos__content{overflow:auto;height:66%;margin-bottom:14px;padding:0 24px 0 0;font-size:14px;text-align:left;text-align:justify;text-justify:inter-ideograph;color:rgba(0,0,0,.7)}@media (min-width:701px) and (max-width:1023px){.user-mask .user-pop .container__tos .tos__content{height:318px}}@media (max-width:700px){.user-mask .user-pop .container__tos .tos__content{-webkit-box-sizing:border-box;box-sizing:border-box;height:calc(100% - 100px);padding-bottom:100px}}@media (max-width:700px){.user-mask .user-pop .container__tos .tos__button-container{position:fixed;bottom:80px;left:0;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;padding:8px 24px 16px;background:#fff}}.user-mask .user-pop .container__register .password-response{position:relative}.user-mask .user-pop .container__register .password-response span{position:absolute;top:0;right:0;font-size:14px;color:#57c463}.user-mask .user-pop .container__register .go-to-tos{cursor:pointer;color:#76bf7e}.user-mask .user-pop .container__register .go-to-tos:hover{text-decoration:underline;color:#55a05d}.user-mask .user-pop .container__register .check{margin:0;background:none}.user-mask .user-pop .container__forgot-password{overflow-x:hidden}.user-mask .user-pop .container__forgot-password .forgot-password__container{position:relative;left:0;width:1200px;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;text-align:left}.user-mask .user-pop .container__forgot-password .forgot-password__container--forgot,.user-mask .user-pop .container__forgot-password .forgot-password__container--send-success{display:inline-block;width:400px;text-align:center;vertical-align:top}@media (min-width:701px) and (max-width:1023px){.user-mask .user-pop .container__forgot-password .forgot-password__container--forgot,.user-mask .user-pop .container__forgot-password .forgot-password__container--send-success{width:536px}}@media (max-width:700px){.user-mask .user-pop .container__forgot-password .forgot-password__container--forgot,.user-mask .user-pop .container__forgot-password .forgot-password__container--send-success{width:88vw;width:calc(100vw - 48px)}}.user-mask .user-pop .container__forgot-password .forgot-password__container--send-success{margin-left:50px}.user-mask .user-pop .container__forgot-password .forgot-password__container--send-success .title{border-bottom:0}.user-mask .user-pop .container__forgot-password .forgot-password__container--send-success .check{margin:34px 0 88px;color:rgba(0,0,0,.4)}@media (min-width:701px) and (max-width:1023px){.user-mask .user-pop .container__forgot-password .forgot-password__container--send-success .check{margin:34px 0 50px}}.user-mask .user-pop .container__forgot-password .forgot-password__container--send-success .resend-email{cursor:pointer;color:#76bf7e}.user-mask .user-pop .container__forgot-password .forgot-password__container--send-success .resend-email:hover{text-decoration:underline;color:#55a05d}.user-mask .user-pop .container__forgot-password .forgot-password__container .send-success__title{margin-bottom:12px;font-size:24px;font-weight:600}@media (max-width:700px){.user-mask .user-pop .container__forgot-password .forgot-password__container .send-success__title{font-size:18px;word-break:keep-all}}.user-mask .user-pop .container__forgot-password .forgot-password__container .send-success__content{font-size:16px;color:rgba(56,56,56,.8)}.user-mask .user-pop .container__forgot-password .forgot-password__container .send-success__image{width:110px;height:90px;margin:76px auto 16px;background:url(https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/promotion/ad2018-update.svg) -301px -208px}@media (max-width:700px){.user-mask .user-pop .container__forgot-password .forgot-password__container .send-success__image{margin:50px auto 16px}}.user-mask .user-pop .user-form{font-size:16px;text-align:left}.user-mask .user-pop .response{display:none}.user-mask .user-pop .response i{display:inline-block;width:20px;height:20px;margin-right:2px;font-style:normal;vertical-align:initial;color:#fff;border-radius:50px;background-color:#ff5757}.user-mask .user-pop .response .message{color:#ff5757}.user-mask .user-pop__promotion{position:relative;display:inline-block;width:404px;height:624px;font-size:22px;font-weight:600;vertical-align:top;pointer-events:auto;color:#fff;background:-o-linear-gradient(315deg,#43a047 0,#93c53a 100%);background:linear-gradient(135deg,#43a047,#93c53a)}@media (min-width:1024px){.user-mask .user-pop__promotion{pointer-events:none}}@media (min-width:701px) and (max-width:1023px){.user-mask .user-pop__promotion{position:absolute;bottom:0;left:0;display:table;width:100%;height:108px;margin:0}}@media (max-width:700px){.user-mask .user-pop__promotion{position:fixed;bottom:0;left:0;width:100%;height:80px;margin:0}}.user-mask .user-pop__promotion:before{display:block;width:82px;height:100px;margin:35px 0 0 32px;content:"";background:url(https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/promotion/ad2018-update.svg) -50px -42px}@media (min-width:701px) and (max-width:1023px){.user-mask .user-pop__promotion:before{position:absolute;margin:18px 0 0 26px;background:url(https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/promotion/ad2018-update.svg) -482px -96px;background-size:1032px}}@media (max-width:700px){.user-mask .user-pop__promotion:before{position:absolute;margin:6px 0 0 6px;background:url(https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/promotion/ad2018-update.svg) -404px -80px;background-size:860px}}.user-mask .user-pop__promotion .user-pop__promotion__button{pointer-events:auto}.user-mask .user-pop__promotion:after{position:absolute;right:0;bottom:0;display:block;width:76px;height:56px;content:"";background:url(https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/promotion/ad2018-update.svg) -182px -66px}@media (min-width:1024px){.user-mask .user-pop__promotion:after{right:30px;bottom:43px}}@media (min-width:701px) and (max-width:1023px){.user-mask .user-pop__promotion:after{width:114px;height:97px;background:url(https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/promotion/ad2018-update.svg) -758px -84px;background-size:940px}}@media (max-width:700px){.user-mask .user-pop__promotion:after{width:114px;height:80px;background:url(https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/promotion/ad2018-update.svg) -600px -68px;background-size:770px}}.user-mask .user-pop__promotion .promotion__text{margin:120px 0 36px;font-weight:600;line-height:1.5}@media (min-width:701px) and (max-width:1023px){.user-mask .user-pop__promotion .promotion__text{margin:32px 0 0;font-size:16px}}@media (max-width:700px){.user-mask .user-pop__promotion .promotion__text{margin:22px 0 0;font-size:14px}}.user-mask .user-pop__promotion button{display:none;width:250px}@media (min-width:1024px){.user-mask .user-pop__promotion button{display:inline-block}}.user-mask .user-pop .text__or{margin:12px 0 0;font-size:16px;font-weight:700;text-align:center;color:rgba(0,0,0,.7)}.user-mask.apple-login-failed-show .container__apple-login-failed,.user-mask.aptg-login-failed-show .container__aptg-login-failed,.user-mask.fb-login-failed-show .container__fb-login-failed,.user-mask.forgot-password-show .container__forgot-password,.user-mask.login-failed-show .container__login-failed,.user-mask.login-show .container__login,.user-mask.login-success-show .container__login-success,.user-mask.register-failed-show .container__register-failed,.user-mask.register-show .container__register,.user-mask.register-success-show .container__register-success,.user-mask.send-failed-show .container__send-failed,.user-mask.tos-show .container__tos{display:inline-block}@media (min-width:701px) and (max-width:1023px){.user-mask.register-show .user-pop{height:676px}}.user-mask.send-success-show .user-pop .container__forgot-password .forgot-password__container{left:-450px}@media (min-width:701px) and (max-width:1023px){.user-mask.send-success-show .user-pop .container__forgot-password .forgot-password__container{left:-592px}}@media (max-width:700px){.user-mask.send-success-show .user-pop .container__forgot-password .forgot-password__container{left:-100vw}}.user-mask.apple-login-failed-show .user-pop,.user-mask.aptg-login-failed-show .user-pop,.user-mask.fb-login-failed-show .user-pop,.user-mask.login-failed-show .user-pop,.user-mask.login-success-show .user-pop,.user-mask.register-failed-show .user-pop,.user-mask.register-success-show .user-pop,.user-mask.send-failed-show .user-pop{height:auto}.user-mask.apple-login-failed-show .user-pop__promotion,.user-mask.aptg-login-failed-show .user-pop__promotion,.user-mask.fb-login-failed-show .user-pop__promotion,.user-mask.login-failed-show .user-pop__promotion,.user-mask.login-success-show .user-pop__promotion,.user-mask.register-failed-show .user-pop__promotion,.user-mask.register-success-show .user-pop__promotion,.user-mask.send-failed-show .user-pop__promotion{display:none}.user-mask.apple-login-failed-show .user-pop__container,.user-mask.aptg-login-failed-show .user-pop__container,.user-mask.fb-login-failed-show .user-pop__container,.user-mask.login-failed-show .user-pop__container,.user-mask.login-success-show .user-pop__container,.user-mask.register-failed-show .user-pop__container,.user-mask.register-success-show .user-pop__container,.user-mask.send-failed-show .user-pop__container{padding:48px}.user-mask.apple-login-failed-show .user-pop__container .explanation,.user-mask.aptg-login-failed-show .user-pop__container .explanation,.user-mask.fb-login-failed-show .user-pop__container .explanation,.user-mask.login-failed-show .user-pop__container .explanation,.user-mask.login-success-show .user-pop__container .explanation,.user-mask.register-failed-show .user-pop__container .explanation,.user-mask.register-success-show .user-pop__container .explanation,.user-mask.send-failed-show .user-pop__container .explanation{margin-top:0;padding-top:18px;font-size:14px;color:rgba(0,0,0,.4);border-top:0}.user-mask.apple-login-failed-show .user-pop__container .explanation span,.user-mask.aptg-login-failed-show .user-pop__container .explanation span,.user-mask.fb-login-failed-show .user-pop__container .explanation span,.user-mask.login-failed-show .user-pop__container .explanation span,.user-mask.login-success-show .user-pop__container .explanation span,.user-mask.register-failed-show .user-pop__container .explanation span,.user-mask.register-success-show .user-pop__container .explanation span,.user-mask.send-failed-show .user-pop__container .explanation span{color:#57c463}.user-mask.apple-login-failed-show:after,.user-mask.aptg-login-failed-show:after,.user-mask.fb-login-failed-show:after,.user-mask.login-failed-show:after,.user-mask.login-success-show:after,.user-mask.register-failed-show:after,.user-mask.register-success-show:after,.user-mask.send-failed-show:after{display:none}.user-mask.apple-login-failed-show .container__apple-login-failed,.user-mask.apple-login-failed-show .container__aptg-login-failed,.user-mask.apple-login-failed-show .container__fb-login-failed,.user-mask.apple-login-failed-show .container__login-failed,.user-mask.apple-login-failed-show .container__login-success,.user-mask.apple-login-failed-show .container__register-failed,.user-mask.apple-login-failed-show .container__register-success,.user-mask.apple-login-failed-show .container__send-failed,.user-mask.aptg-login-failed-show .container__apple-login-failed,.user-mask.aptg-login-failed-show .container__aptg-login-failed,.user-mask.aptg-login-failed-show .container__fb-login-failed,.user-mask.aptg-login-failed-show .container__login-failed,.user-mask.aptg-login-failed-show .container__login-success,.user-mask.aptg-login-failed-show .container__register-failed,.user-mask.aptg-login-failed-show .container__register-success,.user-mask.aptg-login-failed-show .container__send-failed,.user-mask.fb-login-failed-show .container__apple-login-failed,.user-mask.fb-login-failed-show .container__aptg-login-failed,.user-mask.fb-login-failed-show .container__fb-login-failed,.user-mask.fb-login-failed-show .container__login-failed,.user-mask.fb-login-failed-show .container__login-success,.user-mask.fb-login-failed-show .container__register-failed,.user-mask.fb-login-failed-show .container__register-success,.user-mask.fb-login-failed-show .container__send-failed,.user-mask.login-failed-show .container__apple-login-failed,.user-mask.login-failed-show .container__aptg-login-failed,.user-mask.login-failed-show .container__fb-login-failed,.user-mask.login-failed-show .container__login-failed,.user-mask.login-failed-show .container__login-success,.user-mask.login-failed-show .container__register-failed,.user-mask.login-failed-show .container__register-success,.user-mask.login-failed-show .container__send-failed,.user-mask.login-success-show .container__apple-login-failed,.user-mask.login-success-show .container__aptg-login-failed,.user-mask.login-success-show .container__fb-login-failed,.user-mask.login-success-show .container__login-failed,.user-mask.login-success-show .container__login-success,.user-mask.login-success-show .container__register-failed,.user-mask.login-success-show .container__register-success,.user-mask.login-success-show .container__send-failed,.user-mask.register-failed-show .container__apple-login-failed,.user-mask.register-failed-show .container__aptg-login-failed,.user-mask.register-failed-show .container__fb-login-failed,.user-mask.register-failed-show .container__login-failed,.user-mask.register-failed-show .container__login-success,.user-mask.register-failed-show .container__register-failed,.user-mask.register-failed-show .container__register-success,.user-mask.register-failed-show .container__send-failed,.user-mask.register-success-show .container__apple-login-failed,.user-mask.register-success-show .container__aptg-login-failed,.user-mask.register-success-show .container__fb-login-failed,.user-mask.register-success-show .container__login-failed,.user-mask.register-success-show .container__login-success,.user-mask.register-success-show .container__register-failed,.user-mask.register-success-show .container__register-success,.user-mask.register-success-show .container__send-failed,.user-mask.send-failed-show .container__apple-login-failed,.user-mask.send-failed-show .container__aptg-login-failed,.user-mask.send-failed-show .container__fb-login-failed,.user-mask.send-failed-show .container__login-failed,.user-mask.send-failed-show .container__login-success,.user-mask.send-failed-show .container__register-failed,.user-mask.send-failed-show .container__register-success,.user-mask.send-failed-show .container__send-failed{width:632px;height:auto}@media (max-width:700px){.user-mask.apple-login-failed-show .container__apple-login-failed,.user-mask.apple-login-failed-show .container__aptg-login-failed,.user-mask.apple-login-failed-show .container__fb-login-failed,.user-mask.apple-login-failed-show .container__login-failed,.user-mask.apple-login-failed-show .container__login-success,.user-mask.apple-login-failed-show .container__register-failed,.user-mask.apple-login-failed-show .container__register-success,.user-mask.apple-login-failed-show .container__send-failed,.user-mask.aptg-login-failed-show .container__apple-login-failed,.user-mask.aptg-login-failed-show .container__aptg-login-failed,.user-mask.aptg-login-failed-show .container__fb-login-failed,.user-mask.aptg-login-failed-show .container__login-failed,.user-mask.aptg-login-failed-show .container__login-success,.user-mask.aptg-login-failed-show .container__register-failed,.user-mask.aptg-login-failed-show .container__register-success,.user-mask.aptg-login-failed-show .container__send-failed,.user-mask.fb-login-failed-show .container__apple-login-failed,.user-mask.fb-login-failed-show .container__aptg-login-failed,.user-mask.fb-login-failed-show .container__fb-login-failed,.user-mask.fb-login-failed-show .container__login-failed,.user-mask.fb-login-failed-show .container__login-success,.user-mask.fb-login-failed-show .container__register-failed,.user-mask.fb-login-failed-show .container__register-success,.user-mask.fb-login-failed-show .container__send-failed,.user-mask.login-failed-show .container__apple-login-failed,.user-mask.login-failed-show .container__aptg-login-failed,.user-mask.login-failed-show .container__fb-login-failed,.user-mask.login-failed-show .container__login-failed,.user-mask.login-failed-show .container__login-success,.user-mask.login-failed-show .container__register-failed,.user-mask.login-failed-show .container__register-success,.user-mask.login-failed-show .container__send-failed,.user-mask.login-success-show .container__apple-login-failed,.user-mask.login-success-show .container__aptg-login-failed,.user-mask.login-success-show .container__fb-login-failed,.user-mask.login-success-show .container__login-failed,.user-mask.login-success-show .container__login-success,.user-mask.login-success-show .container__register-failed,.user-mask.login-success-show .container__register-success,.user-mask.login-success-show .container__send-failed,.user-mask.register-failed-show .container__apple-login-failed,.user-mask.register-failed-show .container__aptg-login-failed,.user-mask.register-failed-show .container__fb-login-failed,.user-mask.register-failed-show .container__login-failed,.user-mask.register-failed-show .container__login-success,.user-mask.register-failed-show .container__register-failed,.user-mask.register-failed-show .container__register-success,.user-mask.register-failed-show .container__send-failed,.user-mask.register-success-show .container__apple-login-failed,.user-mask.register-success-show .container__aptg-login-failed,.user-mask.register-success-show .container__fb-login-failed,.user-mask.register-success-show .container__login-failed,.user-mask.register-success-show .container__login-success,.user-mask.register-success-show .container__register-failed,.user-mask.register-success-show .container__register-success,.user-mask.register-success-show .container__send-failed,.user-mask.send-failed-show .container__apple-login-failed,.user-mask.send-failed-show .container__aptg-login-failed,.user-mask.send-failed-show .container__fb-login-failed,.user-mask.send-failed-show .container__login-failed,.user-mask.send-failed-show .container__login-success,.user-mask.send-failed-show .container__register-failed,.user-mask.send-failed-show .container__register-success,.user-mask.send-failed-show .container__send-failed{width:100vw;height:100vh}}.user-mask.apple-login-failed-show .container__apple-login-failed p,.user-mask.apple-login-failed-show .container__aptg-login-failed p,.user-mask.apple-login-failed-show .container__fb-login-failed p,.user-mask.apple-login-failed-show .container__login-failed p,.user-mask.apple-login-failed-show .container__login-success p,.user-mask.apple-login-failed-show .container__register-failed p,.user-mask.apple-login-failed-show .container__register-success p,.user-mask.apple-login-failed-show .container__send-failed p,.user-mask.aptg-login-failed-show .container__apple-login-failed p,.user-mask.aptg-login-failed-show .container__aptg-login-failed p,.user-mask.aptg-login-failed-show .container__fb-login-failed p,.user-mask.aptg-login-failed-show .container__login-failed p,.user-mask.aptg-login-failed-show .container__login-success p,.user-mask.aptg-login-failed-show .container__register-failed p,.user-mask.aptg-login-failed-show .container__register-success p,.user-mask.aptg-login-failed-show .container__send-failed p,.user-mask.fb-login-failed-show .container__apple-login-failed p,.user-mask.fb-login-failed-show .container__aptg-login-failed p,.user-mask.fb-login-failed-show .container__fb-login-failed p,.user-mask.fb-login-failed-show .container__login-failed p,.user-mask.fb-login-failed-show .container__login-success p,.user-mask.fb-login-failed-show .container__register-failed p,.user-mask.fb-login-failed-show .container__register-success p,.user-mask.fb-login-failed-show .container__send-failed p,.user-mask.login-failed-show .container__apple-login-failed p,.user-mask.login-failed-show .container__aptg-login-failed p,.user-mask.login-failed-show .container__fb-login-failed p,.user-mask.login-failed-show .container__login-failed p,.user-mask.login-failed-show .container__login-success p,.user-mask.login-failed-show .container__register-failed p,.user-mask.login-failed-show .container__register-success p,.user-mask.login-failed-show .container__send-failed p,.user-mask.login-success-show .container__apple-login-failed p,.user-mask.login-success-show .container__aptg-login-failed p,.user-mask.login-success-show .container__fb-login-failed p,.user-mask.login-success-show .container__login-failed p,.user-mask.login-success-show .container__login-success p,.user-mask.login-success-show .container__register-failed p,.user-mask.login-success-show .container__register-success p,.user-mask.login-success-show .container__send-failed p,.user-mask.register-failed-show .container__apple-login-failed p,.user-mask.register-failed-show .container__aptg-login-failed p,.user-mask.register-failed-show .container__fb-login-failed p,.user-mask.register-failed-show .container__login-failed p,.user-mask.register-failed-show .container__login-success p,.user-mask.register-failed-show .container__register-failed p,.user-mask.register-failed-show .container__register-success p,.user-mask.register-failed-show .container__send-failed p,.user-mask.register-success-show .container__apple-login-failed p,.user-mask.register-success-show .container__aptg-login-failed p,.user-mask.register-success-show .container__fb-login-failed p,.user-mask.register-success-show .container__login-failed p,.user-mask.register-success-show .container__login-success p,.user-mask.register-success-show .container__register-failed p,.user-mask.register-success-show .container__register-success p,.user-mask.register-success-show .container__send-failed p,.user-mask.send-failed-show .container__apple-login-failed p,.user-mask.send-failed-show .container__aptg-login-failed p,.user-mask.send-failed-show .container__fb-login-failed p,.user-mask.send-failed-show .container__login-failed p,.user-mask.send-failed-show .container__login-success p,.user-mask.send-failed-show .container__register-failed p,.user-mask.send-failed-show .container__register-success p,.user-mask.send-failed-show .container__send-failed p{margin:10px 0 0;font-size:24px;font-weight:600}@media (max-width:700px){.user-mask.apple-login-failed-show .container__apple-login-failed p,.user-mask.apple-login-failed-show .container__aptg-login-failed p,.user-mask.apple-login-failed-show .container__fb-login-failed p,.user-mask.apple-login-failed-show .container__login-failed p,.user-mask.apple-login-failed-show .container__login-success p,.user-mask.apple-login-failed-show .container__register-failed p,.user-mask.apple-login-failed-show .container__register-success p,.user-mask.apple-login-failed-show .container__send-failed p,.user-mask.aptg-login-failed-show .container__apple-login-failed p,.user-mask.aptg-login-failed-show .container__aptg-login-failed p,.user-mask.aptg-login-failed-show .container__fb-login-failed p,.user-mask.aptg-login-failed-show .container__login-failed p,.user-mask.aptg-login-failed-show .container__login-success p,.user-mask.aptg-login-failed-show .container__register-failed p,.user-mask.aptg-login-failed-show .container__register-success p,.user-mask.aptg-login-failed-show .container__send-failed p,.user-mask.fb-login-failed-show .container__apple-login-failed p,.user-mask.fb-login-failed-show .container__aptg-login-failed p,.user-mask.fb-login-failed-show .container__fb-login-failed p,.user-mask.fb-login-failed-show .container__login-failed p,.user-mask.fb-login-failed-show .container__login-success p,.user-mask.fb-login-failed-show .container__register-failed p,.user-mask.fb-login-failed-show .container__register-success p,.user-mask.fb-login-failed-show .container__send-failed p,.user-mask.login-failed-show .container__apple-login-failed p,.user-mask.login-failed-show .container__aptg-login-failed p,.user-mask.login-failed-show .container__fb-login-failed p,.user-mask.login-failed-show .container__login-failed p,.user-mask.login-failed-show .container__login-success p,.user-mask.login-failed-show .container__register-failed p,.user-mask.login-failed-show .container__register-success p,.user-mask.login-failed-show .container__send-failed p,.user-mask.login-success-show .container__apple-login-failed p,.user-mask.login-success-show .container__aptg-login-failed p,.user-mask.login-success-show .container__fb-login-failed p,.user-mask.login-success-show .container__login-failed p,.user-mask.login-success-show .container__login-success p,.user-mask.login-success-show .container__register-failed p,.user-mask.login-success-show .container__register-success p,.user-mask.login-success-show .container__send-failed p,.user-mask.register-failed-show .container__apple-login-failed p,.user-mask.register-failed-show .container__aptg-login-failed p,.user-mask.register-failed-show .container__fb-login-failed p,.user-mask.register-failed-show .container__login-failed p,.user-mask.register-failed-show .container__login-success p,.user-mask.register-failed-show .container__register-failed p,.user-mask.register-failed-show .container__register-success p,.user-mask.register-failed-show .container__send-failed p,.user-mask.register-success-show .container__apple-login-failed p,.user-mask.register-success-show .container__aptg-login-failed p,.user-mask.register-success-show .container__fb-login-failed p,.user-mask.register-success-show .container__login-failed p,.user-mask.register-success-show .container__login-success p,.user-mask.register-success-show .container__register-failed p,.user-mask.register-success-show .container__register-success p,.user-mask.register-success-show .container__send-failed p,.user-mask.send-failed-show .container__apple-login-failed p,.user-mask.send-failed-show .container__aptg-login-failed p,.user-mask.send-failed-show .container__fb-login-failed p,.user-mask.send-failed-show .container__login-failed p,.user-mask.send-failed-show .container__login-success p,.user-mask.send-failed-show .container__register-failed p,.user-mask.send-failed-show .container__register-success p,.user-mask.send-failed-show .container__send-failed p{font-size:18px}}.user-mask.apple-login-failed-show .container__register-failed .register_fail_network,.user-mask.aptg-login-failed-show .container__register-failed .register_fail_network,.user-mask.fb-login-failed-show .container__register-failed .register_fail_network,.user-mask.login-failed-show .container__register-failed .register_fail_network,.user-mask.login-success-show .container__register-failed .register_fail_network,.user-mask.register-failed-show .container__register-failed .register_fail_network,.user-mask.register-success-show .container__register-failed .register_fail_network,.user-mask.send-failed-show .container__register-failed .register_fail_network{display:none}.user-mask.apple-login-failed-show .user-pop__close,.user-mask.aptg-login-failed-show .user-pop__close,.user-mask.fb-login-failed-show .user-pop__close,.user-mask.login-failed-show .user-pop__close,.user-mask.login-success-show .user-pop__close,.user-mask.register-failed-show .user-pop__close,.user-mask.register-success-show .user-pop__close,.user-mask.send-failed-show .user-pop__close{color:#9f9f9f}.user-mask.login-success-show .user-pop{overflow:initial}.user-mask.login-success-show .user-pop .container__login-success{border-radius:8px}.btn__row{display:block;margin:8px auto 0;text-align:center}@media (min-width:701px) and (max-width:1023px){.btn__row{margin:24px auto}}@media (max-width:700px){.btn__row{margin:10px auto 16px}}.btn__fb.mode__icon,a.btn.btn__aptg{display:inline-block;width:50px;height:50px;margin:0 8px;padding:16px 0 0;font-size:18px;vertical-align:top;border-radius:30px;font-weight:700}a.btn.btn__aptg{background:url(https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/user/assest.svg) #80bd25 -121px -137px}a.btn.btn__aptg:hover{background:url(https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/user/assest.svg) #67981e -121px -204px}@media (max-width:700px){a.btn.btn__aptg{font-size:13px}}#appleid-signin{display:inline-block;overflow:hidden;width:50px;height:50px;margin:0 8px;cursor:pointer;border-radius:30px;background:url(https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/user/assest.svg) #000;background-position:-17px -136px}#appleid-signin:hover{background-position:-17px -203px}#appleid-signin div{opacity:0}a{text-decoration:none}body{margin:0}header.site-header{width:100%;height:58px;background-color:#000;font-size:16px;line-height:1.5}@media (max-width:1023px){html.show-menu,html.show-menu body{overflow:hidden;height:100%}}@media (max-width:1023px){html.show-menu .site-header nav{right:0;overflow-y:auto;width:320px;-webkit-box-shadow:0 0 50px #000;box-shadow:0 0 50px #000}}@media (max-width:1023px){html.show-menu .portable-mask{display:block}}@media (max-width:1023px){html.show-menu .site-header__container .menu.header-menu-active .sub-menu-container{right:0}}@media (max-width:1023px){html.show-menu .site-header__container .menu.header-menu-active .sub-menu-container>.back-menu{display:inline-block}}.site-header__container{position:relative;width:1024px;height:100%;margin:0 auto;text-align:left}.site-header__container button{border:0;background:none}@media (max-width:1023px){.site-header__container{width:100%}}@media (max-width:1023px){.site-header__container.logged nav .main-menu{margin-top:10px}}@media (max-width:1023px){.site-header__container.logged .member-area{margin-top:24px}}@media (max-width:1023px){.site-header__container.logged .member-area ul{top:0;left:0;position:relative;display:block;width:100%;padding-bottom:0}}.site-header__container.logged .member-area ul li a{display:block;padding:16px 100px 16px 44px;font-weight:400;color:#ddd}@media (max-width:1023px){.site-header__container.logged .member-area ul li a{width:100%;padding:8px 100px 8px 3px}}.site-header__container ul{margin:0;padding:0}.site-header__container .site-logo{display:inline-block;width:128px;height:58px;background:url(https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/common/logo-header.svg) no-repeat -24px -6px;background-size:450px}@media (max-width:1023px){.site-header__container .site-logo{background-position:-18px -6px}}.site-header__container .portable-menu{top:8px;right:4px;position:absolute;display:none;width:42px;height:42px;outline:none}@media (max-width:1023px){.site-header__container .portable-menu{display:block}}.site-header__container .portable-menu span{top:18px;right:8px;position:absolute;display:block;width:26px;height:3px;margin-left:2px;border-radius:2px;background:#43a047}.site-header__container .portable-menu span:after,.site-header__container .portable-menu span:before{top:-8px;left:0;position:absolute;width:26px;height:3px;content:"";border-radius:2px;background:#43a047}.site-header__container .portable-menu span:after{top:8px}.site-header__container .portable-mask{display:none}@media (max-width:1023px){.site-header__container .portable-mask{position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,.5);z-index:11}}.site-header__container .close-portable-menu{display:none}@media (max-width:1023px){.site-header__container .close-portable-menu{display:block;width:60px;height:42px;margin:10px 0 0}.site-header__container .close-portable-menu:after,.site-header__container .close-portable-menu:before{top:28px;left:17px;position:absolute;width:26px;height:4px;content:"";-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);border-radius:2px;background-color:#43a047}.site-header__container .close-portable-menu:after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}}.site-header__container nav{position:static;z-index:11;display:inline-block;vertical-align:top}@media (max-width:1023px){.site-header__container nav{top:0;right:-320px;position:fixed;overflow:hidden;width:320px;height:100vh;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;background:#000}}.site-header__container nav .main-menu{font-size:0}@media (max-width:1023px){.site-header__container nav .main-menu{margin-top:4px;padding-bottom:80px}}.site-header__container nav .main-menu li{display:inline-block;vertical-align:top}@media (max-width:1023px){.site-header__container nav .main-menu li{display:block}}.site-header__container nav .main-menu li a{display:inline-block;margin:18px 0 0 16px;color:#ddd}@media (max-width:1023px){.site-header__container nav .main-menu li a{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;margin:0;padding:14px 36px;opacity:1}}.site-header__container nav .member-area{display:none}@media (max-width:1023px){.site-header__container nav .member-area{display:block;float:none;padding:0 16px}}.site-header__container .member-area{float:right;margin-right:10px}@media (max-width:1023px){.site-header__container .member-area{display:none}}.site-header__container .member-area .member-image{margin-top:7px;padding:0;cursor:pointer;vertical-align:top;border:0;background-color:rgba(0,0,0,0)}@media (max-width:1023px){.site-header__container .member-area .member-image{top:0;position:relative;width:60px;margin:-10px 0 0}}.site-header__container .member-area .member-image img{width:42px;height:42px;border-radius:50px}@media (max-width:1023px){.site-header__container .member-area .member-image img{width:60px;height:60px}}.site-header__container .member-area .member-image.show-member-area+ul{display:block}.site-header__container .member-area .member-image:hover{background-color:rgba(0,0,0,0)}.site-header__container .member-area ul{top:58px;right:12px;position:absolute;z-index:6;display:none;padding:0;background:#000}.site-header__container .member-area ul a{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;margin:0;padding:8px 30px 6px 18px;border:0;border-radius:0;background:rgba(0,0,0,0)}.site-header__container .member-area ul a:hover{background:hsla(0,0%,100%,.1)}.site-header__container .button-area{float:right;margin-top:11px;font-size:0}@media (max-width:1023px){.site-header__container .button-area{top:1px;right:40px;position:absolute;z-index:6}}.site-header__container .button-area a,.site-header__container .button-area button{display:inline-block;margin-right:6px;padding:4px 16px;font-size:16px;line-height:1.5;vertical-align:middle;color:#fff;border:2px solid #43a047;border-radius:20px;background-color:rgba(67,160,71,.25)}@media (max-width:1023px){.site-header__container .button-area a,.site-header__container .button-area button{margin-right:4px;padding:5px 8px;font-size:12px;font-weight:700}}.site-header__container .button-area a#content-header-login,.site-header__container .button-area button#content-header-login{cursor:pointer}.site-header__container .button-area a:hover,.site-header__container .button-area button:hover{background-color:#43a047}.site-header__container .menu{padding:18px 10px;cursor:pointer;font-size:16px;color:#ddd;background-color:rgba(0,0,0,0);-webkit-transition:.3s;-o-transition:.3s;transition:.3s}@media (max-width:1023px){.site-header__container .menu{padding:10px 20px;color:#fff;border-bottom:1px solid hsla(0,0%,100%,.05)}}.site-header__container .menu:hover{color:#43a047}.site-header__container .menu:hover .sub-menu-container{display:block}.site-header__container .menu:hover:after{display:block;width:100%;height:2px;margin-top:14px;content:"";border-radius:4px;background-color:#ed6c00}@media (max-width:1023px){.site-header__container .menu:hover:after{display:none}}@media (max-width:1023px){.site-header__container .menu.active{color:#ed6c00}}.site-header__container .sub-menu-container{position:absolute;top:58px;left:calc(512px - 50vw);z-index:6;width:100vw;background-color:rgba(0,0,0,.9);-webkit-transition:.2s;-o-transition:.2s;transition:.2s;display:none}@media (max-width:1023px){.site-header__container .sub-menu-container{position:fixed;z-index:6;top:0;left:auto;right:-320px;overflow-y:scroll;-webkit-box-sizing:border-box;box-sizing:border-box;width:320px;height:100vh;padding:20px;display:block;overflow-x:hidden;-webkit-overflow-scrolling:touch}}.site-header__container .sub-menu-container>.back-menu{display:none}@media (max-width:1023px){.site-header__container .sub-menu-container>.back-menu{width:50px;height:44px;margin:-12px 0 0 -20px}.site-header__container .sub-menu-container>.back-menu:after,.site-header__container .sub-menu-container>.back-menu:before{top:34px;left:17px;position:absolute;width:16px;height:4px;content:"";-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);border-radius:2px;background-color:#43a047}.site-header__container .sub-menu-container>.back-menu:after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);top:25px}}.site-header__container .sub-menu-content{width:1000px;margin:0 auto;padding:16px 0 10px}@media (max-width:1023px){.site-header__container .sub-menu-content{width:auto;padding:0 0 40px}}.site-header__container .sub-menu-content>dl{display:inline-block;width:250px;vertical-align:top}@media (max-width:1023px){.site-header__container .sub-menu-content>dl{width:100%;margin-top:0}}.site-header__container .sub-menu-content>dl>dt{font-size:14px;color:hsla(0,0%,100%,.6);margin-bottom:12px}@media (max-width:1023px){.site-header__container .sub-menu-content>dl>dt{font-size:16px;background-color:rgba(67,160,71,.31);margin-left:-19px;padding:7px 18px;width:100vw}}.site-header__container .sub-menu-content>dl>dd{margin-left:0}.site-header__container .sub-menu-content>dl>dd>a{margin:0;padding:6px 0;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;color:#fff}@media (max-width:1023px){.site-header__container .sub-menu-content>dl>dd>a{display:inline-block;width:100%}}.site-header__container .sub-menu-content>dl>dd>a.active,.site-header__container .sub-menu-content>dl>dd>a:hover{color:#ed6c00}.site-header__user{list-style:none}@media (max-width:1023px){.site-header__user{border-bottom:2px solid #43a046}}.header__coupon-unread-count{display:none}.header__coupon-notification .member-image:after,.header__coupon-notification .portable-menu:after{top:0;right:0;position:absolute;width:8px;height:8px;content:"";border-radius:10px;background-color:#ff7356}.header__coupon-notification .member-image{position:relative}.header__coupon-notification .member-image:after{top:2px;right:2px}@media (max-width:1023px){.header__coupon-notification .member-image:after{display:none}}.header__coupon-notification .header__coupon-unread-count{top:18px;right:26px;position:absolute;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;min-width:18px;height:18px;padding:0 6px;cursor:pointer;font-size:12px;font-style:normal;text-align:center;color:#fff;border-radius:10px;background:#ff7356}@media (max-width:1023px){.header__coupon-notification .header__coupon-unread-count{top:12px;right:auto;left:140px}}.sub-header{z-index:5;-webkit-box-shadow:0 2px 10px 0 rgba(0,0,0,.5);box-shadow:0 2px 10px 0 rgba(0,0,0,.5);position:relative;line-height:1.5;background-color:#fff}.sub-header ::-webkit-scrollbar{display:none}.sub-header.fix-sub-header{top:0;left:0;position:fixed;z-index:51;width:100%}.sub-header .sub-header__container{width:1024px;height:48px;margin:0 auto;position:relative}@media (max-width:1023px){.sub-header .sub-header__container{width:100%}}.sub-header .sub-header__container ul{display:inline-block;margin-top:12px}.sub-header .sub-header__container ul li{display:inline-block}.sub-header .sub-header__container ul li a{font-size:15px;padding:0 15px;color:#000}@media (min-width:701px) and (max-width:1023px){.sub-header .sub-header__container ul li a{padding:0 10px}}@media (-ms-high-contrast:none),(hover:hover){.sub-header .sub-header__container ul li a:hover{color:#43a047}}.sub-header .sub-header__container ul li a.focus{color:#43a047;background-color:rgba(0,0,0,0)}.sub-header.free-header{text-align:left}.sub-header.free-header .search{top:10px;right:12px;position:absolute}@media (max-width:700px){.sub-header.free-header .search{right:0;position:relative;padding:0 10px}}.sub-header.free-header .search .nav_search{width:235px;height:28px;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:14px;padding:0 13px;background:#d8d8d8;border:0;border-radius:20px}@media (max-width:700px){.sub-header.free-header .search .nav_search{width:100%}}.sub-header.free-header ul{margin-left:28px}@media (max-width:700px){.sub-header.free-header ul{display:none}}.sub-header.course-header{text-align:right}@media (max-width:700px){.sub-header.course-header{text-align:center}}.sub-header.course-header .product-name{top:11px;left:44px;position:absolute;font-size:20px;color:#43a047;font-weight:700}@media (max-width:700px){.sub-header.course-header .product-name{display:none}}.sub-header.course-header ul{margin-right:30px}@media (max-width:700px){.sub-header.course-header ul{margin:13px 0 0;padding:0}}.sub-header.slide_mode{padding:0 20px 0 37px}.sub-header.slide_mode .left_arrow,.sub-header.slide_mode .right_arrow{width:47px;height:100%;position:absolute;top:50%;background-image:url(https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/thematic/scroll.png);background-repeat:no-repeat;background-size:55px;z-index:1;display:none}.sub-header.slide_mode .left_arrow{right:84%;-webkit-transform:translateY(-50%) rotate(180deg);-ms-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotate(180deg);background-position:0 -4px}.sub-header.slide_mode .right_arrow{left:84%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);background-position:0 -3px}.sub-header.slide_mode.show_left_arrow .left_arrow,.sub-header.slide_mode.show_right_arrow .right_arrow{display:block}.sub-header.slide_mode.fix-sub-header{width:auto;right:0}.sub-header.slide_mode .sub-header__container{white-space:nowrap;overflow-x:scroll;scrollbar-width:none}.sub-header__category{margin-right:18px;padding:0 6px;font-size:12px;color:#fff;border-radius:2px;background-color:rgba(0,0,0,.2)}