.home-page{padding:20px 30px}.home-page__container{display:flex;justify-content:center;align-items:stretch;gap:22px;margin-bottom:47px}.home-page__sub-container{width:100%;display:flex;justify-content:space-between;align-items:stretch;gap:16px}.home-page__sub-container>div{width:49%}.home-page__list-study h3{font-size:20px;line-height:24px;font-weight:700;color:#181c32;margin-bottom:24px}.home-page__list-study .list{display:flex;flex-wrap:wrap;gap:24px}.home-page__list-study .list>div{width:31.8%}.home-hocr{height:calc(100vh - 20px);position:relative}.home-hocr .detail__Practive__left,.home-hocr .detail__Practive__main{height:100%}.home-hocr .hocr-viewer-container{height:0}.home-hocr .hocr-viewer-container-turial{transform-origin:center top;padding-right:10px;top:0;position:relative}.home-hocr .button-display-none{display:none!important}.home-hocr .border-display-none,.home-hocr .detail__Practive__right{display:none}.home-hocr .ocr_page{width:1079px;height:1620px}.home-hocr .ocr_page_turial{width:1079px;left:50%;transform:translateX(-50%)}@media(max-width:1380px){.home-page__container .home-streak,.home-page__container .home-target{width:48%}.home-page__sub-container>div{width:60%!important}.home-page__list-study .list>div{width:48%}}@media(max-width:1295px){.home-page__container{flex-direction:column}.home-page__container>div{width:80%!important;margin-left:auto;margin-right:auto;max-width:unset}.home-page__container>div .home-btn{width:140px;font-size:16px!important}.home-page__sub-container{flex-direction:column;gap:22px}.home-page__sub-container>div{width:100%!important}.home-page__list-study .list{justify-content:center}.home-page__list-study .list>div{width:60%}.hocr-viewer-container-turial .ocr_page{max-height:747px}}@media(max-width:880px){.home-page{padding:20px 22px}.home-page__container>div{width:100%!important}.home-page__list-study .list{justify-content:center}.home-page__list-study .list>div{width:100%}}@media(max-width:500px){.home-page{padding:20px 15px 100px}}