@font-face{font-family:"Pretendard";font-weight:900;font-display:swap;src:local("Pretendard Black"),url("./fonts/Pretendard-Black.woff2") format("woff2"),url("./fonts/Pretendard-Black.woff") format("woff")}@font-face{font-family:"Pretendard";font-weight:800;font-display:swap;src:local("Pretendard ExtraBold"),url("./fonts/Pretendard-ExtraBold.woff2") format("woff2"),url("./fonts/Pretendard-ExtraBold.woff") format("woff")}@font-face{font-family:"Pretendard";font-weight:700;font-display:swap;src:local("Pretendard Bold"),url("./fonts/Pretendard-Bold.woff2") format("woff2"),url("./fonts/Pretendard-Bold.woff") format("woff")}@font-face{font-family:"Pretendard";font-weight:600;font-display:swap;src:local("Pretendard SemiBold"),url("./fonts/Pretendard-SemiBold.woff2") format("woff2"),url("./fonts/Pretendard-SemiBold.woff") format("woff")}@font-face{font-family:"Pretendard";font-weight:500;font-display:swap;src:local("Pretendard Medium"),url("./fonts/Pretendard-Medium.woff2") format("woff2"),url("./fonts/Pretendard-Medium.woff") format("woff")}@font-face{font-family:"Pretendard";font-weight:400;font-display:swap;src:local("Pretendard Regular"),url("./fonts/Pretendard-Regular.woff2") format("woff2"),url("./fonts/Pretendard-Regular.woff") format("woff")}@font-face{font-family:"Pretendard";font-weight:300;font-display:swap;src:local("Pretendard Light"),url("./fonts/Pretendard-Light.woff2") format("woff2"),url("./fonts/Pretendard-Light.woff") format("woff")}@font-face{font-family:"Pretendard";font-weight:200;font-display:swap;src:local("Pretendard ExtraLight"),url("./fonts/Pretendard-ExtraLight.woff2") format("woff2"),url("./fonts/Pretendard-ExtraLight.woff") format("woff")}@font-face{font-family:"Pretendard";font-weight:100;font-display:swap;src:local("Pretendard Thin"),url("./fonts/Pretendard-Thin.woff2") format("woff2"),url("./fonts/Pretendard-Thin.woff") format("woff")}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:22px;font:inherit;vertical-align:baseline;font-family:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,"Helvetica Neue","Segoe UI","Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol",sans-serif}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:root{--primary: #2040AF;--text-color: #111111}body{color:var(--text-color)}@media(min-width: 1400px){.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1067px}}@media(min-width: 1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1067px}}@media(min-width: 768px){.container{padding-left:0;padding-right:0}}@media(max-width: 1199px){.container,.container-sm{max-width:calc(100vw - 80px) !important}}@media(max-width: 991px){.container,.container-sm{max-width:calc(100vw - 80px)}}@media(max-width: 767px){.container,.container-sm{max-width:100% !important}}header{height:100px;display:flex;align-items:center}header,.header{background-color:var(--primary)}#logo img{width:78px;height:32px}header.fixed{position:fixed;z-index:9;width:100%;left:0;top:0}main.fixed{padding-top:100px}.header{overflow:hidden;height:587px}.header .container{height:100%}.header img.banner{width:880px;position:absolute;bottom:0;right:0}.header .box_left{width:415px;color:#fff}.header .box_left .title-top{text-align:left;font-size:46px;font-weight:800;line-height:62px;letter-spacing:-0.7px;margin-bottom:29px}.header .box_left .title-top span{font-family:"Noto Sans KR",Pretendard,sans-serif;font-weight:900}.header .box_left>span,.header .box_left>.title-top__sub{font-size:18px;font-weight:400;line-height:27px}.header .box_left .box_button{display:flex;column-gap:14px;margin-top:50px}section{height:644px}.container.banner-text{overflow:hidden}.banner_1,.banner_3,.banner_5{background:#f9f9f9}.banner_1 .box-image img{max-width:322px}.banner_1 .box-image::after{content:"";position:absolute;width:100%;height:99px;background:#f9f9f9;z-index:1;left:0;bottom:-38px}.banner_3 .box-image img,.banner_4 .box-image img{max-width:322px}.box-image{position:relative}.banner-text{height:100%;display:flex;align-items:center;justify-content:space-between}.banner-text .icon{margin-bottom:7px}.banner-text .text-heading{font-size:46px;font-style:normal;font-weight:800;line-height:64.4px;letter-spacing:-0.5px;margin-bottom:20px}.banner-text .text-heading .color-blue{color:var(--primary)}.banner-text .text-small{font-size:20px;font-style:normal;font-weight:400;line-height:33px;letter-spacing:-0.5px}section.section__last{background:#eaf1ff;height:794px;padding-top:95px}section.section__last .section__last-heading{color:#111;font-size:46px;font-weight:800;line-height:64.4px;letter-spacing:-0.522px;margin-bottom:13px}section.section__last .title-small{color:#000;text-align:center;font-family:Pretendard;font-size:22px;font-style:normal;font-weight:400;line-height:33px;letter-spacing:-0.5px}section.section__last .box-tutorial{margin-top:92px}section.section__last .box-tutorial img{width:328px;height:356px}.section__footer{background:#1e2c7d;height:682px;color:#fff;font-size:20px}.section__footer .title-top{display:inline-block;width:51px;height:28px;color:#7a9aef;font-size:20px;font-style:normal;font-weight:600;line-height:28px;letter-spacing:-0.547px}.section__footer .text-heading{font-size:48px;font-style:normal;font-weight:800;line-height:67.2px;letter-spacing:-0.522px;margin-top:5px;margin-bottom:20px}.section__footer .text-smal{font-style:normal;font-weight:400;line-height:30px;letter-spacing:-0.477px}.section__footer .box_button{display:flex;column-gap:13px;margin-top:50px}footer{height:296px;background:#23252f;color:#828289;font-size:13px;padding-top:46px}footer .nav{display:flex;align-items:center;column-gap:24px}footer .nav .line{width:.756px;height:15.125px;opacity:.2;background:#fff}footer .nav a{color:#fff;font-size:18px;font-weight:600;line-height:23.4px;text-transform:capitalize;text-decoration:solid}footer .row-center{margin-top:20px;margin-bottom:14px;color:#aaa;font-family:Pretendard;font-size:15px;font-style:normal;font-weight:600;line-height:25.5px;letter-spacing:-0.3px;text-transform:capitalize}footer .row-bottom{color:#828289;font-size:13px;font-weight:400;line-height:18.85px;letter-spacing:-0.3px;text-transform:capitalize}.banner-mobi,.box_button.box_button-mobi{display:none}.box_button a img{width:190px;height:62px}.banner_2 .box-image img.banner-web{width:405px}.box-tutorial>div{border-radius:30px;background:#fff;box-shadow:2px 2px 30px 0px rgba(89,92,120,.11)}@media(min-width: 1920px){.header img.banner{right:80px}}.section__footer .banner{width:389px}@media screen and (max-width: 1440px)and (min-width: 767px){.header img.banner.banner-web{width:60%;position:absolute;bottom:0;right:-30px}}@media screen and (max-width: 768px){.header img.banner.banner-web{width:50%}}@media(max-width: 768px){section.section__last .box-tutorial{flex-direction:column;margin-top:51px;gap:25px;padding-bottom:60px}section.section__last{height:auto}}@media(max-width: 767px){.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{padding-left:24px;padding-right:24px;margin-left:0;margin-right:0;max-width:100%}.container.banner-text{overflow:hidden}.banner_1,.banner_2{height:auto}.banner_3,.banner_4{height:auto}.section__last{height:1270px}.banner-web{display:none}.banner-mobi{display:block}header{height:60px}header #logo img{width:58px;height:23px}main.fixed{padding-top:60px}.btn-header a.btn_go-to-detective{height:52px}.header{height:auto}.header .gap{height:38px !important}.header .box_left{width:auto;margin-bottom:25px}.header .box_left .title-top{font-size:32px;font-weight:700;line-height:43.2px;margin-bottom:24px;height:127px}.header .box_left>span,.header .box_left>.title-top__sub{font-size:16px;line-height:24px}.header .box_left .box_button{margin-top:32px;column-gap:12px}.header img.banner{position:relative;bottom:-1px}section{height:auto}.banner_1 .box-image::after{height:73px;bottom:-11px}.mobile-bt-53 .box-text{padding-top:53px !important}.banner-text{text-align:center;flex-wrap:wrap}.banner-text>div{width:100%}.banner-text .box-text{padding-top:48px;order:1}.banner-text .box-text .icon{margin-bottom:10px}.banner-text .box-text .icon img{width:22px}.banner-text .text-heading{font-size:30px;font-weight:800;line-height:42px;margin-bottom:10px}.banner-text .text-small{font-size:16px;line-height:24px}.banner-text .box-image{margin-top:10px;margin-bottom:12px;order:2;display:flex;justify-content:center;margin-left:10px}.banner_2 .box-image .banner-mobi{width:318px}section.section__last{height:auto;padding-top:47px}section.section__last .section__last-heading{font-size:30px;line-height:42px;margin-bottom:10px}section.section__last .section__last-heading span{position:relative;bottom:-2px}section.section__last .section__last-heading img{height:30px}section.section__last .title-small{font-size:16px;line-height:24px}section.section__last .box-tutorial{flex-direction:column;margin-top:51px;gap:25px;padding-bottom:60px}section.section__last .box-tutorial>div{padding:9.2px}section.section__last .box-tutorial img{width:293.918px;height:319.009px}section.section__footer{height:auto}section.section__footer .banner-text{text-align:left}section.section__footer .banner-text .box-text{padding-top:65px}section.section__footer .banner-text .box-text .title-top{font-size:16px;line-height:22.4px}section.section__footer .banner-text .box-text .text-heading{font-size:32px;line-height:43.2px;margin-bottom:14px}section.section__footer .box-image img.banner{max-width:calc(100% - 64px);margin-left:32px}section.section__footer .box_button{display:none}section.section__footer .box-image{margin-bottom:55px;flex-direction:column}section.section__footer .box-image .box_button.box_button-mobi{column-gap:12px;display:flex !important;margin-top:0}section.section__footer .box-image .box_button.box_button-mobi a{flex:1}section.section__footer .box-image .box_button.box_button-mobi a img{margin-bottom:0}footer{height:468px;padding-top:52px;padding-bottom:58px}footer .row-top{flex-direction:column;align-items:start !important}footer .row-top .f-logo{margin-bottom:30px}footer .row-top .f-logo img{width:66px !important;height:28px}footer .row-top .nav{column-gap:12px}footer .row-top .nav a{font-size:16px;line-height:20.8px}footer .row-center{font-size:14px;margin-top:18px;margin-bottom:29px}footer .row-bottom{font-size:13px}.box_button a{gap:0 !important}.box_button a img{width:100%;height:auto}div.box_button-mobi{margin-left:-10px}}@media(max-width: 375px){.box_button a img{width:150 [x];height:48px}}.header .box_left .box_button.btn-header{flex-wrap:wrap;width:320px;column-gap:7px}a.btn_go-to-detective{width:100%;height:62px;background-color:#5f81ed !important;color:#fff;font-size:18px;font-weight:600;border-radius:10px;box-shadow:1px 2px 19px 0px rgba(0,0,0,.12);margin-bottom:20px;display:flex;justify-content:center;align-items:center}a.bnt-store{max-width:156px}.box_button a img{max-width:100%;height:auto}header nav{column-gap:53px}header nav a.nav-link{font-size:18px;font-weight:500;color:#fff}body.fixed_header header{position:fixed;z-index:9;width:100%;inset:0}body.fixed_header{padding-top:80px}#logo img{width:112px;height:38px}@media(max-width: 767px){header #logo img{width:74px;height:25px}.btn-header a.btn_go-to-detective{font-size:16px}footer .row-top .f-logo img{width:93px !important;height:32px}.header .box_left .box_button.btn-header{width:100%}a.bnt-store{max-width:unset}a.bnt-store{width:48% !important}a.bnt-store svg{width:100% !important;height:auto}.header .box_left .box_button{justify-content:space-between}}.font-weight-400{font-weight:400 !important}span.spacing{padding:0 6px}@media(min-width: 767px){.banner-text .text-small{font-size:22px}.box-tutorial{column-gap:40px}header{height:80px}.header{height:648px}footer{height:368px}}body.fixed_header header{background:#fff;border-bottom:1px solid #e2e2e2}body.fixed_header header a{color:#333 !important}.logo-blue{display:none}body.fixed_header .logo-blue{display:block}body.fixed_header .logo-light{display:none}#wrapper{padding-top:0 !important}@media(max-width: 767px){header nav{column-gap:24px}header nav a.nav-link{font-size:14px}}.section-guide{min-height:725px;height:auto;background:#eaf1ff;padding-top:95px;padding-bottom:94px}.section-guide .container{overflow:visible}.section-guide .text-small{font-size:46px;line-height:64.4px}.section-guide .text-heading{margin-bottom:0}.section-guide .swiper-button-prev:after,.section-guide .swiper-button-next:after{display:none}.section-guide .swiper-button{height:70px;width:70px;padding:24px;background:rgba(255,255,255,.86);border-radius:999px;box-shadow:0 0 20px rgba(0,0,0,.1);z-index:2;display:flex !important;opacity:0;visibility:hidden;transition:all .3s ease}.section-guide .swiper-button.at_swiper-button-prev{left:-35px}.section-guide .swiper-button.at_swiper-button-next{right:-35px}.section-guide .swiper-button:hover{background:#000}.section-guide .swiper-button:hover svg path{fill:#fff}.box-slide:hover .swiper-button{opacity:1 !important;visibility:visible !important}.swiper-wrapper{display:flex}.list-guide{margin-top:74px;overflow-y:visible}.list-guide .guide-item{border-radius:24px;border:0;overflow:hidden;text-decoration:none;bottom:0;transition:all .3s ease}.list-guide .guide-item .card-img{position:relative;width:100%;aspect-ratio:329/178}.list-guide .guide-item .card-img img{height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;top:0px;left:0px;width:100%}.list-guide .guide-item .card-body{padding:23px 27px;padding-bottom:33px;text-align:left}.list-guide .guide-item .card-body .guide-title-small{font-size:14px;font-weight:500;color:#666;letter-spacing:-0.53px;line-height:24px;margin-bottom:8px}.list-guide .guide-item .card-body .card-title{color:#000;font-weight:600;font-size:26px;line-height:34px;letter-spacing:-0.53px;margin-bottom:0}.list-guide .guide-item:hover{box-shadow:4px 4px 30px 0px rgba(89,92,120,.2);bottom:33px}.list-guide{opacity:0}.banner_5 .box-image img{width:310px}.section__footer .text-small{font-size:20px;line-height:30px;letter-spacing:-0.48px}.tutorial-text{position:absolute;z-index:2;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:45px;width:100%;padding-top:20px;background:#fff}.tutorial-text .tutorial-text__top{display:flex;justify-content:center;align-items:center;column-gap:5px}.tutorial-text .tutorial-text__top .number{width:22px;height:22px;background:#2040af;color:#fff;font-size:14px;font-weight:700;line-height:1;border-radius:999px;display:flex;align-items:center;justify-content:center}.tutorial-text .tutorial-text__top .tutorial__title{color:#2040af;font-size:22px;font-weight:700;line-height:30.8px;letter-spacing:-0.5px}.tutorial-text .tutorial-text__bottom{font-size:18px;font-weight:400;line-height:27px;letter-spacing:-0.48px;margin-top:13px;color:#000}@media(max-width: 767px){div.list-guide{overflow:visible;padding-bottom:30px}.section-guide .container{overflow-x:hidden}.section__footer .text-small{font-size:16px;line-height:22.4px}.section-guide{padding-top:0px;min-height:574px;padding-bottom:55px}.section-guide .text-small{font-size:30px;line-height:42px;white-space:nowrap}.section-guide .list-guide{margin-top:58px}.section-guide .list-guide .guide-item .card-body{padding:20px 24px;padding-bottom:27px}.section-guide .list-guide .guide-item .card-body .guide-title-small{font-size:13px;line-height:22px;margin-bottom:6px}.section-guide .list-guide .guide-item .card-body .card-title{font-size:24px;line-height:31.5px}.section-guide .list-guide .guide-item:hover{bottom:2px}.section-guide .swiper-button{display:none !important}.banner_5 .banner-text .box-image{margin-bottom:3px}.tutorial-text{bottom:40px;width:calc(100% - 18.4px)}.tutorial-text .tutorial-text__top{column-gap:4px}.tutorial-text .tutorial-text__top .number{width:19.71px;height:19.71px;font-size:12.55px}.tutorial-text .tutorial-text__top .tutorial__title{color:#2040af;font-size:19.71px;font-weight:700;line-height:27.6px}.tutorial-text .tutorial-text__bottom{font-size:16.13px;line-height:24.19px;margin-top:11.43px}section.section__last .title-small{color:#111}}@media(max-width: 426px){.section-guide .container{padding-left:35px;padding-right:35px}.section-guide .box-text{padding-top:52px}}@media(max-width: 360px){.section-guide .list-guide .guide-item{height:295px}}@media(min-width: 768px){.section-guide .container{max-width:1127px}.section-guide .container .list-guide{padding-left:30px;padding-right:30px}.section-guide .container .swiper-button.at_swiper-button-next{right:-5px}.section-guide .container .swiper-button.at_swiper-button-prev{left:-5px}}/*# sourceMappingURL=style.css.map */