<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.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:0.8;color:#757575;background:#fff}.is-ie .is-ie-pop div{width:610px;height:335px;margin:0 auto;margin-top:112px;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}.webfooter{font-size:18px;color:#323232;border-top:1px solid #f2f2f2;background-color:#fff}@media (max-width: 700px){.webfooter{display:none}}.webfooter h1{margin-bottom:50px;padding:80px 0 0 0;font-size:40px;font-weight:bold;text-align:center}.webfooter .wfin{width:960px;margin:0 auto;text-align:center}@media (min-width: 701px) and (max-width: 1023px){.webfooter .wfin{width:100%}}.webfooter .wfin .footerTitle{margin-bottom:50px;padding:80px 0 0 0;font-size:40px;font-weight:bold;text-align:center}.webfooter .wfin .wfp1{display:inline-block;height:190px;margin-right:10px;padding-right:15px;text-align:left;vertical-align:top;border-right:1px solid #323232}.webfooter .wfin .wfp2{display:inline-block;height:160px;padding-right:15px;line-height:1.6;text-align:left;vertical-align:top}.webfooter .wfin .wfp2 .fbweb{display:inline-block;width:41px;height:41px;background:url(https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/intro/ffbweb.png) 0 0;background-size:41px}.webfooter .wfin .wfp2 .fbweb:hover{background:url(https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/intro/ffbweb.png) 0 -41px;background-size:41px}.phonefooter{display:none;width:100%;line-height:1.4}@media (max-width: 700px){.phonefooter{display:block}}.phonefooter .grayl1{padding:26px 0 20px;text-align:center;color:#323232;background-color:#ccc}.phonefooter .grayl2{padding:35px 0 50px;text-align:center;color:#323232;background-color:#fff}.phonefooter .grayl2 .phonesec{display:inline-block;margin:20px 16px;padding-bottom:30px;line-height:1.7;text-align:left}.webfooter .fdress,.webfooter .fmail,.webfooter .csquare,.phonefooter .fdress,.phonefooter .fmail,.phonefooter .csquare{width:25px;height:22px;margin-right:6px;vertical-align:middle;background:url(https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/intro/fticon.png) no-repeat;background:url(https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/intro/logosmall.png) no-repeat -82px -139px \9;background-size:23px}.webfooter .fmail,.phonefooter .fmail{height:19px;background:url(https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/intro/fticon.png) no-repeat 0 -19px;background:url(https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/intro/logosmall.png) no-repeat -82px -111px \9;background-size:23px}.webfooter .csquare,.phonefooter .csquare{background:url(https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/intro/fticon.png) no-repeat 0 -37px;background:url(https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/intro/logosmall.png) no-repeat -82px -81px \9;background-size:23px}.webfooter .footer-address,.phonefooter .footer-address{display:inline-block;vertical-align:top}.webfooter .footer-address+div,.phonefooter .footer-address+div{display:inline-block;vertical-align:top}.webfooter .cc,.phonefooter .cc{margin:36px 0 0;padding-bottom:70px;font-size:13px;text-align:center}.webfooter .ib,.phonefooter .ib{display:inline-block;margin-bottom:18px;margin-left:16px;line-height:1.2}.webfooter .ib a,.phonefooter .ib a{color:#323232}.mobotop{position:fixed;z-index:100;bottom:0;display:none;width:100%;padding:6px 0;-webkit-transition:0.5s;transition:0.5s;text-align:center;color:#323232;border-top:1px solid #cecece;background-color:rgba(255,255,255,0.9);background-color:#fff \9}.mobotop .ftcenter{width:960px;margin:0 auto}@media (max-width: 1023px){.mobotop .ftcenter{width:100%}}.mobotop .ftcenter a{width:43%;margin:0 2px}.mobotop .ftcenter .introBackTop{display:inline-block;padding:2px 0 5px;color:#323232;border:2px solid #a3a3a3;border-radius:50px;border-radius:50px;background:#fff}.mobotop .ftcenter .footerBuy{display:inline-block;padding:5px 0;color:#fff;border:2px solid #ed6c00;border-radius:50px;background:#ed6c00}.back-top{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.topt{width:33px;height:22px;vertical-align:text-bottom;background:url(https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/intro/payt.png) 0 -115px no-repeat;background:url(https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/intro/logosmall.png) -14px -83px \9;background-size:33px auto}html{font-family:Arial, 'å¾®è»Ÿæ­£é»‘é«”', Helvetica}body{margin:0}body.hidden{overflow:hidden}a{text-decoration:none}input{font-family:Arial, 'å¾®è»Ÿæ­£é»‘é«”', Helvetica;outline:none}button{font-family:Arial, 'å¾®è»Ÿæ­£é»‘é«”', Helvetica;border:0;outline:0;background:none}li{list-style:none}p,pre{margin:0 0}i{display:inline-block}::-webkit-scrollbar{width:8px;padding:1px}hr{border:0;padding:0}var{font-style:normal}.alert-mask{position:fixed;background-color:rgba(0,0,0,0.7);width:100%;height:100%;top:0;left:0;display:none;z-index:101;text-align:center}.alert-mask:before{content:"";height:100%;display:inline-block;vertical-align:middle}.alert-mask .alert-dialog{width:570px;margin:0 auto;text-align:center;padding:30px 20px;position:relative;background-color:#fff;border-radius:10px;font-size:20px;display:inline-block;vertical-align:middle}.alert-mask .alert-dialog .alert-close{position:absolute;top:-30px;right:-30px;cursor:pointer;display:none}.alert-mask .alert-dialog .alert-title{font-size:26px;margin:4px;font-weight:bold}.alert-mask .alert-dialog .btn-green{display:inline-block;color:#fff;cursor:pointer;background-color:#43a047;border:#fff 2px solid;border-radius:50px;font-size:21px;-webkit-transition:0.5s;transition:0.5s;text-align:center;width:60%;padding:4px 0}.article-mask{display:none;background:rgba(0,0,0,0.7);position:fixed;width:100%;height:100%;top:0;left:0;z-index:101}.article-mask .mask-close-btn{cursor:pointer;position:absolute;left:50%;margin-left:622px;margin-top:48px;width:42px;height:42px;background:no-repeat -126px -5px url("https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/intro/user/intro_user_icons.svg")}@media only screen and (max-width: 1349px){.article-mask .mask-close-btn{z-index:1;z-index:101;top:12px;left:50%;margin-left:412px;border-radius:100px;background:rgba(255,255,255,0.8)}.article-mask .mask-close-btn::after,.article-mask .mask-close-btn::before{position:absolute;display:block;width:22px;height:3px;margin-top:20px;margin-left:10px;content:'';transform:rotate(45deg);-o-transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);border-radius:10px;background:rgba(0,0,0,0.8)}.article-mask .mask-close-btn::before{transform:rotate(-45deg);-o-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg)}}.article-mask .title-animate-fix{position:fixed;z-index:100;top:48px;left:calc((100% - 950px) / 2);overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;width:950px;height:0;padding:0 46px;-webkit-transition:0.5s;transition:0.5s;font-size:20px;font-weight:600;opacity:0;border-bottom:2px solid #f2f2f2;border-top-left-radius:4px;border-top-right-radius:4px;background:#fff}.article-mask .title-animate-fix.show{height:auto;padding:18px 46px;opacity:1}.article-mask .article-container{width:950px;height:calc(100vh - 164px);overflow:auto;margin:0 auto;margin-top:48px;background:#FFFFFF;-webkit-box-shadow:0 10px 20px 0 rgba(0,0,0,0.12);box-shadow:0 10px 20px 0 rgba(0,0,0,0.12);border-radius:4px 4px 0 0}.article-mask .article-container::-webkit-scrollbar{border-radius:4px}.article-mask .article-container .main-image{width:100%;padding-top:40%;background-size:cover;background-position:center;background-color:#F7F7F7}.article-mask .article-container .ytplayer-container{position:relative;margin:48px 48px 0 48px}.article-mask .article-container .ytplayer-container .ytplayer-replay-container{position:absolute;display:none;width:100%;height:100%;font-size:28px;text-align:center;color:#fff;background-color:#000;z-index:1}.article-mask .article-container .ytplayer-container .ytplayer-replay-container .ytplayer-mask{width:100%;height:100%;background:rgba(0,0,0,0.5)}.article-mask .article-container .ytplayer-container .ytplayer-replay-container .ytplayer-mask:before{display:inline-block;height:100%;content:'';vertical-align:middle}.article-mask .article-container .ytplayer-container .ytplayer-replay-container .ytplayer-mask .ytplayer-replay{cursor:pointer;display:inline-block;vertical-align:middle;background:rgba(0,0,0,0.8);border:2px solid #FFFFFF;border-radius:4px;padding:26px 44px 28px}.article-mask .article-container .ytplayer-container .ytplayer-replay-container .ytplayer-mask .ytplayer-replay:hover{background:#000000;border:4px solid #FFFFFF}.article-mask .article-container .ytplayer-container .ytplayer-replay-container .ytplayer-mask .ytplayer-replay&gt;div{display:inline-block;vertical-align:middle;font-size:20px}.article-mask .article-container .ytplayer-container .ytplayer-replay-container .ytplayer-mask .ytplayer-replay .replay-icon{width:34px;height:34px;background:url("https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/intro/user/intro_user_icons.svg");background-position:-135px -68px}.article-mask .article-container .article-box{margin:0 48px}@media (min-width: 701px) and (max-width: 1023px){.article-mask .article-container .article-box{margin:0 32px}}@media (max-width: 700px){.article-mask .article-container .article-box{margin:0 16px}}.article-mask .article-container .article-header{margin:32px 0;font-weight:bold;-webkit-transition:.3s;transition:.3s;opacity:1}.article-mask .article-container .article-header.hide{opacity:0}.article-mask .article-container .article-header.short-article{margin:48px 0}@media (max-width: 700px){.article-mask .article-container .article-header.short-article{margin:48px 0 40px 0}}.article-mask .article-container .article-header .article-catalog{font-size:16px;color:rgba(0,0,0,0.4)}.article-mask .article-container .article-header .article-catalog a{color:rgba(0,0,0,0.4)}.article-mask .article-container .article-header .article-catalog a:hover{color:rgba(0,0,0,0.8)}.article-mask .article-container .article-header .article-catalog .breadcrumb-arrow{display:inline-block;width:20px;height:12px;background:url("https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/intro/user/intro_user_icons.svg");background-position:-18px -4px}.article-mask .article-container .article-header .title{height:auto;min-height:39px;margin:8px 0;padding-left:0;font-size:32px;color:rgba(0,0,0,0.8)}@media (max-width: 700px){.article-mask .article-container .article-header .title{font-size:26px}}.article-mask .article-container .article-header .short-article-title-container{margin:8px 0}.article-mask .article-container .article-header .short-article-title-container .user-img{display:inline-block;overflow:hidden;width:64px;height:64px;margin-right:16px;vertical-align:middle;border-radius:50%;background-color:#F7F7F7;background-size:cover;background-position:center}@media (max-width: 700px){.article-mask .article-container .article-header .short-article-title-container .user-img{display:block}}.article-mask .article-container .article-header .short-article-title-container .article-title{display:inline-block;vertical-align:middle}@media (max-width: 700px){.article-mask .article-container .article-header .short-article-title-container .article-title{display:block}}.article-mask .article-container .article-header .short-article-title-container .article-title .title{font-size:24px;margin:0 0 3px 0;min-height:auto}@media (max-width: 700px){.article-mask .article-container .article-header .short-article-title-container .article-title .title{margin:8px 0}}.article-mask .article-container .article-header .short-article-title-container .article-title .author{color:rgba(0,0,0,0.5)}.article-mask .article-container .article-header .date-and-viewcount ul{overflow:hidden;margin:0;margin-bottom:16px;padding:0;font-size:14px;font-weight:normal;color:rgba(0,0,0,0.8)}@media (min-width: 701px) and (max-width: 1023px){.article-mask .article-container .article-header .date-and-viewcount ul{margin-bottom:32px}}.article-mask .article-container .article-header .date-and-viewcount ul li{float:left;margin-right:16px;color:rgba(0,0,0,0.4)}@media (max-width: 700px){.article-mask .article-container .article-header .date-and-viewcount ul li{clear:both}}@media (max-width: 700px){.article-mask .article-container .article-header .date-and-viewcount ul li:first-child{margin-bottom:4px}}.article-mask .article-container .article-header .date-and-viewcount ul li time{margin-right:10px}.article-mask .article-container .article-content{font-size:18px;line-height:33px;color:rgba(0,0,0,0.8)}@media (max-width: 700px){.article-mask .article-container .article-content{font-size:18px}}.article-mask .article-container .article-content h2{margin:8px 0;font-size:25px;color:#003366}.article-mask .article-container .article-content p{margin:16px 0}.article-mask .article-container .article-content p img{width:auto;max-width:100%;height:auto;max-height:400px}@media (max-width: 700px){.article-mask .article-container .article-content p img{width:100%;height:auto}}.article-mask .article-container .article-content ol{padding-left:22px}.article-mask .article-container .article-content ol li{list-style:inherit;font-weight:bold;color:#2c9c94}.article-mask .article-container .article-content ul{padding-left:26px}.article-mask .article-container .article-content ul li{position:relative;list-style:none}.article-mask .article-container .article-content ul li::before{position:absolute;top:10px;left:-24px;width:10px;height:10px;content:'';-webkit-transform:rotate(45deg);transform:rotate(45deg);background-color:#e26b6b}.article-mask .article-container .article-content .excerpt{margin:0 0 28px 0;padding-left:10px;font-size:20px;font-weight:bold;letter-spacing:1.2px;border-left:8px solid #f2f2f2;color:rgba(0,0,0,0.8)}.article-mask .article-container .article-content h3{position:relative;height:auto;margin:16px 0;font-size:21px;color:#2c9c94}.article-mask .article-container .article-content h4{padding:16px 24px;font-weight:normal;color:#000;border:2px solid rgba(0,0,0,0.08)}.article-mask .article-container .article-content a{color:#43a047;border-bottom:1px solid #43a047}.article-mask .article-container .article-content a:hover{color:#337A37;border-bottom:1px solid #337A37}.article-mask .article-container .article-content a.event-banner{border:0}.article-mask .article-container .article-content .Highlight{font-weight:bold;color:#e26164}.article-mask .article-container .article-content h5{color:rgba(0,0,0,0.6);margin:16px 0;font-size:14px;font-weight:normal}.article-mask .article-container .article-content h6{margin:16px 0;padding:16px 24px;font-size:18px;font-weight:normal;background-color:#f7f7f7}.article-mask .article-container .article-content .course-effect{font-size:16px;line-height:22px;text-align:center}.article-mask .article-container .article-content .course-effect .content{padding:24px;background-color:rgba(0,0,0,0.05);color:#000}@media (min-width: 701px) and (max-width: 1023px){.article-mask .article-container .article-content .course-effect .content{padding:24px 16px}}@media (max-width: 700px){.article-mask .article-container .article-content .course-effect .content{padding:24px 16px 0;font-size:14px}}.article-mask .article-container .article-content .course-effect .content .description{margin:0 auto;margin-bottom:24px;line-height:22px;font-weight:bold}@media (max-width: 700px){.article-mask .article-container .article-content .course-effect .content .description{width:240px}}.article-mask .article-container .article-content .course-effect .content .improve-content{display:inline-block}@media (min-width: 701px) and (max-width: 1023px){.article-mask .article-container .article-content .course-effect .content .improve-content{width:100%}}@media (max-width: 700px){.article-mask .article-container .article-content .course-effect .content .improve-content{width:100%}}.article-mask .article-container .article-content .course-effect .content .improve-content .gap{display:table-cell;width:24px}@media (min-width: 701px) and (max-width: 1023px){.article-mask .article-container .article-content .course-effect .content .improve-content .gap{width:16px}}@media (max-width: 700px){.article-mask .article-container .article-content .course-effect .content .improve-content .gap{display:none}}.article-mask .article-container .article-content .course-effect .content .improve-content .improve-area{display:table-cell;-webkit-box-sizing:border-box;box-sizing:border-box;width:392px;margin:0 12px;padding:24px 54px;vertical-align:top;background-color:#fff}@media (min-width: 701px) and (max-width: 1023px){.article-mask .article-container .article-content .course-effect .content .improve-content .improve-area{display:table-cell;width:calc(50% - 36px);padding:24px}}@media (max-width: 700px){.article-mask .article-container .article-content .course-effect .content .improve-content .improve-area{display:block;width:100%;padding:16px;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 0 24px}}.article-mask .article-container .article-content .course-effect .content .improve-content .improve-area img{height:180px}@media (min-width: 701px) and (max-width: 1023px){.article-mask .article-container .article-content .course-effect .content .improve-content .improve-area img{height:160px}}@media (max-width: 700px){.article-mask .article-container .article-content .course-effect .content .improve-content .improve-area img{width:100%;height:auto}}.article-mask .article-container .article-content .course-effect .content .improve-content .improve-area .title{margin:8px 0;font-weight:bold}@media (max-width: 700px){.article-mask .article-container .article-content .course-effect .content .improve-content .improve-area .title{font-size:16px}}.article-mask .article-container .article-content .course-effect .content .improve-content .improve-area p{margin:0;text-align:left}.article-mask .article-container .article-content .course-effect .content .improve-content .improve-area .color-ornge{color:#f59223}.article-mask .article-container .article-content .course-effect a.link-detail{position:relative;display:inline-block;clear:both;width:100%;height:56px;padding:0 0;-webkit-transition:.5s;transition:.5s;font-size:16px;font-weight:normal;line-height:2;text-align:center;text-decoration:none;color:#fff;background:-webkit-gradient(linear, left top, left bottom, from(#ff7446), to(#ff395c));background:linear-gradient(#ff7446, #ff395c);-webkit-box-shadow:4px 4px 14px rgba(0,0,0,0.13);box-shadow:4px 4px 14px rgba(0,0,0,0.13)}.article-mask .article-container .article-content .course-effect a.link-detail:after{position:absolute;top:0;left:0;width:100%;height:100%;content:'';-webkit-transition:.5s;transition:.5s;background-color:rgba(0,0,0,0)}.article-mask .article-container .article-content .course-effect a.link-detail:hover{background:-webkit-gradient(linear, left top, left bottom, from(#ff7446), to(#ff395c));background:linear-gradient(#ff7446, #ff395c)}.article-mask .article-container .article-content .course-effect a.link-detail:hover:after{background-color:rgba(0,0,0,0.1)}.article-mask .article-container .article-content .course-effect a.link-detail span{vertical-align:middle}.article-mask .article-container .article-content .course-effect a:before{display:inline-block;width:0;height:100%;content:'';vertical-align:middle}.article-mask .article-container .article-content .course-effect .link{display:inline-block;width:50%;height:56px;margin:16px 0}@media (max-width: 700px){.article-mask .article-container .article-content .course-effect .link{margin:8px 0 0 0;width:100%}.article-mask .article-container .article-content .course-effect .link:last-child{margin:8px 0 8px 0}}.article-mask .article-container .article-content .course-effect .link a{color:#43a047;border-bottom:0px}.article-mask .article-container .article-content .course-effect .link a:hover{color:#327836}.article-mask .article-container .fb-comment-plug-in{background:#f7f7f7;padding:24px 0;margin-top:32px}@media (min-width: 701px) and (max-width: 1023px){.article-mask .article-container .fb-comment-plug-in{padding:24px 56px}}@media (max-width: 700px){.article-mask .article-container .fb-comment-plug-in{padding:18px 10px}}.article-mask .article-container .fb-comment-plug-in div{max-width:650px;margin:0 auto}.article-mask .article-container .intro-user-banner{width:846px;margin:32px auto 16px}.article-mask .article-container .intro-user-banner *{position:static}.article-mask .article-container .intro-user-banner .remaining-day{position:absolute}.article-mask .article-fixed-bar{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;width:950px;height:68px;margin:0 auto;margin-bottom:48px;padding:12px 24px;border-top:2px solid #f2f2f2;border-radius:0 0 4px 4px;background:#fff}.article-mask .article-fixed-bar .share-area{position:absolute;top:18px;display:inline-block;text-align:center;font-size:14px;color:rgba(0,0,0,0.7)}@media (min-width: 701px) and (max-width: 1023px){.article-mask .article-fixed-bar .share-area{margin:0 32px 32px 32px}}@media (max-width: 700px){.article-mask .article-fixed-bar .share-area{margin:0 0 48px 0}}.article-mask .article-fixed-bar .share-area .share-button-container{display:inline-block}@media (max-width: 700px){.article-mask .article-fixed-bar .share-area .share-button-container{display:block;margin:16px 0 0 -16px}}.article-mask .article-fixed-bar .share-area .share-button{display:inline-block;vertical-align:middle;width:32px;height:32px;margin:-4px 0 0 12px;background-image:url("https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/course/learning-experience/intro_user_icons.svg");cursor:pointer}.article-mask .article-fixed-bar .share-area .share-button.share-fb{background-position:-56px -2px;margin:-4px 0 0 16px}.article-mask .article-fixed-bar .share-area .share-button.share-line{background-position:-90px -2px}.article-mask .article-fixed-bar .share-area .share-button.share-link{background-position:-2px -52px}.article-mask .article-fixed-bar .more-action{float:right}.article-mask .article-fixed-bar .more-action a.link-detail{position:relative;display:inline-block;clear:both;width:240px;height:44px;padding:0 0;-webkit-transition:.5s;transition:.5s;font-size:16px;font-weight:normal;line-height:2;text-align:center;text-decoration:none;color:#fff;background:-webkit-gradient(linear, left top, left bottom, from(#ff7446), to(#ff395c));background:linear-gradient(#ff7446, #ff395c);-webkit-box-shadow:4px 4px 14px rgba(0,0,0,0.13);box-shadow:4px 4px 14px rgba(0,0,0,0.13)}.article-mask .article-fixed-bar .more-action a.link-detail:after{position:absolute;top:0;left:0;width:100%;height:100%;content:'';-webkit-transition:.5s;transition:.5s;background-color:rgba(0,0,0,0)}.article-mask .article-fixed-bar .more-action a.link-detail:hover{background:-webkit-gradient(linear, left top, left bottom, from(#ff7446), to(#ff395c));background:linear-gradient(#ff7446, #ff395c)}.article-mask .article-fixed-bar .more-action a.link-detail:hover:after{background-color:rgba(0,0,0,0.1)}.article-mask .article-fixed-bar .more-action a.link-detail span{vertical-align:middle}.article-mask .article-fixed-bar .more-action a:before{display:inline-block;width:0;height:100%;content:'';vertical-align:middle}.article-mask .article-fixed-bar .more-action a.link{display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;width:240px;height:44px;margin-right:21px;-webkit-transition:0.5s;transition:0.5s;text-align:center;color:#43a047;border:2px solid #daecdb}.article-mask .article-fixed-bar .more-action a.link:hover{background-color:#daecdb}html{width:100%;font-size:0;text-align:center;border:0}html body{position:relative;width:100%;font-size:medium;text-align:center;color:rgba(0,0,0,0.8)}html .word_break{display:block}::-webkit-scrollbar{height:7px;border-radius:10px}::-webkit-scrollbar-thumb{height:13px;border-radius:10px;background:#d3d3d3}@media (min-width: 701px) and (max-width: 1023px){::-webkit-scrollbar-thumb{background-color:#fff}}@media (max-width: 700px){::-webkit-scrollbar-thumb{background-color:#fff}}.banner_alt{display:none}@-webkit-keyframes fadeIn{0%{display:none}1%{display:block;opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{display:none}1%{display:block;opacity:0}100%{opacity:1}}.btn_purchase{font-size:20px;color:#fff;font-weight:700;opacity:1;display:block;width:100%;height:56px;background-color:#ff8019;border-radius:2px;line-height:56px;cursor:pointer}@media (hover: hover), (-ms-high-contrast: none){.btn_purchase:hover{background-color:#ee6c00}}.main_vision_section{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}@media (min-width: 701px) and (max-width: 1023px){.main_vision_section{-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-line-pack:end;align-content:flex-end;padding-top:115px}}@media (max-width: 700px){.main_vision_section{-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-line-pack:end;align-content:flex-end;padding-top:90px}}.main_vision_section::before{content:'';background-image:url(https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/thematic/pc/main_vision/logo_pc.png);background-position:50%;background-size:cover;position:absolute;width:100%;height:210px;top:0;left:0;z-index:1}@media (min-width: 701px) and (max-width: 1023px){.main_vision_section::before{height:115px;background-image:url(https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/thematic/pad/main_vision/logo_pad.png)}}@media (max-width: 700px){.main_vision_section::before{height:90px;background-image:url(https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/thematic/mobile/main_vision/logo_mobile.png)}}.main_vision_section.fix-sub-header{padding-top:48px}@media (min-width: 701px) and (max-width: 1023px){.main_vision_section.fix-sub-header{padding-top:163px}}@media (max-width: 700px){.main_vision_section.fix-sub-header{padding-top:138px}}.main_vision_section.fix-sub-header::before{top:48px}@media (min-width: 701px) and (max-width: 1023px){.main_vision_section.fix-sub-header::before{top:48px}}@media (max-width: 700px){.main_vision_section.fix-sub-header::before{top:48px}}.main_vision_section .toefl{background-image:url(https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/thematic/pc/main_vision/toefl_pc.jpg)}@media (min-width: 701px) and (max-width: 1023px){.main_vision_section .toefl{background-image:url(https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/thematic/pad/main_vision/toefl_pad.jpg)}}@media (max-width: 700px){.main_vision_section .toefl{background-image:url(https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/thematic/mobile/main_vision/toefl_mobile.jpg)}}.main_vision_section .toeicGolden{background-image:url(https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/thematic/pc/main_vision/toeicgolden_pc.jpg)}@media (min-width: 701px) and (max-width: 1023px){.main_vision_section .toeicGolden{background-image:url(https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/thematic/pad/main_vision/toeicgolden_pad.jpg)}}@media (max-width: 700px){.main_vision_section .toeicGolden{background-image:url(https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/thematic/mobile/main_vision/toeicgolden_mobile.jpg)}}.main_vision_section .life{background-image:url(https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/thematic/pc/main_vision/travel_pc.jpg)}@media (min-width: 701px) and (max-width: 1023px){.main_vision_section .life{background-image:url(https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/thematic/pad/main_vision/travel_pad.jpg)}}@media (max-width: 700px){.main_vision_section .life{background-image:url(https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/thematic/mobile/main_vision/travel_mobile.jpg)}}.main_vision_section .toeicBlue{background-image:url(https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/thematic/pc/main_vision/toeicblue_pc.jpg)}@media (min-width: 701px) and (max-width: 1023px){.main_vision_section .toeicBlue{background-image:url(https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/thematic/pad/main_vision/toeicblue_pad.jpg)}}@media (max-width: 700px){.main_vision_section .toeicBlue{background-image:url(https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/thematic/mobile/main_vision/toeicblue_mobile.jpg)}}.main_vision_section .business{background-image:url(https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/thematic/pc/main_vision/business_pc.jpg)}@media (min-width: 701px) and (max-width: 1023px){.main_vision_section .business{background-image:url(https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/thematic/pad/main_vision/business_pad.jpg)}}@media (max-width: 700px){.main_vision_section .business{background-image:url(https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/thematic/mobile/main_vision/business_mobile.jpg)}}.main_vision_section .ielts{background-image:url(https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/thematic/pc/main_vision/ielts_pc.jpg)}@media (min-width: 701px) and (max-width: 1023px){.main_vision_section .ielts{background-image:url(https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/thematic/pad/main_vision/ielts_pad.jpg)}}@media (max-width: 700px){.main_vision_section .ielts{background-image:url(https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/thematic/mobile/main_vision/ielts_mobile.jpg)}}.main_vision_section&gt;.course{height:480px;width:16.67vw;cursor:pointer;-webkit-transition:width 0.5s;transition:width 0.5s;position:relative;background-size:cover;background-position:50%}@media (min-width: 701px) and (max-width: 1023px){.main_vision_section&gt;.course{height:192px;-ms-flex-preferred-size:33.33%;flex-basis:33.33%}}@media (max-width: 700px){.main_vision_section&gt;.course{-ms-flex-preferred-size:50%;flex-basis:50%;height:120px}}@media (hover: hover), (-ms-high-contrast: none){.main_vision_section&gt;.course.active:hover{width:16.67vw}}.main_vision_section&gt;.course.active::before{content:'';width:100%;height:8px;opacity:0.4;background-color:#000000;position:absolute;bottom:0;left:0;z-index:1}@media (min-width: 701px) and (max-width: 1023px){.main_vision_section&gt;.course.active::before{display:none}}@media (max-width: 700px){.main_vision_section&gt;.course.active::before{display:none}}.main_vision_section&gt;.course.active .text{position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-transition:all 0.2s;transition:all 0.2s}@media (hover: hover), (-ms-high-contrast: none){.main_vision_section&gt;.course:hover{width:29.57vw}}.main_vision_section .course_name{font-size:22px;color:#000;font-weight:700;opacity:.6;height:115px;width:100%;position:absolute;bottom:0}@media (min-width: 701px) and (max-width: 1023px){.main_vision_section .course_name{display:none}}@media (max-width: 700px){.main_vision_section .course_name{display:none}}.main_vision_section .text{position:absolute;top:20%;left:50%;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);-webkit-transition:all 0.5s;transition:all 0.5s;word-break:keep-all}.main_vision_section .text::after{content:'';background:url(https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/thematic/asset_theme.svg);background-position:-29px -155px;width:15px;height:12px;position:absolute;top:125%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}@media (min-width: 701px) and (max-width: 1023px){.main_vision_section .toefl{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.main_vision_section .toeicGolden{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.main_vision_section .life{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.main_vision_section .toeicBlue{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.main_vision_section .business{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.main_vision_section .ielts{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}}@media (max-width: 700px){.main_vision_section .toefl{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.main_vision_section .toeicGolden{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.main_vision_section .life{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.main_vision_section .toeicBlue{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.main_vision_section .business{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.main_vision_section .ielts{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}}.courses_details_section{padding:32px 0 64px}@media (min-width: 701px) and (max-width: 1023px){.courses_details_section{padding:40px 0}.courses_details_section .word_break{display:inline}.courses_details_section .btn_purchase{width:256px;margin:0 auto}}@media (max-width: 700px){.courses_details_section{padding:40px 0}.courses_details_section .btn_purchase{width:264px;position:absolute;left:2%}}.courses_details_section.bg_toefl{background-color:#ecf2f1}.courses_details_section.bg_toeicGolden{background-color:#f6f2e8}.courses_details_section.bg_toeicBlue{background-color:#edf2f6}.courses_details_section.bg_life{background-color:#fcf8f3}.courses_details_section.bg_business{background-color:#ebf0f6}.courses_details_section.bg_ielts{background-color:#f8f2f3}.courses_details_section .fade_in{-webkit-animation:1s linear fadeIn;animation:1s linear fadeIn}@media (min-width: 701px) and (max-width: 1023px){.courses_details_section .fade_in{-webkit-animation:none;animation:none}}.courses_details_section .details_wrapper&gt;.title{font-size:22px;color:#003f69;font-weight:normal;opacity:1;margin:0 auto 58px;position:relative;width:980px}@media (min-width: 701px) and (max-width: 1023px){.courses_details_section .details_wrapper&gt;.title{width:590px;margin:0 auto 72px;font-size:18px}}@media (max-width: 700px){.courses_details_section .details_wrapper&gt;.title{width:288px;margin:0 auto 80px;font-size:18px}}.courses_details_section .details_wrapper&gt;.title::before{content:'';background-image:url(https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/thematic/asset_theme.svg);width:969px;height:16px;position:absolute;top:calc(100% + 10px);background-size:136%;background-position:-35px -18px}@media (min-width: 701px) and (max-width: 1023px){.courses_details_section .details_wrapper&gt;.title::before{width:680px;top:calc(100% + 16px);background-size:173%;background-position:-8px -90px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}}@media (max-width: 700px){.courses_details_section .details_wrapper&gt;.title::before{width:288px;top:calc(100% + 24px);background-size:1210px;background-position:-25px -54px}}.courses_details_section .content_wrapper_toefl,.courses_details_section .content_wrapper_toeicGolden,.courses_details_section .content_wrapper_life,.courses_details_section .content_wrapper_toeicBlue,.courses_details_section .content_wrapper_business,.courses_details_section .content_wrapper_ielts{display:none}.courses_details_section .content_wrapper_toefl.active,.courses_details_section .content_wrapper_toeicGolden.active,.courses_details_section .content_wrapper_life.active,.courses_details_section .content_wrapper_toeicBlue.active,.courses_details_section .content_wrapper_business.active,.courses_details_section .content_wrapper_ielts.active{display:block}.courses_details_section .content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative}@media (min-width: 701px) and (max-width: 1023px){.courses_details_section .content{-ms-flex-wrap:nowrap;flex-wrap:nowrap;margin-bottom:0}}@media (max-width: 700px){.courses_details_section .content{width:272px;margin:0 auto 95px}}.courses_details_section .btn_previous,.courses_details_section .btn_next{width:66px;height:66px;cursor:pointer;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:1;background-image:url(https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/thematic/asset_theme.svg);background-size:1888%}@media (min-width: 701px) and (max-width: 1023px){.courses_details_section .btn_previous,.courses_details_section .btn_next{width:58px;height:58px;top:4%}}@media (max-width: 700px){.courses_details_section .btn_previous,.courses_details_section .btn_next{width:50px;height:50px;top:15px}}@media (hover: hover), (-ms-high-contrast: none){.courses_details_section .btn_previous:hover:before,.courses_details_section .btn_next:hover:before{content:'';width:inherit;height:inherit;-webkit-box-shadow:0px 0px 4px rgba(0,0,0,0.15);box-shadow:0px 0px 4px rgba(0,0,0,0.15);border-radius:50%;position:absolute;top:0;left:0}}.courses_details_section .btn_previous{left:-30%;background-position:-28px -190px}@media (min-width: 701px) and (max-width: 1023px){.courses_details_section .btn_previous{left:0%;background-position:-24px -167px}}@media (max-width: 700px){.courses_details_section .btn_previous{left:0px;background-position:-21px -144px}}.courses_details_section .btn_next{right:-210%;background-position:-116px -190px}@media (min-width: 701px) and (max-width: 1023px){.courses_details_section .btn_next{right:0%;background-position:-102px -167px}}@media (max-width: 700px){.courses_details_section .btn_next{right:0;background-position:-88px -144px}}.courses_details_section .left_part{width:314px;height:416px;margin-right:48px;position:relative}@media (min-width: 701px) and (max-width: 1023px){.courses_details_section .left_part{width:290px;height:551px;margin-right:24px}}@media (max-width: 700px){.courses_details_section .left_part{width:100%;height:auto;margin:0 0 40px 0;position:relative}}.courses_details_section .left_part&gt;.course_name{font-size:40px;color:#1b4361;font-weight:700;opacity:.8;margin:0 0 32px;text-align:left}@media (min-width: 701px) and (max-width: 1023px){.courses_details_section .left_part&gt;.course_name{margin-bottom:80px;text-align:center;font-size:28px}}@media (max-width: 700px){.courses_details_section .left_part&gt;.course_name{margin-bottom:24px;text-align:center;font-size:20px}}.courses_details_section .left_part&gt;.target_wrapper{height:240px;margin-bottom:32px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media (min-width: 701px) and (max-width: 1023px){.courses_details_section .left_part&gt;.target_wrapper{width:234px;height:auto;margin:0 32px 95px}}@media (max-width: 700px){.courses_details_section .left_part&gt;.target_wrapper{margin-bottom:0}}.courses_details_section .left_part .target{width:100%;height:64px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media (min-width: 701px) and (max-width: 1023px){.courses_details_section .left_part .target{height:80px;margin-bottom:20px}.courses_details_section .left_part .target:last-child{margin-bottom:0}}@media (max-width: 700px){.courses_details_section .left_part .target{height:72px}}.courses_details_section .left_part .target&gt;.img{width:64px;height:64px;margin-right:16px;background-repeat:no-repeat;background-size:528%;background-image:url(https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/thematic/pc/ta.png)}.courses_details_section .left_part .target&gt;.text{font-size:18px;color:#000;font-weight:normal;opacity:.8;width:234px;text-align:left}@media (min-width: 701px) and (max-width: 1023px){.courses_details_section .left_part .target&gt;.text{width:154px}}@media (max-width: 700px){.courses_details_section .left_part .target&gt;.text{width:168px;font-size:16px}}.courses_details_section .right_part{width:520px}@media (min-width: 701px) and (max-width: 1023px){.courses_details_section .right_part{width:368px}}@media (max-width: 700px){.courses_details_section .right_part{width:100%}}.courses_details_section .right_part&gt;.subtitle{font-size:18px;color:#000;font-weight:normal;opacity:.7;text-align:left;margin-bottom:24px;width:99%;line-height:27px}@media (min-width: 701px) and (max-width: 1023px){.courses_details_section .right_part&gt;.subtitle{margin-bottom:17px}}@media (max-width: 700px){.courses_details_section .right_part&gt;.subtitle{width:100%;margin:0 auto 24px;font-size:16px}}.courses_details_section .right_part&gt;.categories_wrapper{width:520px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}@media (min-width: 701px) and (max-width: 1023px){.courses_details_section .right_part&gt;.categories_wrapper{width:100%}}@media (max-width: 700px){.courses_details_section .right_part&gt;.categories_wrapper{width:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.courses_details_section .right_part .category{width:112px;height:96px;margin:0 24px 24px 0}@media (min-width: 701px) and (max-width: 1023px){.courses_details_section .right_part .category{margin-right:16px}.courses_details_section .right_part .category:nth-child(3n){margin-right:0}.courses_details_section .right_part .category:nth-child(4n){margin-right:16px}.courses_details_section .right_part .category:nth-child(12){margin-right:0}}@media (max-width: 700px){.courses_details_section .right_part .category{margin:0 24px 24px 0}.courses_details_section .right_part .category:nth-child(2n){margin-right:0}}.courses_details_section .right_part .category:nth-child(4n){margin-right:0}.courses_details_section .right_part .category:nth-last-child(-n+4){margin-bottom:0}@media (max-width: 700px){.courses_details_section .right_part .category:nth-last-child(-n+4){margin-bottom:24px}}.courses_details_section .right_part .category .img{width:96px;height:64px;margin:0 auto 8px;background-repeat:no-repeat;background-size:418%}.courses_details_section .right_part .category .title{font-size:16px;color:#000;font-weight:700;opacity:.8}.courses_details_section .toefl_ielts_block{width:960px;height:238px;border-radius:0 0 2px 2px;background-color:#fff;padding:56px 115px;margin:64px auto 0;-webkit-box-sizing:border-box;box-sizing:border-box}@media (min-width: 701px) and (max-width: 1023px){.courses_details_section .toefl_ielts_block{height:auto;width:688px;padding:40px 24px;margin-top:40px}}@media (max-width: 700px){.courses_details_section .toefl_ielts_block{width:100%;padding:40px 0px}}.courses_details_section .toefl_ielts_block .title{font-size:40px;color:#003f69;font-weight:700;opacity:.8;margin-bottom:16px}@media (min-width: 701px) and (max-width: 1023px){.courses_details_section .toefl_ielts_block .title{font-size:24px;margin-bottom:8px}}@media (max-width: 700px){.courses_details_section .toefl_ielts_block .title{font-size:20px;margin-bottom:8px}}.courses_details_section .toefl_ielts_block .subtitle{font-size:18px;color:#000;font-weight:normal;opacity:.8;text-align:left}@media (min-width: 701px) and (max-width: 1023px){.courses_details_section .toefl_ielts_block .subtitle{width:590px;margin:0 auto;font-size:16px}}@media (max-width: 700px){.courses_details_section .toefl_ielts_block .subtitle{width:272px;font-size:16px;margin:0 auto}}.courses_details_section .toeic_block{width:960px;background-color:#fff;margin:64px auto 0;border-radius:2px;padding:56px 40px;-webkit-box-sizing:border-box;box-sizing:border-box}@media (min-width: 701px) and (max-width: 1023px){.courses_details_section .toeic_block{width:688px;padding:40px 24px;margin-top:40px}}@media (max-width: 700px){.courses_details_section .toeic_block{width:100%;padding:40px 0px}}.courses_details_section .toeic_block&gt;.block_1{padding-bottom:56px;border-bottom:2px solid #f4f6f7}@media (min-width: 701px) and (max-width: 1023px){.courses_details_section .toeic_block&gt;.block_1{padding-bottom:40px}}@media (max-width: 700px){.courses_details_section .toeic_block&gt;.block_1{padding-bottom:40px}}.courses_details_section .toeic_block&gt;.block_2{padding-top:56px}@media (min-width: 701px) and (max-width: 1023px){.courses_details_section .toeic_block&gt;.block_2{padding-top:40px}}@media (max-width: 700px){.courses_details_section .toeic_block&gt;.block_2{padding-top:40px}}.courses_details_section .toeic_block .title{font-size:40px;color:#003f69;font-weight:700;opacity:.8;margin-bottom:16px}@media (min-width: 701px) and (max-width: 1023px){.courses_details_section .toeic_block .title{font-size:24px;margin-bottom:8px}}@media (max-width: 700px){.courses_details_section .toeic_block .title{font-size:20px;margin-bottom:8px}}.courses_details_section .toeic_block .description{font-size:18px;color:#000;font-weight:normal;opacity:.8;width:728px;text-align:left;margin:0 auto 48px}@media (min-width: 701px) and (max-width: 1023px){.courses_details_section .toeic_block .description{width:590px;font-size:16px;margin:0 auto 32px}}@media (max-width: 700px){.courses_details_section .toeic_block .description{width:272px;font-size:16px;margin-bottom:24px;line-height:24px}}.courses_details_section .toeic_block .image_1,.courses_details_section .toeic_block .image_2{margin:0 auto;background-image:url(https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/thematic/asset_theme.svg)}.courses_details_section .toeic_block .image_1{width:640px;height:240px;background-position:-30px -341px}@media (max-width: 700px){.courses_details_section .toeic_block .image_1{width:288px;height:319px;background-position:-30px -956px}}.courses_details_section .toeic_block .image_2{width:640px;height:320px;background-position:-29px -605px}@media (max-width: 700px){.courses_details_section .toeic_block .image_2{width:288px;height:264px;background-position:-348px -947px}}.courses_details_section .content_wrapper_toefl .right_part .img,.courses_details_section .content_wrapper_toeicGolden .right_part .img,.courses_details_section .content_wrapper_toeicBlue .right_part .img{background-image:url(https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/thematic/pc/info_tofel_toeic.jpg)}.courses_details_section .content_wrapper_life .right_part .img,.courses_details_section .content_wrapper_business .right_part .img,.courses_details_section .content_wrapper_ielts .right_part .img{background-image:url(https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/thematic/pc/info_travel_business_ielts.jpg)}.courses_details_section .ta_toefl_1{background-position:-137px -204px}.courses_details_section .ta_toefl_2{background-position:-69px -69px}.courses_details_section .ta_toefl_3{background-position:-137px -2px}.courses_details_section .ta_toeicGolden_1{background-position:-272px -2px}.courses_details_section .ta_toeicGolden_2{background-position:-69px -137px}.courses_details_section .ta_toeicGolden_3{background-position:-204px -2px}.courses_details_section .ta_toeicBlue_1{background-position:-2px -204px}.courses_details_section .ta_toeicBlue_2{background-position:-2px -137px}.courses_details_section .ta_toeicBlue_3{background-position:-137px -137px}.courses_details_section .ta_life_1{background-position:-272px -69px}.courses_details_section .ta_life_2{background-position:-204px -69px}.courses_details_section .ta_life_3{background-position:-204px -137px}.courses_details_section .ta_business_1{background-position:-2px -204px}.courses_details_section .ta_business_2{background-position:-2px -2px}.courses_details_section .ta_business_3{background-position:-2px -69px}.courses_details_section .ta_ielts_1{background-position:-272px -2px}.courses_details_section .ta_ielts_2{background-position:-69px -2px}.courses_details_section .ta_ielts_3{background-position:-137px -69px}.courses_details_section .info_tofel_1{background-position:-2px -2px}.courses_details_section .info_tofel_2{background-position:-202px -138px}.courses_details_section .info_tofel_3{background-position:-2px -138px}.courses_details_section .info_tofel_4{background-position:-102px -70px}.courses_details_section .info_tofel_5{background-position:-303px -274px}.courses_details_section .info_tofel_6{background-position:-303px -206px}.courses_details_section .info_tofel_7{background-position:-102px -138px}.courses_details_section .info_tofel_8{background-position:-2px -206px}.courses_details_section .info_toeic_1{background-position:-303px -2px}.courses_details_section .info_toeic_2{background-position:-202px -206px}.courses_details_section .info_toeic_3{background-position:-102px -206px}.courses_details_section .info_toeic_4{background-position:-102px -274px}.courses_details_section .info_toeic_5{background-position:-303px -70px}.courses_details_section .info_toeic_6{background-position:-202px -274px}.courses_details_section .info_toeic_7{background-position:-202px -70px}.courses_details_section .info_toeic_8{background-position:-303px -138px}.courses_details_section .info_toeic_9{background-position:-2px -274px}.courses_details_section .info_toeic_10{background-position:-102px -2px}.courses_details_section .info_toeic_11{background-position:-202px -2px}.courses_details_section .info_toeic_12{background-position:-2px -70px}.courses_details_section .info_travel_1{background-position:-302px -138px}.courses_details_section .info_travel_2{background-position:-2px -274px}.courses_details_section .info_travel_3{background-position:-102px -274px}.courses_details_section .info_travel_4{background-position:-302px -206px}.courses_details_section .info_travel_5{background-position:-202px -274px}.courses_details_section .info_travel_6{background-position:-302px -274px}.courses_details_section .info_business_1{background-position:-2px -2px}.courses_details_section .info_business_2{background-position:-102px -2px}.courses_details_section .info_business_3{background-position:-2px -70px}.courses_details_section .info_business_4{background-position:-102px -70px}.courses_details_section .info_business_5{background-position:-202px -2px}.courses_details_section .info_business_6{background-position:-202px -70px}.courses_details_section .info_ielts_1{background-position:-2px -138px}.courses_details_section .info_ielts_2{background-position:-102px -138px}.courses_details_section .info_ielts_3{background-position:-202px -138px}.courses_details_section .info_ielts_4{background-position:-2px -206px}.courses_details_section .info_ielts_5{background-position:-102px -206px}.courses_details_section .info_ielts_6{background-position:-202px -206px}.courses_details_section .info_ielts_7{background-position:-302px -2px}.courses_details_section .info_ielts_8{background-position:-302px -70px}@media (max-width: 700px){.courses_details_section .content_wrapper_life .btn_purchase,.courses_details_section .content_wrapper_business .btn_purchase{top:280%}.courses_details_section .content_wrapper_toeicGolden .btn_purchase,.courses_details_section .content_wrapper_toeicBlue .btn_purchase{top:420%}.courses_details_section .content_wrapper_toefl .btn_purchase,.courses_details_section .content_wrapper_ielts .btn_purchase{top:330%}}.eight_sections{-webkit-box-sizing:border-box;box-sizing:border-box;padding:56px 0 32px}.eight_sections&gt;.title{font-size:40px;color:#003f69;font-weight:700;opacity:.8;margin-bottom:16px}.eight_sections&gt;.subtitle{font-size:18px;color:#000;font-weight:normal;opacity:.8;line-height:27px;margin-bottom:64px}.eight_sections .view_all{font-size:18px;color:#66ab39;font-weight:700;opacity:1;cursor:pointer;position:relative;margin:0 auto;width:120px}@media (min-width: 701px) and (max-width: 1023px){.eight_sections .view_all{width:95px}}@media (max-width: 700px){.eight_sections .view_all{width:95px}}.eight_sections .view_all .view_all_text{display:inline-block;margin-right:8px}.eight_sections .view_all .arrow{background-image:url(https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/thematic/asset_theme.svg);background-position:-187px -154px;display:inline-block;width:16px;height:14px}@media (min-width: 701px) and (max-width: 1023px){.eight_sections .view_all .arrow{-webkit-transform:translateY(2px);transform:translateY(2px)}}@media (max-width: 700px){.eight_sections .view_all .arrow{-webkit-transform:translateY(2px);transform:translateY(2px)}}@media (hover: hover), (-ms-high-contrast: none){.eight_sections .view_all:hover{color:#41950a}.eight_sections .view_all:hover .arrow{background-position:-78px -154px}}@media (hover: hover) and (min-width: 701px) and (max-width: 1023px), (-ms-high-contrast: none) and (min-width: 701px) and (max-width: 1023px){.eight_sections .view_all:hover .arrow{-webkit-transform:translateY(2px);transform:translateY(2px)}}@media (hover: hover) and (max-width: 700px), (-ms-high-contrast: none) and (max-width: 700px){.eight_sections .view_all:hover .arrow{-webkit-transform:translateY(2px);transform:translateY(2px)}}.eight_sections .icon_depends_on_thematic{background-position:-885px -260px}.eight_sections .icon_no_more_memorization{background-position:-285px -260px}.eight_sections .icon_planning{background-position:-985px -260px}.eight_sections .icon_twenty_four_hours{background-position:-685px -260px}.eight_sections .icon_professional{background-position:-585px -260px}.eight_sections .icon_environment{background-position:-785px -260px}.eight_sections .icon_practice{background-position:-485px -260px}.eight_sections .complete_record{background-position:-385px -260px}@media (min-width: 701px) and (max-width: 1023px){.eight_sections{padding:40px 0 32px}.eight_sections .icon_depends_on_thematic{background-position:-515px -152px}.eight_sections .icon_no_more_memorization{background-position:-165px -152px}.eight_sections .icon_planning{background-position:-573px -152px}.eight_sections .icon_twenty_four_hours{background-position:-398px -152px}.eight_sections .icon_professional{background-position:-341px -152px}.eight_sections .icon_environment{background-position:-457px -152px}.eight_sections .icon_practice{background-position:-283px -152px}.eight_sections .complete_record{background-position:-224px -152px}.eight_sections&gt;.title{font-size:24px}.eight_sections&gt;.subtitle{font-size:16px}.eight_sections .view_all{font-size:14px}.eight_sections .view_all::before{left:100%}}@media (max-width: 700px){.eight_sections{padding:40px 0 24px}.eight_sections&gt;.title{font-size:20px;line-height:28px}.eight_sections&gt;.subtitle{font-size:16px;line-height:24px;margin-bottom:24px}.eight_sections .icon_depends_on_thematic{background-position:-515px -152px}.eight_sections .icon_no_more_memorization{background-position:-165px -152px}.eight_sections .icon_planning{background-position:-573px -152px}.eight_sections .icon_twenty_four_hours{background-position:-398px -152px}.eight_sections .icon_professional{background-position:-341px -152px}.eight_sections .icon_environment{background-position:-457px -152px}.eight_sections .icon_practice{background-position:-283px -152px}.eight_sections .complete_record{background-position:-224px -152px}.eight_sections&gt;.subtitle{line-height:24px}.eight_sections .view_all{font-size:14px}.eight_sections .view_all::before{left:100%}}.features_section{background-color:#d7e3ed;padding:57px 0 64px}@media (min-width: 701px) and (max-width: 1023px){.features_section{padding:40px 0}}@media (max-width: 700px){.features_section{padding:40px 0}}.features_section&gt;.title{margin-bottom:16px}@media (min-width: 701px) and (max-width: 1023px){.features_section&gt;.title{font-size:24px;margin-bottom:8px}}@media (max-width: 700px){.features_section&gt;.title{font-size:20px;margin-bottom:8px}}.features_section&gt;.subtitle{margin-bottom:47px}@media (min-width: 701px) and (max-width: 1023px){.features_section&gt;.subtitle{font-size:16px;margin-bottom:32px}}@media (max-width: 700px){.features_section&gt;.subtitle{font-size:16px;margin-bottom:24px}}.features_section&gt;.features_wrapper{width:944px;margin:0 auto}@media (min-width: 701px) and (max-width: 1023px){.features_section&gt;.features_wrapper{width:684px}}@media (max-width: 700px){.features_section&gt;.features_wrapper{width:288px}}.features_section .row{width:100%;height:193px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media (min-width: 701px) and (max-width: 1023px){.features_section .row{height:auto}}@media (max-width: 700px){.features_section .row{-ms-flex-wrap:wrap;flex-wrap:wrap;height:auto}}.features_section .row:first-child{margin-bottom:16px}@media (min-width: 701px) and (max-width: 1023px){.features_section .row:first-child{margin-bottom:24px}}.features_section .feature{-webkit-box-sizing:border-box;box-sizing:border-box;padding:24px 0 0;width:224px;height:177px;background-color:#fff;border-radius:2px;cursor:pointer;-webkit-transition:height 0.5s;transition:height 0.5s}.features_section .feature .title{font-size:18px;color:#000;font-weight:700;opacity:.8}@media (min-width: 701px) and (max-width: 1023px){.features_section .feature .title{font-size:16px}}@media (max-width: 700px){.features_section .feature .title{font-size:16px}}@media (min-width: 701px) and (max-width: 1023px){.features_section .feature{width:165px;height:146px;padding-top:16px}}@media (max-width: 700px){.features_section .feature{width:140px;height:146px;padding-top:16px;margin-bottom:16px}.features_section .feature:nth-last-child(-n+2){margin-bottom:0}}@media (hover: hover), (-ms-high-contrast: none){.features_section .feature:hover{height:100%}}@media (hover: hover) and (min-width: 701px) and (max-width: 1023px), (-ms-high-contrast: none) and (min-width: 701px) and (max-width: 1023px){.features_section .feature:hover{height:auto}}@media (hover: hover) and (max-width: 700px), (-ms-high-contrast: none) and (max-width: 700px){.features_section .feature:hover{height:auto}}@media (hover: hover), (-ms-high-contrast: none){.features_section .feature:hover .arrow{opacity:1}}.features_section .icon{width:96px;height:96px;margin:0 auto 10px;background-image:url(https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/thematic/asset_theme.svg);background-size:1800%}@media (min-width: 701px) and (max-width: 1023px){.features_section .icon{width:56px;height:56px}}@media (max-width: 700px){.features_section .icon{width:56px;height:56px;margin-bottom:8px}}.features_section .arrow{opacity:0;margin:16px auto 0;width:15px;height:13px;background-image:url(https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/thematic/asset_theme.svg);background-size:1300px;background-position:-57px -161px;-webkit-transition:opacity 0.2s;transition:opacity 0.2s}@media (min-width: 701px) and (max-width: 1023px){.features_section .arrow{opacity:1}}@media (max-width: 700px){.features_section .arrow{opacity:1}}.depends_on_thematic_section{background-color:#f2f2f2}.depends_on_thematic_section&gt;.title{margin-bottom:16px}@media (min-width: 701px) and (max-width: 1023px){.depends_on_thematic_section&gt;.title{margin-bottom:8px}}@media (max-width: 700px){.depends_on_thematic_section&gt;.title{margin-bottom:8px}}.depends_on_thematic_section&gt;.subtitle,.depends_on_thematic_section&gt;.list{width:728px;margin:0 auto;text-align:left;line-height:27px}.depends_on_thematic_section .subtitle{margin-bottom:33px}@media (min-width: 701px) and (max-width: 1023px){.depends_on_thematic_section .subtitle{margin-bottom:23px;width:591px;line-height:24px}}@media (max-width: 700px){.depends_on_thematic_section .subtitle{width:272px;line-height:24px}}.depends_on_thematic_section .list{margin-bottom:64px}@media (min-width: 701px) and (max-width: 1023px){.depends_on_thematic_section .list{margin-bottom:32px;width:591px;line-height:24px}}@media (max-width: 700px){.depends_on_thematic_section .list{width:240px;padding-left:0;line-height:24px;margin-bottom:24px}}.depends_on_thematic_section .list&gt;li{position:relative}.depends_on_thematic_section .list&gt;li::before{content:'';width:8px;height:8px;background-color:#ff8019;border-radius:50%;position:absolute;left:-15px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}@media (max-width: 700px){.depends_on_thematic_section .list&gt;li::before{top:12px}}.depends_on_thematic_section .highlight{font-size:22px;color:#ee9200;font-weight:700;opacity:1}@media (min-width: 701px) and (max-width: 1023px){.depends_on_thematic_section .highlight{font-size:18px}}@media (max-width: 700px){.depends_on_thematic_section .highlight{font-size:16px;line-height:24px}}.no_more_memorization_section{background-color:#e8efe3}.no_more_memorization_section&gt;.title{margin-bottom:16px}.no_more_memorization_section&gt;.subtitle{width:728px;margin:0 auto 64px;text-align:left;line-height:27px}@media (min-width: 701px) and (max-width: 1023px){.no_more_memorization_section&gt;.title{margin-bottom:8px}.no_more_memorization_section&gt;.subtitle{width:590px;line-height:24px;margin-bottom:32px}}@media (max-width: 700px){.no_more_memorization_section&gt;.title{margin-bottom:8px}.no_more_memorization_section&gt;.subtitle{width:272px;line-height:24px;margin-bottom:24px}}.planning_section{background-color:#f2f2f2}.planning_section&gt;.title{margin-bottom:16px}.planning_section&gt;.subtitle{width:728px;margin:0 auto;line-height:27px}.planning_section&gt;.image{width:968px;height:1032px;margin:47px auto 64px;background-image:url(https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/thematic/pc_pad/2_pc_pad.png);background-size:cover}@media (min-width: 701px) and (max-width: 1023px){.planning_section .word_break{display:inline}.planning_section&gt;.title{margin-bottom:8px}.planning_section&gt;.subtitle{width:590px;line-height:24px;text-align:left}.planning_section&gt;.image{margin:32px auto;width:678px;height:723px}}@media (max-width: 700px){.planning_section .word_break{display:inline}.planning_section&gt;.title{margin-bottom:8px}.planning_section&gt;.subtitle{width:272px;line-height:24px;text-align:left}.planning_section&gt;.image{margin:24px auto;width:288px;height:307px;background-image:url(https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/thematic/mobile/2_mobile.png);background-size:cover}}.twenty_four_hours_section{background-color:#e8efe3}.twenty_four_hours_section&gt;.title{margin-bottom:48px}.twenty_four_hours_section&gt;.items_wrapper{width:830px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:0 auto 64px}.twenty_four_hours_section .text{font-size:18px;color:#000;font-weight:normal;opacity:.8;line-height:24px}.twenty_four_hours_section .image{width:167px;height:167px;margin-bottom:24px;background-image:url(https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/thematic/pc/3_all.png);background-size:345px;background-repeat:no-repeat}.twenty_four_hours_section .image_1{background-position:-3px 0}.twenty_four_hours_section .image_2{background-position:-176px 0}.twenty_four_hours_section .image_3{background-position:-3px -175px}.twenty_four_hours_section .image_4{background-position:-176px -175px}@media (min-width: 701px) and (max-width: 1023px){.twenty_four_hours_section&gt;.title{margin-bottom:32px}.twenty_four_hours_section&gt;.items_wrapper{width:584px;margin-bottom:32px}.twenty_four_hours_section .image{width:120px;height:120px;background-size:245px;margin:0 auto 24px}.twenty_four_hours_section .image_2{background-position:-124px 0}.twenty_four_hours_section .image_3{background-position:-3px -124px}.twenty_four_hours_section .image_4{background-position:-124px -124px}.twenty_four_hours_section .text{font-size:16px}}@media (max-width: 700px){.twenty_four_hours_section&gt;.title{margin-bottom:24px}.twenty_four_hours_section&gt;.items_wrapper{width:280px;margin-bottom:24px;-ms-flex-wrap:wrap;flex-wrap:wrap}.twenty_four_hours_section .item:nth-child(-n+2){margin-bottom:32px}.twenty_four_hours_section .image{width:120px;height:120px;background-size:245px;margin:0 auto 16px}.twenty_four_hours_section .image_2{background-position:-124px 0}.twenty_four_hours_section .image_3{background-position:-3px -124px}.twenty_four_hours_section .image_4{background-position:-124px -124px}.twenty_four_hours_section .text{font-size:16px}}.professional_section{background-color:#f2f2f2}.professional_section&gt;.title{margin-bottom:16px}.professional_section&gt;.subtitle{margin-bottom:48px}.professional_section&gt;.content_wrapper{width:927px;height:441px;margin:0 auto 64px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.professional_section .image{width:552px;height:359px;margin-bottom:24px;background-image:url(https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/thematic/pc/4_all.png);background-size:cover}.professional_section .content_box{width:320px;padding:24px;background-color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:4px;text-align:left;position:relative}.professional_section .content_box::before{content:'';width:24px;height:24px;background:#fff;border-radius:2px;position:absolute;top:50%;left:-12px;-webkit-transform:translateY(-50%) rotate(45deg);transform:translateY(-50%) rotate(45deg)}.professional_section .content{margin-bottom:24px}.professional_section .content:last-child{margin-bottom:0}.professional_section .content_title{font-size:18px;color:#43a047;font-weight:700;opacity:1;line-height:25px;margin-bottom:10px}.professional_section .description{font-size:18px;color:#000;font-weight:normal;opacity:.8;line-height:24px}@media (min-width: 701px) and (max-width: 1023px){.professional_section&gt;.title{margin-bottom:8px}.professional_section&gt;.subtitle{line-height:24px;margin-bottom:32px}.professional_section&gt;.content_wrapper{width:704px;height:394px;margin-bottom:32px}.professional_section .image{width:448px;height:291px}.professional_section .content_box{width:248px;height:100%;padding:16px}.professional_section .content_box::before{display:none}.professional_section .content{margin-bottom:16px}.professional_section .content_title{font-size:16px;margin-bottom:8px}.professional_section .description{font-size:16px}}@media (max-width: 700px){.professional_section&gt;.title{margin-bottom:8px}.professional_section&gt;.subtitle{margin-bottom:24px}.professional_section&gt;.content_wrapper{width:288px;height:auto;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:24px}.professional_section .image{width:100%;height:187px;margin-bottom:24px}.professional_section .content_box{width:272px;padding:16px;margin:0 auto}.professional_section .content_box::before{display:none}.professional_section .content{margin-bottom:16px}.professional_section .content_title{font-size:16px;margin-bottom:8px;line-height:22px}.professional_section .description{font-size:16px}}.environment_section{background-color:#e8efe3}@media (min-width: 701px) and (max-width: 1023px){.environment_section&gt;.title{margin-bottom:8px}.environment_section&gt;.subtitle{line-height:24px;margin-bottom:32px}}@media (max-width: 700px){.environment_section&gt;.title{margin-bottom:8px}.environment_section&gt;.subtitle{width:272px;line-height:24px;margin:0 auto 24px}.environment_section .word_break{display:inline}}.practice_section{background-color:#f2f2f2}.practice_section .items_wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:936px;margin:0 auto 64px}.practice_section .subtitle{margin-bottom:48px}.practice_section .image{width:192px;height:192px;margin-bottom:24px;background-size:cover}.practice_section .image_1{background-image:url(https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/thematic/pc/5_a_all.png)}.practice_section .image_2{background-image:url(https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/thematic/pc/5_b_all.png)}.practice_section .image_3{background-image:url(https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/thematic/pc/5_c_all.png)}.practice_section .image_4{background-image:url(https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/thematic/pc/5_d_all.png)}.practice_section .text{font-size:18px;color:#000;font-weight:normal;opacity:.8;line-height:25px}@media (min-width: 701px) and (max-width: 1023px){.practice_section&gt;.title{margin-bottom:8px}.practice_section&gt;.subtitle{line-height:24px;margin-bottom:32px}.practice_section .image{width:144px;height:144px;margin-bottom:16px}.practice_section .items_wrapper{width:648px;margin-bottom:32px}.practice_section .text{font-size:16px;line-height:22px}}@media (max-width: 700px){.practice_section{padding:27px 0 24px}.practice_section&gt;.title{margin-bottom:8px}.practice_section&gt;.subtitle{line-height:24px;margin-bottom:24px}.practice_section .items_wrapper{width:280px;margin-bottom:24px;-ms-flex-wrap:wrap;flex-wrap:wrap}.practice_section .image{width:120px;height:120px;margin:0 auto 16px}.practice_section .text{font-size:16px;line-height:22px;text-align:left}.practice_section .item:nth-child(-n+2){margin-bottom:32px}}.complete_record_section{background-color:#e8efe3}.complete_record_section .subtitle{margin-bottom:19px}.complete_record_section .image{width:1025px;height:731px;margin:0 auto 94px;background-image:url(https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/thematic/asset_theme.svg);background-repeat:no-repeat;background-size:1237px;background-position:0 -1279px;position:relative}.complete_record_section .image_phone_1{width:248px;height:468px;background-image:url(https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/thematic/6_a_all.png);background-size:cover;position:absolute;top:28px;left:191px}.complete_record_section .image_phone_2{width:248px;height:530px;background-image:url("https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/thematic/pc/6_b_all.png");background-size:cover;position:absolute;top:60px;left:590px}.complete_record_section .content_box{width:305px;padding:24px;background-color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:4px;text-align:left;position:absolute}.complete_record_section .content_box::before{content:'';width:24px;height:24px;background:#fff;border-radius:2px;position:absolute;top:-12px;left:50%;-webkit-transform:translateX(-50%) rotate(45deg);transform:translateX(-50%) rotate(45deg)}.complete_record_section .content_box_1{top:535px;left:164px}.complete_record_section .content_box_2{top:629px;left:563px}.complete_record_section .content_title{font-size:18px;color:#43a047;font-weight:700;opacity:1;line-height:25px;margin-bottom:10px}.complete_record_section .description{font-size:18px;color:#000;font-weight:normal;opacity:.8;line-height:24px}@media (min-width: 701px) and (max-width: 1023px){.complete_record_section&gt;.title{margin-bottom:8px}.complete_record_section&gt;.subtitle{margin-bottom:83px;line-height:24px}.complete_record_section .image{width:616px;height:439px;background-size:750px;background-position:-2px -774px;margin-bottom:151px}.complete_record_section .image_phone_1{width:192px;height:362px;top:-51px;left:56px}.complete_record_section .image_phone_2{width:192px;height:410px;top:-17px;left:368px}.complete_record_section .content_box{width:248px;height:134px;padding:16px}.complete_record_section .content_box_1{top:344px;left:28px}.complete_record_section .content_box_2{top:424px;left:341px}.complete_record_section .content_title{font-size:16px;line-height:22px;margin-bottom:8px}.complete_record_section .description{font-size:16px;line-height:24px}}@media (max-width: 700px){.complete_record_section{height:1442px;position:relative}.complete_record_section&gt;.title{margin-bottom:8px}.complete_record_section&gt;.subtitle{line-height:24px;width:185px;margin:0 auto 24px}.complete_record_section .image{background-image:none;width:272px}.complete_record_section .image_phone_1{width:224px;height:423px;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.complete_record_section .image_phone_2{width:224px;height:479px;top:613px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.complete_record_section .content_box{width:272px;padding:16px}.complete_record_section .content_box::before{display:none}.complete_record_section .content_box_1{top:447px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.complete_record_section .content_box_2{top:1116px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.complete_record_section .content_title{font-size:16px;line-height:22px;margin-bottom:8px}.complete_record_section .description{font-size:16px;line-height:24px}.complete_record_section .view_all{position:absolute;bottom:24px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}}.reviews_section{overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;padding:56px 0 64px;background-color:#fff}@media (min-width: 701px) and (max-width: 1023px){.reviews_section{padding:40px 0}}@media (max-width: 700px){.reviews_section{padding:32px 0 40px}}.reviews_section&gt;.title{font-size:40px;color:#003f69;font-weight:700;opacity:.8;margin-bottom:16px}@media (min-width: 701px) and (max-width: 1023px){.reviews_section&gt;.title{font-size:24px;margin-bottom:8px}}@media (max-width: 700px){.reviews_section&gt;.title{font-size:20px;margin-bottom:8px}}.reviews_section&gt;.subtitle{font-size:18px;color:#000;font-weight:normal;opacity:.8;margin-bottom:47px}@media (min-width: 701px) and (max-width: 1023px){.reviews_section&gt;.subtitle{font-size:16px;margin-bottom:51px}}@media (max-width: 700px){.reviews_section&gt;.subtitle{font-size:16px;margin-bottom:38px}}.reviews_section&gt;.row_1,.reviews_section&gt;.row_2,.reviews_section&gt;.row_3,.reviews_section&gt;.row_4{width:928px;margin:0 auto}@media (max-width: 1023px){.reviews_section&gt;.row_1,.reviews_section&gt;.row_2,.reviews_section&gt;.row_3,.reviews_section&gt;.row_4{width:100%}}.reviews_section&gt;.row_1&gt;.title,.reviews_section&gt;.row_2&gt;.title,.reviews_section&gt;.row_3&gt;.title,.reviews_section&gt;.row_4&gt;.title{margin-bottom:32px;padding-bottom:17px;font-size:20px;font-weight:400;text-align:left;opacity:0.7;color:#000;border-bottom:2px solid #f2f2f2}@media (min-width: 701px) and (max-width: 1023px){.reviews_section&gt;.row_1&gt;.title,.reviews_section&gt;.row_2&gt;.title,.reviews_section&gt;.row_3&gt;.title,.reviews_section&gt;.row_4&gt;.title{margin:0 40px 32px;font-size:16px}}@media (max-width: 700px){.reviews_section&gt;.row_1&gt;.title,.reviews_section&gt;.row_2&gt;.title,.reviews_section&gt;.row_3&gt;.title,.reviews_section&gt;.row_4&gt;.title{margin:0 16px 32px;font-size:16px}}.reviews_section&gt;.btn_purchase{width:372px;margin:0 auto}@media (min-width: 701px) and (max-width: 1023px){.reviews_section&gt;.btn_purchase{width:584px}}@media (max-width: 700px){.reviews_section&gt;.btn_purchase{width:264px}}.download_section{padding:270px 0 66px;-webkit-box-sizing:border-box;box-sizing:border-box;background-image:url(https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/thematic/pc/10_pc.jpg);background-size:cover;background-position:50% 0%}@media (min-width: 701px) and (max-width: 1023px){.download_section{padding:213px 0 67px;background-image:url(https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/thematic/pad/10_pad.jpg)}}@media (max-width: 700px){.download_section{padding:198px 0 72px;background-image:url(https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/thematic/mobile/10_mobile.jpg)}}.download_section&gt;.title{font-size:40px;color:#003f69;font-weight:700;opacity:.8;margin-bottom:30px}@media (min-width: 701px) and (max-width: 1023px){.download_section&gt;.title{font-size:24px}}@media (max-width: 700px){.download_section&gt;.title{font-size:20px;margin-bottom:24px}}.download_section&gt;.download_wrapper{height:148px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media (min-width: 701px) and (max-width: 1023px){.download_section&gt;.download_wrapper{height:48px}}@media (max-width: 700px){.download_section&gt;.download_wrapper{height:40px}}.download_section .qrcode_wrapper{width:148px;height:148px;padding:15px;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#fff;margin-right:56px}@media (min-width: 701px) and (max-width: 1023px){.download_section .qrcode_wrapper{display:none}}@media (max-width: 700px){.download_section .qrcode_wrapper{display:none}}.download_section .qrcode_wrapper .qrcode{width:120px;height:120px;background:url("https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/purchase/qr_code.svg");background-size:120px}.download_section .links_wrapper{width:158px;height:120px;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}@media (min-width: 701px) and (max-width: 1023px){.download_section .links_wrapper{width:340px;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex}}@media (max-width: 700px){.download_section .links_wrapper{width:272px;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex}}.download_section .links_wrapper .link_app_store,.download_section .links_wrapper .link_google_play{display:block;width:100%;height:48px;background-image:url(https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/thematic/asset_theme.svg);background-repeat:no-repeat}@media (min-width: 701px) and (max-width: 1023px){.download_section .links_wrapper .link_app_store,.download_section .links_wrapper .link_google_play{width:154px;margin-bottom:0}}@media (max-width: 700px){.download_section .links_wrapper .link_app_store,.download_section .links_wrapper .link_google_play{width:128px;height:100%;background-size:440px;margin-bottom:0;background-size:960px}}@media (hover: hover), (-ms-high-contrast: none){.download_section .links_wrapper .link_app_store:hover,.download_section .links_wrapper .link_google_play:hover{opacity:0.6}}.download_section .links_wrapper&gt;.link_app_store{margin-bottom:24px;background-position:-27px -277px}@media (min-width: 701px) and (max-width: 1023px){.download_section .links_wrapper&gt;.link_app_store{margin-right:32px;background-position:-29px -277px}}@media (max-width: 700px){.download_section .links_wrapper&gt;.link_app_store{margin-right:16px;background-position:-17px -212px}}.download_section .links_wrapper&gt;.link_google_play{background-position:-213px -277px}@media (min-width: 701px) and (max-width: 1023px){.download_section .links_wrapper&gt;.link_google_play{background-position:-215px -277px}}@media (max-width: 700px){.download_section .links_wrapper&gt;.link_google_play{background-position:-161px -212px}}.event_btn_wrapper{position:fixed;right:-64px;bottom:50%;-webkit-transform:translateY(50%);transform:translateY(50%);z-index:2;-webkit-transition:all 1s;transition:all 1s}@media (min-width: 701px) and (max-width: 1023px){.event_btn_wrapper{right:-40px;bottom:20%;-webkit-transform:translateY(20%);transform:translateY(20%)}}@media (max-width: 700px){.event_btn_wrapper{right:-40px;bottom:20%;-webkit-transform:translateY(20%);transform:translateY(20%)}}.event_btn_wrapper.hide{display:none}.event_btn_wrapper.slide_in{right:18px}@media (min-width: 701px) and (max-width: 1023px){.event_btn_wrapper.slide_in{right:0}}@media (max-width: 700px){.event_btn_wrapper.slide_in{right:0px}}.event_btn_wrapper .event_btn{font-size:20px;color:#fff;font-weight:700;opacity:.9;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;width:64px;background-color:#43a047;border-radius:8px;text-align:center;cursor:pointer;padding:34px 15px 8px;position:relative;word-break:break-word}@media (min-width: 701px) and (max-width: 1023px){.event_btn_wrapper .event_btn{font-size:16px;color:#fff;font-weight:700;opacity:1;width:40px;padding:34px 7px 4px;line-height:18px;border-radius:8px 0 0 8px}}@media (max-width: 700px){.event_btn_wrapper .event_btn{font-size:16px;color:#fff;font-weight:700;opacity:1;width:40px;padding:34px 7px 4px;line-height:18px;border-radius:8px 0 0 8px}}.event_btn_wrapper .event_btn::before{content:'';width:48px;height:24px;background-image:url(https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/thematic/asset_theme.svg);position:absolute;left:50%;top:10px;-webkit-transform:translateX(-50%);transform:translateX(-50%);background-size:1100px;background-position:-110px -128px}@media (min-width: 701px) and (max-width: 1023px){.event_btn_wrapper .event_btn::before{width:32px;background-size:970px;background-position:-104px -114px}}@media (max-width: 700px){.event_btn_wrapper .event_btn::before{width:40px;background-size:970px;background-position:-100px -114px}}@media (hover: hover), (-ms-high-contrast: none){.event_btn_wrapper .event_btn:hover{background-color:#49904c}}.questions_wrapper{background-color:#f2f2f2}.article-mask{text-align:left}.learning-experience-container{position:relative;overflow-x:hidden;height:320px;margin:34px auto 60px;-ms-overflow-style:none;scrollbar-width:none}@media (max-width: 1023px){.learning-experience-container{overflow-x:auto;width:100%}}@media (max-width: 1023px){.learning-experience-container{margin:0 auto 40px}}.learning-experience-container::-webkit-scrollbar{display:none}.learning-experience-container .arrow-mask{position:absolute;z-index:1;top:0;right:0;width:100px;height:316px;background-color:transparent;background-image:-webkit-gradient(linear, left top, right top, from(rgba(255,255,255,0)), to(#fff));background-image:linear-gradient(to right, rgba(255,255,255,0), #fff)}.learning-experience-container .arrow-mask.right{display:block}@media (max-width: 1023px){.learning-experience-container .arrow-mask.right{display:none}}.learning-experience-container .arrow-mask.right button{right:0;left:inherit}.learning-experience-container .arrow-mask.left{left:0px;display:none;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.learning-experience-container .arrow-mask button{display:block;position:absolute;z-index:1;bottom:128px;left:40px;width:60px;height:60px;-webkit-transition:0.3s;transition:0.3s;border:0;border-radius:50px;background-color:rgba(0,0,0,0.5);cursor:pointer}@media (max-width: 1023px){.learning-experience-container .arrow-mask button{display:none}}.learning-experience-container .arrow-mask button:hover{background-color:rgba(0,0,0,0.7)}.learning-experience-container .arrow-mask button::before,.learning-experience-container .arrow-mask button::after{position:absolute;right:18px;bottom:34px;display:block;width:20px;height:4px;content:'';-webkit-transform:rotate(45deg);transform:rotate(45deg);border-radius:2px;background-color:#fff}.learning-experience-container .arrow-mask button::after{bottom:22px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.learning-experience-container .card-wrapper{position:absolute;left:0;width:1728px;height:320px;-webkit-transition:0.3s;transition:0.3s;line-height:1.5;text-align:left}@media (min-width: 701px) and (max-width: 1023px){.learning-experience-container .card-wrapper{padding:0 40px}}@media (max-width: 700px){.learning-experience-container .card-wrapper{padding:0 16px}}.learning-experience-container .card{position:relative;display:inline-block;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;width:270px;height:316px;margin-right:10px;vertical-align:middle;text-decoration:none;color:rgba(0,0,0,0.7);border:1px solid rgba(0,0,0,0.1);border-radius:4px;background-color:#fff}@media (max-width: 1023px){.learning-experience-container .card{margin-right:12px}}.learning-experience-container .card:hover{border:1px solid #439f48;-webkit-box-shadow:-2px 0 8px 0 rgba(0,0,0,0.05),2px 2px 8px 0 rgba(0,0,0,0.05);box-shadow:-2px 0 8px 0 rgba(0,0,0,0.05),2px 2px 8px 0 rgba(0,0,0,0.05)}.learning-experience-container .card:hover .video-button{background-color:rgba(0,0,0,0.9)}.learning-experience-container .card__image{display:block;width:100%;height:141px;background-position:center center;background-repeat:no-repeat;background-color:#eee;background-size:100%}.learning-experience-container .card__title{display:block;display:-webkit-box;overflow:hidden;height:56px;margin:16px 16px 8px;font-size:20px;font-weight:bold;text-align:left;color:rgba(0,0,0,0.7);-webkit-box-orient:vertical;-webkit-line-clamp:2}.learning-experience-container .card__description{display:block;display:-webkit-box;overflow:hidden;height:2.8em;margin:0 16px;font-size:16px;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}.learning-experience-container .card__view-count{position:absolute;right:16px;bottom:16px;font-size:13px;font-weight:bold;color:rgba(0,0,0,0.4)}.learning-experience-container .card__video-button{position:absolute;top:100px;right:14px;display:block;width:54px;height:54px;-webkit-transition:0.3s;transition:0.3s;border:2px solid #fff;border-radius:50px;background-color:rgba(0,0,0,0.7)}.learning-experience-container .card__video-button::after{position:absolute;top:17px;right:15px;display:block;width:0;height:0;content:'';border-width:8px 0 8px 14px;border-style:solid;border-color:transparent transparent transparent #fff}.learning-experience-container .card__read-more{font-size:16px;position:relative;display:inline-block;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;width:290px;height:316px;-webkit-transition:0.3s;transition:0.3s;vertical-align:middle;text-decoration:none;opacity:0.9;color:rgba(0,0,0,0.7);border-radius:4px;background:url("https://s3-ap-northeast-1.amazonaws.com/hopenglish/images/course/learning-experience/brandstory_more.webp") no-repeat;background-size:100%}.learning-experience-container .card__read-more:hover{opacity:1;-webkit-box-shadow:-2px 0 8px 0 rgba(0,0,0,0.05),2px 2px 8px 0 rgba(0,0,0,0.05);box-shadow:-2px 0 8px 0 rgba(0,0,0,0.05),2px 2px 8px 0 rgba(0,0,0,0.05)}.learning-experience-container .card__read-more span{position:absolute;bottom:20px;left:25px;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:240px;padding:11px;-webkit-transition:0.3s;transition:0.3s;text-align:center;color:#fff;border-radius:4px;background-color:rgba(0,0,0,0.5)}.learning-experience-container .card__read-more span:hover{background-color:rgba(0,0,0,0.6)}.learning-experience-container .shimmer{-webkit-animation-name:shimmer;animation-name:shimmer;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;color:transparent;background:-webkit-gradient(linear, left top, right top, color-stop(25%, rgba(0,0,0,0.05)), color-stop(46%, rgba(0,0,0,0.1)), color-stop(56%, rgba(0,0,0,0.05)));background:linear-gradient(to right, rgba(0,0,0,0.05) 25%, rgba(0,0,0,0.1) 46%, rgba(0,0,0,0.05) 56%);background-size:200%;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.learning-experience-container .shimmer.card__title{width:80%;height:32px;margin:16px 0 30px 20px}.learning-experience-container .shimmer.card__description{width:calc(100% - 40px);height:16px;margin:8px 0 0 20px}@-webkit-keyframes shimmer{0%{background-position:100% 0}100%{background-position:-100% 0}}@keyframes shimmer{0%{background-position:100% 0}100%{background-position:-100% 0}}
</pre></body></html>