.ho-tutorial-info-section[data-v-77197612]{background-color:#002041;font-size:.8333333333vw;padding:3.3333333333vw 0}@media screen and (max-width:769px){.ho-tutorial-info-section[data-v-77197612]{padding:8.5333333333vw 0}}.ho-tutorial-info-section .title[data-v-77197612]{font-size:2.0833333333vw;font-weight:700;text-align:center}@media screen and (max-width:769px){.ho-tutorial-info-section .title[data-v-77197612]{font-size:6.4vw}}.ho-tutorial-info-section .button-area[data-v-77197612]{display:flex;gap:2.6041666667vw;justify-content:center;margin:1.5625vw 0}@media screen and (max-width:769px){.ho-tutorial-info-section .button-area[data-v-77197612]{flex-wrap:wrap;margin-top:4.2666666667vw;width:100%}}.ho-tutorial-info-section .button-area .button[data-v-77197612]{align-items:center;border:1px solid #fff;cursor:pointer;display:flex;gap:8px;height:4.6875vw;padding:0 1.0416666667vw;transition:-webkit-filter .3s ease;transition:filter .3s ease;transition:filter .3s ease,-webkit-filter .3s ease;width:16.6666666667vw}@media screen and (max-width:769px){.ho-tutorial-info-section .button-area .button[data-v-77197612]{gap:4px;height:16vw;width:44.5333333333vw}}.ho-tutorial-info-section .button-area .button[data-v-77197612]:hover{-webkit-filter:brightness(1.2);filter:brightness(1.2)}.ho-tutorial-info-section .button-area .button .icon[data-v-77197612]{width:2.9166666667vw}@media screen and (max-width:769px){.ho-tutorial-info-section .button-area .button .icon[data-v-77197612]{padding:1.5625vw 0;width:10.4166666667vw}}.ho-tutorial-info-section .button-area .button .button-title[data-v-77197612]{font-size:1.0416666667vw;font-weight:700}@media screen and (max-width:769px){.ho-tutorial-info-section .button-area .button .button-title[data-v-77197612]{align-items:center;display:flex;font-size:3.7333333333vw;font-weight:500;padding:0 1.0666666667vw}}.ht-tutorial[data-v-925b91a2]{background-color:#020e1c}.ht-tutorial>.fv[data-v-925b91a2]{background-color:#002041;padding-top:4vw;text-align:center}@media screen and (max-width:769px){.ht-tutorial>.fv[data-v-925b91a2]{padding-bottom:3.7333333333vw;padding-top:14vw}}.ht-tutorial>.fv .description[data-v-925b91a2]{font-size:.8333333333vw;font-weight:700;padding-bottom:1.6666666667vw;text-align:center;white-space:pre-wrap}@media screen and (max-width:769px){.ht-tutorial>.fv .description[data-v-925b91a2]{font-size:3.7333333333vw;padding:0 4.2666666667vw;white-space:normal}}.ht-tutorial .navigation-header[data-v-925b91a2]{background-color:#002041;font-size:.9375vw;padding:.8333333333vw;position:fixed;top:4vw;width:100%;z-index:2}@media screen and (max-width:769px){.ht-tutorial .navigation-header[data-v-925b91a2]{background-color:#002041;font-size:4.8vw;padding:1.0666666667vw;top:13vw}}.ht-tutorial .navigation-header>.list .item-area[data-v-925b91a2]{display:flex;gap:.8333333333vw}@media screen and (max-width:769px){.ht-tutorial .navigation-header>.list .item-area[data-v-925b91a2]{gap:3.2vw;overflow-x:scroll;padding:4.2666666667vw 2.1333333333vw}}.ht-tutorial .navigation-header .item[data-v-925b91a2]{background-image:url(../icons/icn_chevron-down.svg);background-position:right .8333333333vw center;background-size:.625vw;border:1px solid #fff;border-radius:.2083333333vw;cursor:pointer;height:2.6041666667vw;padding-left:.4166666667vw;width:14.5833333333vw}.ht-tutorial .navigation-header .item div[data-v-925b91a2]{align-items:center;display:flex;height:100%;width:-webkit-max-content;width:max-content}@media screen and (max-width:769px){.ht-tutorial .navigation-header .item[data-v-925b91a2]{background-position:right 3.2vw center;background-size:3.2vw 3.2vw;border-radius:1.0666666667vw;font-size:4.2666666667vw;height:13.3333333333vw;padding-left:2.1333333333vw;padding-right:6.9333333333vw;width:auto}}.ht-tutorial .navigation[data-v-925b91a2]{background-color:#002041;border-radius:0 0 1.25vw 1.25vw;font-size:.8333333333vw}.ht-tutorial .navigation>.list[data-v-925b91a2]{display:flex;justify-content:center}.ht-tutorial .navigation>.list>.item-area[data-v-925b91a2]{background-color:#17385d;border-radius:.4166666667vw .4166666667vw 0 0;display:flex;gap:1.3020833333vw;padding:1.6666666667vw 1.6666666667vw 0}@media screen and (max-width:769px){.ht-tutorial .navigation>.list>.item-area[data-v-925b91a2]{gap:3.2vw;overflow-x:scroll;padding:4.2666666667vw 2.1333333333vw}}.ht-tutorial .navigation>.list .item[data-v-925b91a2]{background-image:url(../icons/icn_chevron-down.svg);background-position:right .8333333333vw center;background-size:.625vw;border:1px solid #fff;border-radius:.2083333333vw;cursor:pointer;height:2.6041666667vw;padding-left:.4166666667vw;width:14.5833333333vw}.ht-tutorial .navigation>.list .item div[data-v-925b91a2]{align-items:center;color:#fff;display:flex;height:100%;width:-webkit-max-content;width:max-content}@media screen and (max-width:769px){.ht-tutorial .navigation>.list .item[data-v-925b91a2]{background-position:right 3.2vw center;background-size:3.2vw 3.2vw;border-radius:1.0666666667vw;font-size:4.2666666667vw;height:13.3333333333vw;padding-left:2.1333333333vw;padding-right:6.9333333333vw;width:auto}}.ht-tutorial .section[data-v-925b91a2]{background-color:#17385d}.ht-tutorial .section .-blue[data-v-925b91a2]{background-color:#0d3257}.ht-tutorial .col-step[data-v-925b91a2]{margin-inline:auto;max-width:1260px;padding:3.3333333333vw 0;width:95%}.ht-tutorial .col-step>.title[data-v-925b91a2]{border-bottom:2px solid #7e7e7e;font-size:1.875vw;font-weight:700}.ht-tutorial .col-step .card-area[data-v-925b91a2]{display:flex;gap:1.6666666667vw;padding:1.6666666667vw}.ht-tutorial .col-step .card[data-v-925b91a2]{display:flex;flex-wrap:wrap;gap:25px}.ht-tutorial .col-step .card>.item[data-v-925b91a2]{aspect-ratio:400/341;background-color:#002041;position:relative;width:calc(33.33333% - 17px)}@media screen and (max-width:769px){.ht-tutorial .col-step .card>.item[data-v-925b91a2]{aspect-ratio:357/323;width:100%}}.ht-tutorial .col-step .card>.item>.link[data-v-925b91a2]{height:100%}.ht-tutorial .col-step .card>.item .body[data-v-925b91a2]{font-size:.8333333333vw;padding:.8333333333vw}.ht-tutorial .col-step .card>.item .title[data-v-925b91a2]{font-size:1.0416666667vw;font-weight:700;padding-bottom:.8333333333vw}.ht-tutorial .row-step[data-v-925b91a2]{margin-inline:auto;max-width:1260px;padding:3.3333333333vw 0;width:95%}@media screen and (max-width:769px){.ht-tutorial .row-step[data-v-925b91a2]{padding:8.5333333333vw 0}}.ht-tutorial .row-step>.title[data-v-925b91a2]{border-bottom:2px solid #7e7e7e;font-size:1.875vw;font-weight:700}@media screen and (max-width:769px){.ht-tutorial .row-step>.title[data-v-925b91a2]{font-size:6.4vw}}.ht-tutorial .row-step .card-area[data-v-925b91a2]{display:flex;gap:1.6666666667vw;padding:1.6666666667vw}.ht-tutorial .row-step .card[data-v-925b91a2]{display:flex;flex-direction:column;gap:1.3020833333vw;width:100%}.ht-tutorial .row-step .card>.item[data-v-925b91a2]{background-color:#002041}.ht-tutorial .row-step .card>.item>.link[data-v-925b91a2]{display:flex}@media screen and (max-width:769px){.ht-tutorial .row-step .card>.item img[data-v-925b91a2]{height:21.3333333333vw}}.ht-tutorial .row-step .card>.item .header[data-v-925b91a2]{width:25%}@media screen and (max-width:769px){.ht-tutorial .row-step .card>.item .header[data-v-925b91a2]{align-items:center;display:flex;width:45%}}.ht-tutorial .row-step .card .body[data-v-925b91a2]{color:#fff;font-size:.8333333333vw;padding:.8333333333vw;width:75%}@media screen and (max-width:769px){.ht-tutorial .row-step .card .body[data-v-925b91a2]{font-size:4.2666666667vw;width:55%}}.ht-tutorial .row-step .card .body>.title[data-v-925b91a2]{font-size:1.0416666667vw;font-weight:700;overflow:hidden;padding-bottom:.8333333333vw;text-overflow:ellipsis;white-space:nowrap}@media screen and (max-width:769px){.ht-tutorial .row-step .card .body>.title[data-v-925b91a2]{-webkit-box-orient:vertical;display:-webkit-box;font-size:4.2666666667vw;-webkit-line-clamp:3;overflow:hidden;overflow-wrap:anywhere;white-space:pre-wrap}}.ht-tutorial .ellipsis-line-2[data-v-925b91a2]{-webkit-line-clamp:2}.ht-tutorial .ellipsis-line-2[data-v-925b91a2],.ht-tutorial .ellipsis-line-3[data-v-925b91a2]{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;overflow-wrap:anywhere}.ht-tutorial .ellipsis-line-3[data-v-925b91a2]{-webkit-line-clamp:3}.ht-tutorial .button-area[data-v-925b91a2]{margin:auto;width:24.4791666667vw}@media screen and (max-width:769px){.ht-tutorial .button-area[data-v-925b91a2]{width:100%}}.ht-tutorial .button-area .button[data-v-925b91a2]{height:3.125vw;margin-top:1.6666666667vw;width:100%}.ht-tutorial .button-area .button .text[data-v-925b91a2]{font-size:1.25vw}@media screen and (max-width:769px){.ht-tutorial .button-area .button .text[data-v-925b91a2]{font-size:4.2666666667vw;font-weight:700}.ht-tutorial .button-area .button[data-v-925b91a2]{height:10.6666666667vw}}.ht-tutorial .banner-area[data-v-925b91a2]{margin:1.6666666667vw 1.6666666667vw 0;text-align:center}