@media screen and (max-width: 320px){html{font-size:12px !important}}@media (min-width: 321px) and (max-width: 375px){html{font-size:14px !important}}@media (min-width: 376px) and (max-width: 414px){html{font-size:15.5px !important}}@media (min-width: 415px) and (max-width: 768px){html{font-size:18px !important}}.step-0{opacity:0;transform:translateY(30px);transition-duration:0.6s;transition:opacity 0.6s 0s,transform 0.6s 0s}.step-1{opacity:0;transform:translateY(30px);transition-duration:0.6s;transition:opacity 0.6s .2s,transform 0.6s .2s}.step-2{opacity:0;transform:translateY(30px);transition-duration:0.6s;transition:opacity 0.6s .4s,transform 0.6s .4s}.step-3{opacity:0;transform:translateY(30px);transition-duration:0.6s;transition:opacity 0.6s .6s,transform 0.6s .6s}.step-4{opacity:0;transform:translateY(30px);transition-duration:0.6s;transition:opacity 0.6s .8s,transform 0.6s .8s}.step-5{opacity:0;transform:translateY(30px);transition-duration:0.6s;transition:opacity 0.6s 1s,transform 0.6s 1s}.step-6{opacity:0;transform:translateY(30px);transition-duration:0.6s;transition:opacity 0.6s 1.2s,transform 0.6s 1.2s}.step-7{opacity:0;transform:translateY(30px);transition-duration:0.6s;transition:opacity 0.6s 1.4s,transform 0.6s 1.4s}.step-8{opacity:0;transform:translateY(30px);transition-duration:0.6s;transition:opacity 0.6s 1.6s,transform 0.6s 1.6s}.step-9{opacity:0;transform:translateY(30px);transition-duration:0.6s;transition:opacity 0.6s 1.8s,transform 0.6s 1.8s}.step-10{opacity:0;transform:translateY(30px);transition-duration:0.6s;transition:opacity 0.6s 2s,transform 0.6s 2s}.on .step-0{opacity:1 !important;transform:translateY(0)}.on .step-1{opacity:1 !important;transform:translateY(0)}.on .step-2{opacity:1 !important;transform:translateY(0)}.on .step-3{opacity:1 !important;transform:translateY(0)}.on .step-4{opacity:1 !important;transform:translateY(0)}.on .step-5{opacity:1 !important;transform:translateY(0)}.on .step-6{opacity:1 !important;transform:translateY(0)}.on .step-7{opacity:1 !important;transform:translateY(0)}.on .step-8{opacity:1 !important;transform:translateY(0)}.on .step-9{opacity:1 !important;transform:translateY(0)}.on .step-10{opacity:1 !important;transform:translateY(0)}.transformY-0{opacity:0;animation:transformY 0s;animation-delay:0.3s;animation-fill-mode:forwards}.transformY-1{opacity:0;animation:transformY .2s;animation-delay:0.3s;animation-fill-mode:forwards}.transformY-2{opacity:0;animation:transformY .4s;animation-delay:0.3s;animation-fill-mode:forwards}.transformY-3{opacity:0;animation:transformY .6s;animation-delay:0.3s;animation-fill-mode:forwards}.transformY-4{opacity:0;animation:transformY .8s;animation-delay:0.3s;animation-fill-mode:forwards}@keyframes transformY{from{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0px)}}.blue-circle-container-0{animation:blue-circle-anim-x 5s cubic-bezier(0.4, 0, 0.2, 1) infinite,blue-circle-anim-y 5s cubic-bezier(0.4, 0, 0.2, 1) infinite}.blue-circle-container-1{animation:blue-circle-anim-x 5s cubic-bezier(0.4, 0, 0.2, 1) infinite,blue-circle-anim-y 5s cubic-bezier(0.4, 0, 0.2, 1) infinite}.blue-circle-container-2{animation:blue-circle-anim-x 5s cubic-bezier(0.4, 0, 0.2, 1) infinite,blue-circle-anim-y 5s cubic-bezier(0.4, 0, 0.2, 1) infinite}.blue-circle-container-3{animation:blue-circle-anim-x 5s cubic-bezier(0.4, 0, 0.2, 1) infinite,blue-circle-anim-y 5s cubic-bezier(0.4, 0, 0.2, 1) infinite}@keyframes blue-circle-anim-x{50%{animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transform:translateX(100px)}}@keyframes blue-circle-anim-y{50%{animation-timing-function:cubic-bezier(0.55, 0, 0.2, 1);transform:translateY(50px)}}.thd-main{overflow:hidden}.thd-main img{display:inline-block;vertical-align:top;width:auto;max-width:none}.thd-main .pc-btn{gap:10px;flex-wrap:wrap}.thd-main .button-combe{padding:11px 10px !important;margin:0 auto !important;width:auto !important;display:inline-flex !important;align-items:center;justify-content:center;flex-wrap:wrap;min-width:276px;max-width:100%;height:auto;gap:10px}.thd-main .button-combe .arrow-icon,.thd-main .button-combe .combe-text{position:relative !important;top:0 !important;left:0 !important;right:0 !important;bottom:0 !important;margin:0;transform-origin:100% 50%;transform:scale(1) translateX(0) !important}.thd-main .button-combe .arrow-icon{width:34px;height:34px;transform-origin:0% 50%}.thd-main .button-combe .combe-text{font-size:16px;line-height:1.5}.thd-main .button-combe:hover .arrow-icon{transform:scale(0.1) translateX(-300%) !important}.thd-main .button-combe:hover .combe-text{transform:scale(0.1) translateX(200%) !important}.thd-main .button-combe.btn-noticon .combe-text{transform-origin:50% 50%}.thd-main .button-combe.btn-noticon:hover .combe-text{transform:scale(0.1) translateX(0%) !important}.thd-banner{padding:100px 0 40px;text-align:center}.thd-banner a{color:#0054ff;text-decoration:underline;transition:all 0.3s ease}.thd-banner a:hover{opacity:0.8;transition:all 0.3s ease}.thd-banner-title{padding:44px 0;font-size:42px;font-weight:700;line-height:1.5;margin-bottom:20px}.thd-banner-desc{font-size:14px;line-height:2}.thd-step{padding:60px 155px;text-align:center;border:1px solid #d8e1ff;border-radius:20px;background:#f9fbff}.thd-step-title{font-size:20px;line-height:1.5;font-weight:700;padding-bottom:40px}.thd-step .thk-line{margin-top:54px;width:141px;height:14px;background:url(../images/After-Download/line-new.svg) no-repeat}.thd-step-sutitle{padding:10px 0;font-size:20px;line-height:1.5;font-weight:700}.thd-step-desc{font-size:12px;line-height:1.5;font-weight:700;margin:0 auto;max-width:152px}.thd-step-box{display:flex;align-items:stretch;flex-wrap:wrap;justify-content:space-between;gap:20px}.thd-step-box .thk-list{text-align:center}.thd-step-box .thk-list dt{position:relative;margin:0 auto 10px;width:132px;height:132px}.thd-step-box .thk-list dt>img{width:100%;max-width:100%;height:auto}.thd-step-box .thk-list dt::before{content:attr(data-text);position:absolute;top:0;left:0;width:50px;height:50px;font-size:20px;color:#0054ff;border-radius:50%;background:#e6efff;display:flex;align-items:center;justify-content:center}.thd-btnbox{padding:80px 0 84px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px}.thd-btnbox-desc{font-size:20px;line-height:1.5}.thd-intro{padding:45px 0px;background:#F9FBFF}.thd-intro-title{font-size:26px;line-height:1.5;font-weight:700;text-align:center}.thd-intro .message-box{display:flex;align-items:stretch;justify-content:center;flex-wrap:wrap;margin-top:40px;gap:60px}.thd-intro .img-box,.thd-intro .message{position:relative;width:100%;max-width:490px}.thd-intro .img-box ul li{display:none}.thd-intro .img-box ul li img{max-width:100%;width:100%;height:auto}.thd-intro .img-box ul li.active{display:block}.thd-intro .img-box p{position:relative;display:flex;margin-top:25px;justify-content:center;z-index:5}.thd-intro .img-box p span{width:10px;height:10px;margin-left:10px;border-radius:50%;cursor:pointer;background:#DFE2EA}.thd-intro .img-box p span.active{background:#1264FC}.thd-intro .img-box .arrow{position:absolute;height:28px;width:100%;left:0;bottom:-8px}.thd-intro .img-box .arrow span{position:absolute;width:28px;height:28px;top:0;cursor:pointer;z-index:9}.thd-intro .img-box .arrow span.prev{background:url(../images/download/data-protector/prev.svg) no-repeat center}.thd-intro .img-box .arrow span.prev:hover{background:url(../images/download/data-protector/prev-hover.svg) no-repeat center}.thd-intro .img-box .arrow span.next{right:0;background:url(../images/download/data-protector/next.svg) no-repeat center}.thd-intro .img-box .arrow span.next:hover{background:url(../images/download/data-protector/next-hover.svg) no-repeat center}.thd-intro .message{padding-top:10px;max-width:620px}.thd-intro .message h3{font-size:24px;line-height:1.5}.thd-intro .message>p{margin-top:10px;color:#8E8B9D}.thd-intro .message ul{margin-top:40px}.thd-intro .message ul li{position:relative;line-height:1.5;font-size:16px;padding:5px 0;padding-left:25px}.thd-intro .message ul li::after{position:absolute;content:"";width:18px;height:18px;left:0;top:8px;background:url(../images/download/data-protector/list.svg) no-repeat center}.thd-intro .message .btn-box{display:flex;margin-top:40px;align-items:center;flex-wrap:wrap;gap:25px}.thd-intro .message .btn-box p{font-size:14px;line-height:20px;color:#8E8B9D}.thd-commit{padding:60px 0px}.thd-commit-title{font-size:26px;line-height:1.5;font-weight:700;text-align:center;margin-bottom:40px}.thd-commit .commit-content{display:flex;align-items:stretch;flex-wrap:wrap;justify-content:center;gap:30px}.thd-commit .commit-content dl{width:100%;max-width:370px;background:#F9FBFF url(../images/download/data-protector/commit.svg) no-repeat 315px 25px;border:1px solid #D8E1FF;border-radius:16px;text-align:center}.thd-commit .commit-content dl dt{margin:40px auto 0;width:79px;height:79px}.thd-commit .commit-content dl dt img{width:100%;max-width:100%}.thd-commit .commit-content dl p{padding:20px 45px;font-size:16px;line-height:1.5;font-weight:400;min-height:304px}.thd-commit .commit-content dl span{display:block;padding-bottom:20px;color:#8E8B9D}.thd-commit .btn-box{margin-top:50px;display:flex;justify-content:center;flex-wrap:wrap;flex-direction:row;gap:10px}.thd-commit .btn-box p{width:100%;font-size:14px;line-height:2;color:#8E8B9D;text-align:center}@media (max-width: 1200px){.thd-main img{width:100%;max-width:100%;height:auto}.thd-main .pc-btn{gap:10px;flex-wrap:wrap}.thd-main .button-combe{padding:11px 10px !important;max-width:90%}.thd-main .button-combe .arrow-icon,.thd-main .button-combe .combe-text{position:relative !important;top:0 !important;left:0 !important;right:0 !important;bottom:0 !important;margin:0;transform-origin:100% 50%;transform:scale(1) translateX(0) !important}.thd-main .button-combe .arrow-icon{width:34px;height:34px;transform-origin:0% 50%}.thd-main .button-combe .combe-text{font-size:16px;line-height:1.5}.thd-main .button-combe:hover .arrow-icon{transform:scale(0.1) translateX(-300%) !important}.thd-main .button-combe:hover .combe-text{transform:scale(0.1) translateX(200%) !important}.thd-main .button-combe.btn-noticon .combe-text{transform-origin:50% 50%}.thd-main .button-combe.btn-noticon:hover .combe-text{transform:scale(0.1) translateX(0%) !important}.thd-banner{padding:50px 0 20px}.thd-banner-title{padding:0 16px;font-size:24px;margin-bottom:10px}.thd-banner-desc{font-size:12px}.thd-step{margin:0 16px !important;padding:30px 16px}.thd-step-title{font-size:18px;padding-bottom:20px}.thd-step .thk-line{display:none}.thd-step-sutitle{padding:10px 0;font-size:14px}.thd-step-desc{max-width:100%}.thd-step-box .thk-list{margin:auto}.thd-btnbox{padding:40px 16px}.thd-btnbox-desc{font-size:16px}.thd-intro{padding:22px 16px}.thd-intro-title{font-size:20px}.thd-intro .message-box{margin-top:20px;gap:30px}.thd-intro .img-box p{margin-top:12px;font-size:14px}.thd-intro .message h3{font-size:20px}.thd-intro .message>p{font-size:14px}.thd-intro .message ul{margin-top:20px}.thd-intro .message ul li{font-size:12px}.thd-intro .message .btn-box{margin-top:20px;gap:15px;justify-content:center}.thd-intro .message .btn-box p{font-size:12px;text-align:center}.thd-commit{padding:30px 0px}.thd-commit-title{font-size:20px;margin-bottom:20px}.thd-commit .commit-content{gap:20px}.thd-commit .commit-content dl dt{margin:20px auto 0}.thd-commit .commit-content dl p{padding:10px 22px;font-size:12px;line-height:2;min-height:0}.thd-commit .commit-content dl span{padding-bottom:10px;font-size:14px}.thd-commit .btn-box{margin-top:30px}.thd-commit .btn-box p{font-size:12px}}