body{overflow-x:hidden}.intro{position:relative;width:100dvw;margin-left:calc(-50dvw + 50%)}.intro .main_video{display:block;width:100%;height:calc(100dvh - 255px);-o-object-fit:cover;object-fit:cover}.video_control{position:absolute;right:32px;bottom:32px;width:52px;height:52px;border-radius:50%;background:#00000073;border:1px solid rgba(255,255,255,.4);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:background .2s ease}.video_control:hover{background:#000000a6}.video_control .icon{display:block;width:16px;height:16px}.pause_icon{position:relative}.pause_icon:before,.pause_icon:after{content:"";position:absolute;top:0;width:4px;height:100%;background:#fff}.pause_icon:before{left:0}.pause_icon:after{right:0}.play_icon{width:0;height:0;border-left:14px solid #fff;border-top:8px solid transparent;border-bottom:8px solid transparent;margin-left:8px}.rolling_banner{width:100%;background:#fff;overflow:hidden;opacity:0;margin:35px 0 90px}.rolling_banner .swiper-wrapper{display:flex;align-items:center;justify-content:space-between;transition:transform 2s linear}.rolling_banner .swiper-wrapper .swiper-slide{width:12%!important;margin-right:20px;transition:transform .3s;text-align:center}.rolling_banner img{display:inline-block;vertical-align:middle;width:135px;max-width:100%}.rolling_banner img.kt{width:52px}.rolling_banner img.msit{width:100%}.swiper_banner{opacity:0;padding:80px 0;background:linear-gradient(to top,#b3c5ff,#002293);text-align:center;border-radius:10px;overflow:hidden;margin:0 20px}.swiper_banner .info_img{display:flex;justify-content:center;align-items:center;margin-bottom:70px}.swiper_banner .info_img .swiper_kakao,.swiper_banner .info_img .swiper_symbol{position:relative;opacity:0;transform:translate(-100%);display:inline-block}.swiper_banner .info_img .swiper_kakao{width:350px;margin-bottom:25px}.swiper_banner .info_img .swiper_symbol{width:100px}.swiper_banner .info_img .cross{margin:0 70px;width:50px}.swiper_banner .swiper_container{width:100%}.swiper_banner .swiper-wrapper{display:flex!important;align-items:center}.swiper_banner .swiper-slide{width:35%!important;margin-right:20px;border-radius:45px;background-color:#fff;overflow:hidden}.swiper_banner .swiper-slide .content_box{padding:40px 10px 0 35px;text-align:left;height:330px}.swiper_banner .swiper-slide .content_box p span{display:block}.swiper_banner .swiper-slide .content_box .title{line-height:35px;margin:25px 0}.swiper_banner .swiper-slide .content_box .title span{font-size:25px;font-weight:600}.swiper_banner .swiper-slide .content_box .sub span{color:gray;font-size:17px;line-height:32px}.swiper_banner .swiper-slide .image_box{position:relative;width:100%;height:180px;overflow:hidden}.swiper_banner .swiper-slide .image_box img{width:100%}.swiper_banner .swiper-slide .image_box_last img{filter:brightness(.95) contrast(.85) saturate(.7) hue-rotate(-5deg);position:absolute;width:181%;left:0;bottom:-46px}.cert_guide{opacity:0;margin:100px 0;padding:0 20px;transform:translateY(50px)}.cert_guide div p{text-align:center}.cert_guide div p img,.cert_guide div p span{display:block}.guide_icon{display:block;text-align:center;margin-bottom:30px}.guide_icon img{width:40px}.guide_desc span i{color:#606060;font-weight:700;font-size:22px;vertical-align:top}.cert_preview{margin-top:70px;display:flex;justify-content:space-between;align-items:center}.animate_preview{position:relative;width:50%;aspect-ratio:1;perspective:1000px}.animate_preview .banner_panel{position:absolute;left:0;top:0;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform-origin:50% 50%;border-radius:30px;will-change:transform}.animate_preview .banner_panel img{width:auto;max-width:300px;max-height:100%;-o-object-fit:contain;object-fit:contain;image-rendering:auto;backface-visibility:hidden}.cert_preview .cert_info{margin-left:20px;width:42%}.cert_preview .cert_info .cert_info_content{border-bottom:1px solid #EEEEEE;padding-bottom:56px;margin-bottom:60px}.cert_preview .cert_info .cert_info_content:last-child{margin:0}.cert_preview .cert_info .cert_info_content p{text-align:left}.cert_preview .cert_info .cert_info_content .headline{position:relative}.cert_preview .cert_info .cert_info_content .headline span{font-size:25px;font-weight:500;color:gray;line-height:35px}.cert_preview .cert_info .cert_info_content .headline span.service_name{font-weight:700;color:#1846df}.cert_preview .cert_info .cert_info_content .headline img{position:absolute;width:33px;bottom:3px;left:165px}.cert_preview .cert_info .cert_info_content .headline img.waving_hand{width:30px;left:200px}img.lock,img.waving_hand{animation-name:shake;animation-duration:2s;animation-iteration-count:infinite;animation-delay:.5s}img.lock{transform-origin:50% 0%}img.waving_hand{transform-origin:50% 100%}@keyframes shake{0%{transform:rotate(0)}10%{transform:rotate(20deg)}20%{transform:rotate(-20deg)}30%{transform:rotate(12deg)}40%{transform:rotate(-12deg)}50%{transform:rotate(6deg)}60%{transform:rotate(-6deg)}70%{transform:rotate(0)}to{transform:rotate(0)}}.cert_preview .cert_info .cert_info_content .desc{margin-top:20px;color:gray;font-size:19px;line-height:33px}.cert_mockup{position:relative;opacity:0;border-radius:10px;background:linear-gradient(to top,#7696ff,#002293);overflow:hidden;margin:0 20px;transform:translateY(50px)}.cert_mockup .text_area{padding:100px 0;margin:0 50px}.cert_mockup .text_area .symbol{width:90px}.cert_mockup .text_area p span{display:block;color:#fff}.cert_mockup .text_area p.title{margin:35px 0 20px}.cert_mockup .text_area p.title span{line-height:57px;font-size:37px;font-weight:600}.cert_mockup .text_area p.sub_text{font-size:20px;line-height:33px}.cert_mockup .image_area{position:absolute;right:40px;top:75px;display:flex;align-items:start}.cert_mockup .image_area .kakao_mockup{margin-right:20px;margin-top:105px}.cert_mockup .image_area img{width:260px}.card_list{margin:120px 0;padding:0 20px;opacity:0;transform:translateY(50px)}.card_list .top{margin:70px 0 22px}.card_list div ul{display:flex;justify-content:center;align-items:center}.card_list div ul li{position:relative;display:flex;align-items:flex-start;flex-direction:column;justify-content:center;width:calc(33.3333% - 14px);height:300px;padding:0 40px 0 30px;border-radius:45px;background-color:#7696ff;margin-right:22px;box-sizing:border-box}.card_list div ul li:last-child{margin-right:0}.card_list div ul li.dark_blue{background-color:#002293}.card_list div ul li p span{display:block;color:#fff;text-align:left}.card_list div ul li p.title span{font-size:23px;font-weight:700;line-height:30px}.card_list div ul li p.sub_text{margin-top:20px}.card_list div ul li p.sub_text span{font-size:16px;line-height:26px}.card_list div ul li img{position:absolute;top:40px;right:30px}.card_list div.top ul li:first-child img{width:90px}.card_list div.top ul li:last-child img,.card_list div.bottom ul li:nth-child(1) img,.card_list div.bottom ul li:nth-child(3) img{width:85px}.card_list div.bottom ul li:nth-child(2) img{width:60px}.legal_info{opacity:0;transform:translateY(50px)}.legal_info .title span{display:block;text-align:center}.legal_info .link_content{position:relative;background-color:#f8f8f8;margin:70px 0 100px;padding:70px 50px}.legal_info .link_content .msit_logo{position:absolute;top:91px;right:69px}.legal_info .link_content .msit_logo img{width:280px}.legal_info .link_content p span{display:block}.legal_info .link_content .link_title{font-size:40px;font-weight:700;margin-bottom:40px}.legal_info .link_content .link_sub_text{font-size:18px;line-height:28px;margin-bottom:20px}.legal_info .link_content .grey{color:gray}.legal_info .link_content ul{display:flex;align-items:center;justify-content:space-between}.legal_info .link_content ul li{display:flex;align-items:center;justify-content:space-between;width:calc(50% - 30px);margin-top:20px;border-bottom:1px solid #e9e9e9;padding-bottom:20px}.legal_info .link_content ul li span{font-size:22px;font-weight:600}.legal_info .link_content ul li a img{width:27px}.core_role{opacity:0;margin-bottom:200px;padding:0 20px;transform:translateY(50px)}.core_role .sample_content{display:flex;justify-content:center;margin-top:70px}.core_role .sample_box{opacity:0;display:flex;flex-direction:column;justify-content:center;max-width:430px;width:50%;height:700px;border-radius:70px;background-color:#002293;text-align:center;box-shadow:0 8px 20px #00000026;transform:translateY(50px)}.core_role .sample_box:first-child{margin-right:20px}.core_role .sample_box .symbol{margin-bottom:50px}.core_role .sample_box .symbol img{width:85px}.core_role .sample_box p span{display:block}.core_role .sample_box .title{margin-bottom:33px}.core_role .sample_box .title span{font-size:28px;line-height:38px;font-weight:600;color:#fff}.core_role .sample_box .title span i{color:#7696ff}.core_role .sample_box .sub_text span{display:block;font-size:18px;line-height:30px;color:#fff}.core_role .sample_box.yellow{background-color:#ffea00}.core_role .sample_box.yellow .data_list{display:flex;flex-direction:column;align-items:center}.core_role .sample_box.yellow .data_list span{display:inline-block;border-radius:28px;background-color:#fff;height:45px;line-height:47px;padding:0 27px;font-size:16px;font-weight:600;margin-bottom:10px}.core_role .sample_box.yellow .data_list span:last-child{margin-bottom:0}.core_role .sample_box.yellow p span{color:#111}.core_role .sample_box.yellow .title{margin-top:50px}.faq{opacity:0;padding:70px 0;background-color:#eee;transform:translateY(50px)}.faq h3{margin-bottom:50px}.faq h2{margin-bottom:70px}.toggle{display:flex;justify-content:center}.toggle_container{display:flex;flex-direction:column}.toggle_container:first-child{margin-right:20px}.toggle_container .toggle_box{width:400px;border-radius:16px;background-color:#fff;padding:25px 30px;margin-bottom:20px}.toggle_container .toggle_box .toggle_head{display:flex;align-items:center;justify-content:space-between}.toggle_container .toggle_box .toggle_head p span{display:block;font-size:23px;line-height:30px;font-weight:600}.toggle_container .toggle_box .toggle_head button{margin-left:20px}.toggle_container .toggle_box .toggle_head button img{width:30px}.toggle_container .toggle_box.active .toggle_head button{transform:rotate(180deg)}.toggle_container .toggle_box .toggle_text{display:none;margin-top:40px}.toggle_container .toggle_box.active .toggle_text{display:block}.toggle_container .toggle_box .toggle_text p span{display:block;font-size:18px;line-height:25px;color:gray;margin-top:10px}.toggle_container .toggle_box .toggle_text p span:first-child{margin-top:0}.notice{margin:100px 0;padding:0 20px;opacity:0;transform:translateY(50px)}.notice .notice_card{margin:70px 0}.notice .notice_card ul{display:flex;flex-wrap:wrap;margin-bottom:17px}.notice .notice_card ul:last-child{margin-bottom:0}.notice .notice_card ul li{position:relative;display:flex;flex-direction:column;justify-content:space-between;width:calc(33% - 10px);border:1px solid #e1e1e1;border-radius:45px;background-color:#fff;margin-right:20px;padding:30px}.notice .notice_card ul li:nth-child(3n){margin-right:0}.notice .notice_card ul li .type{font-size:18px;font-weight:600;color:#002293;margin-bottom:30px}.notice .notice_card ul li .title{width:calc(100% - 20px)}.notice .notice_card ul li .title span{display:block;font-weight:700;font-size:22px;line-height:25px}.notice .notice_card ul li .title span.date{margin-top:20px;font-size:18px;font-weight:400;color:gray}.notice .notice_card ul li a{position:absolute;bottom:43px;right:30px}.notice .notice_card ul li a img{width:27px}.notice .view_btn a{background-color:#002293;color:#fff;font-size:18px}.special_benefits{opacity:0;padding:60px 0;transform:translateY(50px);background:linear-gradient(to bottom,#002293,#000)}.special_benefits p{color:#fff;font-size:20px;text-align:center}.special_benefits p:first-child{font-size:37px;font-weight:700;margin-bottom:17px}.special_benefits a{background-color:#fff;color:#002293;font-size:18px;font-weight:600;display:block;margin:48px auto 0}.customer_review{opacity:0;margin:100px 0;transform:translateY(50px)}.customer_review h2{margin-top:20px}.customer_review h2 span{display:block}.review_container{position:relative;display:flex;background-color:#f4f4f4;height:750px;overflow:hidden;padding:0 10px;justify-content:space-between;margin-top:70px}.review_container .review_box{width:24.6%}.review_container .review_box .swiper-wrapper{display:flex;flex-direction:column;will-change:transform}.review_container .review_box .swiper-wrapper .swiper-slide{padding:15px 20px;background-color:#fff;border-radius:10px;margin:0 8px 8px 0;height:auto;min-height:170px;will-change:transform}.review_container .review_box .swiper-wrapper .swiper-slide p .first{display:inline-block;width:45px;height:45px;line-height:45px;font-size:15px;color:#fff;text-align:center;background-color:red;border-radius:50px}.review_container .review_box .swiper-wrapper .swiper-slide p .last{font-weight:600;font-size:18px;margin-left:5px}.review_container .review_box .swiper-wrapper .swiper-slide .text{color:gray;font-size:15px;line-height:28px;margin-top:20px;display:inline-block}.review_container .blur{position:fixed;z-index:20;width:100%;left:50%;top:160px;transform:translate(-50%);height:120px;background:linear-gradient(to bottom,#ffffff 40%,#ffffffcc 50%,#ffffff88 70%,transparent 100%)}.review_container .blur.bottom{top:auto;bottom:-45px;background:linear-gradient(to top,#ffffff 40%,#ffffffcc 50%,#ffffff88 60%,transparent 100%)}@media (max-width: 1024px){.intro{width:100%;margin-left:initial}.intro .main_video{height:auto;-o-object-fit:contain;object-fit:contain}.video_control{right:10px;bottom:20px;width:35px;height:35px}.video_control .icon{width:10px;height:10px}.pause_icon:before,.pause_icon:after{width:3px}.rolling_banner{margin:35px 0}.rolling_banner .swiper-wrapper .swiper-slide{width:20%!important;margin-right:15px}.rolling_banner img.kt{width:35px}.swiper_banner{opacity:1;margin:0 15px;padding:40px 15px 60px}.swiper_banner .info_img{margin-bottom:30px}.swiper_banner .info_img .swiper_kakao{width:132px;margin-bottom:5px}.swiper_banner .info_img .cross{width:25px;margin:0 40px}.swiper_banner .info_img .swiper_symbol{width:46px}.swiper_banner .swiper-slide{width:100%!important;margin:0 20px;border-radius:25px}.swiper_banner .swiper-slide .content_box{padding:30px 10px 0 20px;height:220px}.swiper_banner .swiper-slide .content_box img{width:30px}.swiper_banner .swiper-slide .content_box .title{line-height:25px;margin:15px 0 10px}.swiper_banner .swiper-slide .content_box .title span{font-size:18px}.swiper_banner .swiper-slide .content_box .sub span{font-size:13px;line-height:20px}.swiper_banner .swiper-slide .image_box{height:120px}.swiper_banner .swiper_container{position:relative}.swiper_banner .swiper_container .swiper-pagination{position:absolute;bottom:-35px;display:block}.swiper_banner .swiper_container .swiper-pagination span{background-color:#fff}.cert_guide{padding:0 15px;margin:70px 0}.guide_icon{margin-bottom:20px}.guide_icon img{width:27px}.guide_desc span i{font-size:15px}.cert_preview{flex-direction:column;margin-top:35px}.animate_preview{width:auto}.cert_preview .cert_info{margin:0;max-width:400px;width:100%;padding-top:310px}.cert_preview .cert_info .cert_info_content{padding-bottom:35px;margin-bottom:0;margin-top:45px}.cert_preview .cert_info .cert_info_content:last-child{margin-top:50px}.cert_preview .cert_info .cert_info_content p{text-align:center}.cert_preview .cert_info .cert_info_content .headline{position:relative;padding-top:20px}.cert_preview .cert_info .cert_info_content .headline img,.cert_preview .cert_info .cert_info_content .headline img.waving_hand{width:27px;position:absolute;top:-15px;left:48%}.cert_preview .cert_info .cert_info_content .headline span{font-size:18px;line-height:25px}.cert_preview .cert_info .cert_info_content .desc{font-size:15px;line-height:26px;margin-top:15px}.cert_preview .cert_info .cert_info_content .desc span{display:inline}.cert_mockup{margin:0 15px}.cert_mockup .text_area{text-align:center;padding:30px 0 300px;margin:0 10px}.cert_mockup .text_area .symbol{width:63px}.cert_mockup .text_area p.title{margin:20px 0 10px}.cert_mockup .text_area p.title span{font-size:23px;line-height:33px}.cert_mockup .text_area p.sub_text{font-size:15px;line-height:23px}.cert_mockup .image_area{top:250px;right:auto;left:50%;transform:translate(-50%)}.cert_mockup .image_area img{width:170px}.cert_mockup .image_area .kakao_mockup{margin-top:50px;margin-right:25px}.card_list{padding:0 15px;margin:70px 0}.card_list div ul{flex-direction:column}.card_list .top{margin:30px 0 0}.card_list div.top ul{flex-direction:column-reverse}.card_list div ul li{width:100%;height:180px;margin:0 0 10px;border-radius:16px;padding:0 15px}.card_list div ul li img{top:20px;right:20px}.card_list div.top ul li:first-child img{width:55px}.card_list div.top ul li:last-child img,.card_list div.bottom ul li:nth-child(1) img,.card_list div.bottom ul li:nth-child(3) img{width:50px}.card_list div.bottom ul li:nth-child(2) img{width:35px;right:33px}.card_list div ul li p.title span{font-size:17px;line-height:23px}.card_list div ul li p.sub_text{margin-top:10px}.card_list div ul li p.sub_text span{font-size:14px;line-height:19px}.legal_info .title{padding:0 15px}.legal_info .link_content{display:flex;flex-direction:column;align-items:center;text-align:center;padding:30px 15px;margin:30px 0 70px}.legal_info .link_content .msit_logo{position:relative;top:auto;right:auto}.legal_info .link_content .msit_logo img{width:150px}.legal_info .link_content .link_title{font-size:23px;line-height:33px;margin:15px 0}.legal_info .link_content .link_sub_text{font-size:15px;line-height:23px}.legal_info .link_content .link_sub_text_inline span{display:inline}.legal_info .link_content p span{font-size:15px}.legal_info .link_content ul{flex-direction:column;width:100%}.legal_info .link_content ul li{width:100%;margin-top:10px;padding-bottom:10px}.legal_info .link_content ul li span{font-size:15px}.legal_info .link_content ul li a img{width:17px}.core_role{padding:0 15px;margin-bottom:70px}.core_role .sample_content{margin-top:30px;flex-direction:column;align-items:center}.core_role .sample_box{width:85%;height:450px;border-radius:16px;max-width:370px}.core_role .sample_box:first-child{margin-right:0;margin-bottom:15px}.core_role .sample_box .symbol img{width:63px}.core_role .sample_box .title{margin-bottom:20px}.core_role .sample_box .title span{font-size:23px;line-height:33px}.core_role .sample_box .sub_text span{font-size:16px;line-height:22px}.core_role .sample_box.yellow .data_list span{font-size:14px;height:35px;line-height:35px;padding:0 20px}.core_role .sample_box.yellow .title{margin-top:30px}.faq{padding:35px 0}.faq h3{margin-bottom:10px}.faq h2{margin-bottom:30px}.toggle{flex-direction:column;padding:0 15px}.toggle_container:first-child{margin-right:0}.toggle_container .toggle_box{width:100%;padding:20px 15px;margin-bottom:10px}.toggle_container .toggle_box .toggle_head p span{display:inline-block;font-size:16px;line-height:20px}.toggle_container .toggle_box .toggle_head button img{width:20px}.toggle_container .toggle_box .toggle_text{margin-top:20px}.toggle_container .toggle_box .toggle_text p span{font-size:14px;line-height:19px}.notice{margin:70px 0;padding:0 15px}.notice .notice_card{margin:30px 0}.notice .notice_card ul{flex-direction:column;margin-bottom:10px}.notice .notice_card ul li{width:100%;padding:15px;border-radius:16px;margin-right:0;margin-bottom:10px}.notice .notice_card ul li:last-child{margin-bottom:0}.notice .notice_card ul li .type{padding-left:95px;margin-bottom:10px;font-size:14px}.notice .notice_card ul li .title span{display:inline-block;font-size:16px;line-height:22px}.notice .notice_card ul li .title span.date{position:absolute;display:block;top:17px;margin:0;font-size:14px;line-height:14px}.notice .notice_card ul li a{bottom:17px;right:15px}.notice .notice_card ul li a img{width:17px}.notice .view_btn a{font-size:16px}.special_benefits{padding:30px 0 25px}.special_benefits p{font-size:16px}.special_benefits p:first-child{font-size:27px;margin-bottom:10px}.special_benefits a{font-size:16px;margin:30px auto 0}.customer_review{margin:70px 0}.review_container{height:500px;margin-top:30px}.review_container .review_box{width:50%;margin-right:8px}.review_container .review_box .swiper-wrapper .swiper-slide{margin:0 0 8px}.review_container .review_box:nth-of-type(3),.review_container .review_box:nth-of-type(4){display:none}.review_container .review_box:nth-of-type(2) .swiper-wrapper .swiper-slide{margin-right:0}.review_container .review_box .swiper-wrapper .swiper-slide p .first{width:35px;height:35px;line-height:35px;font-size:14px}.review_container .review_box .swiper-wrapper .swiper-slide p .last{font-size:14px;margin-left:5px}.review_container .review_box .swiper-wrapper .swiper-slide .text{font-size:13px;line-height:20px;margin-top:10px}.review_container .blur{top:125px}}